:root {
  --carbon: #182427;
  --carbon-soft: #253438;
  --archive: #f7f8f6;
  --paper: #ffffff;
  --surface-quiet: #eef2ef;
  --registry: #16705a;
  --registry-dark: #0e5947;
  --relay: #3267b3;
  --attention: #a76018;
  --seal: #b44742;
  --rule: #d9e0dc;
  --muted: #566560;
  --display: Inter, "Helvetica Neue", Arial, sans-serif;
  --body: Inter, "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}

* {
  box-sizing: border-box;
}
[hidden] {
  display: none !important;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--archive);
  color: var(--carbon);
  font: 400 16px/1.55 var(--body);
}
button,
input,
select {
  font: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(43, 93, 183, 0.34);
  outline-offset: 3px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.service-bar {
  min-height: 32px;
  padding: 6px max(24px, calc((100vw - 1200px) / 2));
  display: flex;
  justify-content: space-between;
  gap: 20px;
  background: var(--carbon);
  color: #e9eeeb;
  font: 11px/20px var(--mono);
  text-transform: uppercase;
}
.service-bar a {
  color: #8ed0ba;
}
.site-header {
  height: 72px;
  padding: 0 max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 180px 1fr 260px;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid var(--rule);
  background: rgba(246, 247, 244, 0.97);
  position: sticky;
  top: 0;
  z-index: 30;
}
.wordmark {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  line-height: 0;
}
.brand-logo {
  display: block;
  width: auto;
  height: 34px;
}
.brand-logo-tagline {
  height: 43px;
}
.nav-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}
.nav-wordmark-mark {
  display: block;
  width: 28px;
  height: 32px;
  flex: 0 0 auto;
  transform-origin: 50% 62%;
  transition: transform 300ms ease;
  --nav-mark-a: #151b28;
  --nav-mark-b: #24a990;
  --nav-mark-c: #f2b84b;
}
.nav-wordmark-text {
  font-family: var(--body);
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.4px;
  font-weight: 300;
  color: #151b28;
  white-space: nowrap;
  transition: color 200ms ease;
}
.nav-wordmark-accent {
  font-weight: 700;
  color: #16705a;
  transition: color 200ms ease;
}
.wordmark:hover .nav-wordmark-mark {
  transform: rotate(12deg) scale(1.05);
}
.wordmark:hover .nav-wordmark-text {
  color: #0e5947;
}
.wordmark:hover .nav-wordmark-accent {
  color: #24a990;
}
@media (prefers-reduced-motion: reduce) {
  .nav-wordmark-mark,
  .nav-wordmark-text,
  .nav-wordmark-accent {
    transition: none;
  }
}
#site-nav {
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 30px;
  height: 100%;
  font-size: 14px;
  font-weight: 650;
}
.nav-cluster {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.nav-cluster::after {
  content: "";
  position: absolute;
  left: -12px;
  right: -12px;
  top: 100%;
  height: 14px;
}
.nav-trigger {
  border: 0;
  padding: 12px 0;
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-weight: 650;
}
.nav-trigger span {
  width: 6px;
  height: 6px;
  margin: -3px 0 0 7px;
  display: inline-block;
  border-right: 1.5px solid var(--muted);
  border-bottom: 1.5px solid var(--muted);
  transform: rotate(-45deg);
  transition: transform 140ms ease;
}
.nav-trigger[aria-expanded="true"] span {
  transform: rotate(45deg);
}
.nav-panel {
  display: none;
  position: absolute;
  top: calc(100% + 13px);
  left: 50%;
  width: 500px;
  padding: 18px;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  transform: translateX(-50%);
  border: 1px solid var(--rule);
  background: var(--paper);
  box-shadow: 0 16px 40px rgba(23, 33, 38, 0.13);
}
.nav-panel::before {
  content: "";
  position: absolute;
  top: -8px;
  left: calc(50% - 7px);
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  border: 1px solid var(--rule);
  border-right: 0;
  border-bottom: 0;
  background: var(--paper);
}
.nav-cluster.open .nav-panel,
.nav-cluster:hover .nav-panel,
.nav-cluster:focus-within .nav-panel {
  display: grid;
}
.nav-panel a {
  min-height: 78px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border-left: 2px solid transparent;
}
.nav-panel a:hover {
  border-left-color: var(--registry);
  background: var(--archive);
}
.nav-panel b {
  font-size: 14px;
}
.nav-panel span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
}
.header-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 650;
  white-space: nowrap;
}
.header-public-actions,
.header-workspace-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-workspace-actions[hidden],
.header-public-actions[hidden],
.account-menu-panel[hidden] {
  display: none;
}
.account-menu {
  position: relative;
}
.account-menu-trigger {
  min-height: 38px;
  max-width: 220px;
  padding: 7px 10px 7px 12px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  overflow: hidden;
  border: 1px solid #aab5b0;
  border-radius: 3px;
  background: var(--paper);
  color: var(--carbon);
  font: inherit;
  cursor: pointer;
}
.account-menu-trigger:hover,
.account-menu-trigger[aria-expanded="true"] {
  border-color: var(--carbon);
}
.account-menu-trigger span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-menu-trigger i {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  flex: 0 0 auto;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
}
.account-menu-trigger[aria-expanded="true"] i {
  margin-top: 4px;
  transform: rotate(225deg);
}
.account-menu-panel {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  right: 0;
  width: 184px;
  padding: 6px;
  border: 1px solid var(--rule);
  border-radius: 4px;
  background: var(--paper);
  box-shadow: 0 14px 28px rgba(24, 36, 39, 0.12);
}
.account-menu-panel a,
.account-menu-panel button {
  width: 100%;
  min-height: 34px;
  padding: 8px 9px;
  display: flex;
  align-items: center;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--carbon);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.account-menu-panel a:hover,
.account-menu-panel button:hover {
  background: var(--archive);
  color: var(--registry);
}
.plain-action:hover {
  color: var(--registry);
}
.sales-action {
  min-height: 38px;
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #aab5b0;
  border-radius: 3px;
  color: var(--carbon);
  font-weight: 700;
  white-space: nowrap;
}
.sales-action:hover {
  border-color: var(--carbon);
  background: var(--paper);
}
.sales-mobile-link {
  display: none;
}
.workspace-mobile-link {
  display: none;
}
.primary-action,
.secondary-action {
  min-height: 50px;
  padding: 13px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  border: 1px solid var(--registry);
  border-radius: 3px;
  font-weight: 700;
  cursor: pointer;
}
.primary-action {
  background: var(--registry);
  color: white;
}
.primary-action:hover {
  background: var(--registry-dark);
  border-color: var(--registry-dark);
}
.primary-action:disabled {
  opacity: 0.6;
  cursor: wait;
}
.primary-action.small {
  min-height: 38px;
  padding: 8px 13px;
  gap: 10px;
}
.secondary-action {
  background: transparent;
  color: var(--carbon);
  border-color: #aab5b0;
}
.secondary-action:hover {
  border-color: var(--carbon);
}
.nav-toggle {
  display: none;
}
.hero {
  max-width: 1200px;
  min-height: min(680px, calc(100vh - 136px));
  margin: 0 auto;
  padding: clamp(56px, 8vh, 92px) 24px 46px;
}
.home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(440px, 0.92fr);
  gap: 70px;
  align-items: center;
}
.eyebrow {
  margin: 0 0 20px;
  color: var(--registry);
  font: 700 11px/1.3 var(--mono);
  text-transform: uppercase;
}
h1,
h2,
h3 {
  margin: 0;
  font-family: var(--display);
  letter-spacing: 0;
}
h1 {
  max-width: 850px;
  font-size: clamp(48px, 5.3vw, 72px);
  line-height: 1.03;
}
h2 {
  font-size: 44px;
  line-height: 1.06;
}
h3 {
  font-size: 21px;
  line-height: 1.2;
}
.lede {
  max-width: 670px;
  margin: 28px 0 0;
  color: #46534f;
  font-size: 19px;
  line-height: 1.6;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}
.hero-note {
  margin: 17px 0 0;
  color: var(--muted);
  font: 11px/1.4 var(--mono);
  text-transform: uppercase;
}
.transmission-stage {
  min-height: 544px;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  border: 1px solid #9caaa4;
  background: var(--paper);
  box-shadow: 14px 16px 0 #dce2de;
}
.stage-toolbar,
.stage-foot {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--rule);
  background: #eef1ee;
  color: #52605c;
  font: 10px/1.3 var(--mono);
}
.document-preview {
  width: 67%;
  min-height: 224px;
  margin: 28px auto 18px;
  padding: 22px;
  align-self: center;
  border: 1px solid var(--rule);
  background: #fbfcfa;
  box-shadow: 5px 5px 0 #e5e9e6;
}
.doc-head {
  padding-bottom: 14px;
  display: flex;
  justify-content: space-between;
  font: 700 11px/1.3 var(--mono);
}
.doc-head span:last-child {
  color: var(--muted);
  font-weight: 400;
}
.doc-line {
  width: 50%;
  height: 7px;
  margin: 10px 0;
  background: #cbd3cf;
}
.doc-line.long {
  width: 94%;
}
.doc-line.medium {
  width: 72%;
}
.doc-rule {
  height: 1px;
  margin: 22px 0;
  background: var(--rule);
}
.doc-meta {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 8px 12px;
  font: 10px/1.2 var(--mono);
}
.doc-meta span {
  color: var(--muted);
}
.doc-meta b {
  color: var(--carbon);
}
.rail {
  margin: 0;
  padding: 0 20px 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
}
.rail li {
  min-width: 0;
  position: relative;
  padding-top: 32px;
}
.rail li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--rule);
}
.rail li:first-child::before {
  left: 50%;
}
.rail li:last-child::before {
  right: 50%;
}
.rail li.done::before,
.rail li.active::before {
  background: var(--registry);
}
.rail i {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 2px;
  left: calc(50% - 11px);
  z-index: 1;
  display: grid;
  place-items: center;
  border: 2px solid var(--rule);
  border-radius: 50%;
  background: var(--paper);
  color: var(--muted);
  font: 9px/1 var(--mono);
  font-style: normal;
}
.rail .done i {
  border-color: var(--registry);
  background: var(--registry);
  color: white;
}
.rail .active i {
  border-color: var(--registry);
  color: var(--registry);
  box-shadow: 0 0 0 4px #dfece7;
}
.rail div {
  text-align: center;
}
.rail b,
.rail span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rail b {
  font-size: 12px;
}
.rail span {
  margin-top: 3px;
  color: var(--muted);
  font: 9px/1.3 var(--mono);
}
.stage-foot {
  border-top: 1px solid var(--rule);
  border-bottom: 0;
  background: var(--carbon);
  color: #dbe3df;
}
.status-dot {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 6px;
  border-radius: 50%;
  background: #68c4a5;
}
.proof-strip {
  min-height: 68px;
  padding: 18px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 24px;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  background: var(--paper);
  color: #596662;
  font: 10px/1.2 var(--mono);
  text-align: center;
}
.proof-strip span + span {
  border-left: 1px solid var(--rule);
}
.product-gallery,
.product-shot {
  padding: 105px max(24px, calc((100vw - 1200px) / 2));
  border-bottom: 1px solid var(--rule);
  background: #e8efec;
}
.product-gallery > header,
.product-shot > header {
  max-width: 790px;
  margin-bottom: 48px;
}
.product-gallery > header > p:last-child,
.product-shot > header > p:last-child {
  color: #46534f;
  font-size: 16px;
  line-height: 1.7;
}
.product-gallery figure,
.product-shot figure {
  margin: 0;
}
.product-gallery img,
.product-shot img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #9faaa6;
  background: var(--paper);
}
.marketing-visual {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--surface-quiet);
}
.marketing-visual img {
  width: 100%;
  height: auto;
  display: block;
  border: 0;
}
.hero-product-view {
  margin: 0;
  align-self: center;
}
.hero-product-view .marketing-visual {
  box-shadow: 0 22px 48px rgba(24, 36, 39, 0.12);
}
.hero-product-view figcaption {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.gallery-primary {
  box-shadow: 12px 14px 0 #cbd6d1;
}
.gallery-secondary {
  margin-top: 52px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.gallery-primary figcaption,
.gallery-secondary figcaption {
  padding: 16px 0 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.gallery-primary figcaption span,
.gallery-secondary figcaption span {
  color: var(--registry);
  font: 10px/1.3 var(--mono);
}
.gallery-primary figcaption b,
.gallery-secondary figcaption b {
  font-size: 13px;
}
.product-shot {
  background: var(--archive);
}
.product-shot figure {
  padding: 18px;
  border: 1px solid #a8b2ae;
  background: #e1e8e4;
  box-shadow: 12px 14px 0 #d2d9d5;
}
.product-shot figure img {
  border-color: var(--rule);
}
.product-shot figcaption {
  padding: 14px 0 0;
  color: var(--muted);
  font: 10px/1.4 var(--mono);
}
.workflow-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 110px 24px;
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 100px;
}
.workflow-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #9faaa6;
}
.workflow-grid article {
  padding: 24px 22px 0 0;
}
.workflow-grid article + article {
  padding-left: 22px;
  border-left: 1px solid var(--rule);
}
.workflow-grid span {
  color: var(--registry);
  font: 10px/1 var(--mono);
}
.workflow-grid h3 {
  margin-top: 36px;
}
.workflow-grid p {
  color: var(--muted);
  font-size: 14px;
}
.document-evidence {
  padding: 105px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: minmax(360px, 0.8fr) minmax(0, 1.2fr);
  gap: 110px;
  align-items: center;
  border-top: 1px solid var(--rule);
  background: var(--paper);
}
.document-evidence figure {
  margin: 0;
}
.cover-sheet-frame {
  max-width: 410px;
  padding: 22px;
  border: 1px solid #a8b2ae;
  background: #e9edeb;
  box-shadow: 12px 14px 0 #d2d9d5;
}
.cover-sheet-frame img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--rule);
  background: var(--paper);
}
.document-evidence figcaption {
  max-width: 410px;
  padding: 18px 0 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.document-evidence figcaption span {
  color: var(--registry);
  font: 10px/1.3 var(--mono);
}
.document-evidence figcaption b {
  font-size: 13px;
}
.document-evidence > div > p:not(.eyebrow) {
  color: #46534f;
  font-size: 16px;
  line-height: 1.7;
}
.document-evidence ul {
  margin: 26px 0 30px;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--rule);
}
.document-evidence li {
  padding: 13px 0 13px 24px;
  position: relative;
  border-bottom: 1px solid var(--rule);
  color: #46534f;
  font-size: 14px;
}
.document-evidence li::before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  top: 20px;
  left: 2px;
  background: var(--registry);
}
.split-band {
  padding: 100px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  background: var(--carbon);
  color: white;
}
.split-band .eyebrow {
  color: #86cdb5;
}
.split-band ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.split-band li {
  padding: 23px 0;
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 20px;
  border-top: 1px solid #445056;
}
.split-band li:last-child {
  border-bottom: 1px solid #445056;
}
.split-band span {
  color: #bac5c1;
}
.inner-hero {
  max-width: 1200px;
  min-height: 560px;
  margin: 0 auto;
  padding: 100px 24px 70px;
  display: grid;
  grid-template-columns: minmax(300px, 0.94fr) minmax(520px, 1.06fr);
  gap: 72px;
  align-items: start;
}
.inner-hero > * {
  min-width: 0;
}
.inner-hero h1 {
  overflow-wrap: anywhere;
  font-size: clamp(48px, 5vw, 68px);
}
.page-signal {
  width: 100%;
  max-width: 572px;
  align-self: start;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper);
}
.page-signal .marketing-visual {
  aspect-ratio: 16 / 9;
}
.page-signal .marketing-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-signal .marketing-visual {
  border: 0;
  border-radius: 0;
}

.workflow-landing-hero {
  grid-template-columns: minmax(300px, 0.94fr) minmax(520px, 1.06fr);
  align-items: start;
}
.workflow-landing-hero figure {
  width: 100%;
  max-width: 572px;
  align-self: start;
}
.workflow-landing-hero .marketing-visual {
  aspect-ratio: 16 / 9;
}
.workflow-landing-hero .marketing-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-signal > div:last-child {
  padding: 9px 12px 10px;
}
.page-signal span {
  display: block;
  color: var(--registry);
  font-size: 9px;
  font-weight: 650;
  line-height: 1.2;
}
.page-signal b {
  display: block;
  margin-top: 3px;
  color: var(--carbon);
  font-size: 11px;
  line-height: 1.15;
}

.page-signal p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.22;
}
.article-layout {
  padding: 90px max(24px, calc((100vw - 1020px) / 2));
  display: grid;
  grid-template-columns: minmax(0, 680px) 260px;
  gap: 80px;
  border-top: 1px solid var(--rule);
  background: var(--paper);
}
.article-layout article > p,
.article-layout article li {
  color: #46534f;
  font-size: 17px;
  line-height: 1.7;
}
.article-layout h2 {
  margin-bottom: 32px;
}
.article-layout h3 {
  margin: 48px 0 15px;
}
.article-layout li {
  margin: 9px 0;
}
.draft-notice {
  margin: 24px 0;
  padding: 18px;
  border-left: 3px solid var(--seal);
  background: #fbefee;
}
.draft-notice p {
  margin-bottom: 0;
  color: #6b403e;
  font-size: 14px;
}
.article-aside {
  display: flex;
  flex-direction: column;
  gap: 46px;
}
.article-aside > div {
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-top: 2px solid var(--carbon);
}
.article-aside span {
  color: var(--muted);
  font: 10px/1.3 var(--mono);
}
.article-aside a {
  color: var(--relay);
  font-size: 14px;
}
.article-aside p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.capability-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 110px 24px;
}
.capability-section > header {
  max-width: 720px;
  margin-bottom: 58px;
}
.capability-section > header > p:last-child {
  max-width: 650px;
  color: var(--muted);
  font-size: 18px;
}
.capability-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.capability-grid article {
  min-height: 280px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.capability-grid span {
  color: var(--registry);
  font: 10px/1.3 var(--mono);
}
.capability-grid h3 {
  margin-top: 42px;
}
.capability-grid p {
  color: var(--muted);
  font-size: 14px;
}
.capability-grid a {
  margin-top: auto;
  color: var(--relay);
  font-size: 13px;
  font-weight: 700;
}
.access-band {
  padding: 105px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 100px;
  background: var(--carbon);
  color: white;
}
.access-band .eyebrow {
  color: #86cdb5;
}
.access-band > div:first-child > p:not(.eyebrow) {
  color: #bac5c1;
  font-size: 16px;
  line-height: 1.7;
}
.access-band .secondary-action {
  border-color: #83908a;
  color: var(--carbon);
}
.access-ledger {
  border-top: 1px solid #526068;
}
.access-ledger > div {
  min-height: 105px;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 5px 22px;
  border-bottom: 1px solid #445056;
}
.access-ledger span {
  grid-row: span 2;
  padding-top: 3px;
  color: #86cdb5;
  font: 10px/1.3 var(--mono);
}
.access-ledger b {
  font-size: 16px;
}
.access-ledger small {
  color: #bac5c1;
  font-size: 13px;
}
.operations-band {
  padding: 105px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 100px;
  background: var(--paper);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.operations-band > div:first-child > p:not(.eyebrow) {
  max-width: 530px;
  color: var(--muted);
}
.operations-band .secondary-action {
  margin-top: 26px;
}
.operations-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--rule);
  border-left: 1px solid var(--rule);
}
.operations-list a {
  min-height: 150px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 5px;
  border-right: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.operations-list a:hover {
  background: var(--archive);
  box-shadow: inset 3px 0 0 var(--registry);
}
.operations-list span {
  color: var(--muted);
  font-size: 13px;
}
.home-sales-line {
  padding: 42px max(24px, calc((100vw - 1200px) / 2));
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--rule);
  background: var(--paper);
  text-align: center;
}
.home-sales-line p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
}
.home-sales-line a {
  color: var(--registry);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.home-sales-line a:hover {
  color: var(--registry-dark);
}
.connection-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 105px 24px;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 90px;
}
.connection-rail {
  display: grid;
  border-top: 1px solid #9faaa6;
}
.connection-rail a {
  min-height: 76px;
  padding: 15px 0;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid var(--rule);
}
.connection-rail a:hover b {
  color: var(--registry);
}
.connection-rail span {
  color: var(--muted);
  font-size: 13px;
}
.international-band {
  padding: 105px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  gap: 100px;
  border-top: 1px solid var(--rule);
  background: var(--paper);
}
.international-band > div > p:not(.eyebrow) {
  color: #46534f;
  font-size: 16px;
  line-height: 1.7;
}
.international-band ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #9faaa6;
}
.international-band li {
  min-height: 132px;
  padding: 24px 0;
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 22px;
  border-bottom: 1px solid var(--rule);
}
.international-band li > span {
  color: var(--registry);
  font: 10px/1.3 var(--mono);
}
.international-band li b {
  font-size: 18px;
}
.international-band li p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14px;
}
.evidence-band {
  max-width: 1200px;
  margin: 0 auto;
  padding: 105px 24px;
}
.evidence-band > header {
  max-width: 790px;
  margin-bottom: 52px;
}
.evidence-band > header > p:last-child {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
}
.evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.evidence-grid article {
  min-height: 230px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.evidence-grid span {
  color: var(--registry);
  font: 10px/1.3 var(--mono);
}
.evidence-grid b {
  margin-top: 45px;
  font: 700 20px/1.2 var(--display);
}
.evidence-grid p {
  margin: auto 0 0;
  color: var(--muted);
  font-size: 13px;
}
.route-showcase {
  padding: 105px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 90px;
  align-items: center;
  border-bottom: 1px solid var(--rule);
  background: var(--paper);
}
.route-showcase > div:first-child > p:not(.eyebrow) {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
}
.workflow-route,
.sales-route {
  background: var(--archive);
}
.workflow-directory-hero,
.workflow-landing-hero,
.sales-contact-hero {
  max-width: 1200px;
  margin: 0 auto;
  padding: 96px 24px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: 72px;
  align-items: center;
}
.workflow-directory-hero h1,
.workflow-landing-hero h1,
.sales-contact-hero h1 {
  max-width: 680px;
  margin: 0;
  font: 700 clamp(40px, 5vw, 68px) / 1.01 var(--display);
}
.workflow-directory-hero .lede,
.workflow-landing-hero .lede,
.sales-contact-hero .lede {
  max-width: 620px;
  margin: 24px 0 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.65;
}
.workflow-directory-hero .hero-actions,
.workflow-landing-hero .hero-actions {
  margin-top: 32px;
}
.workflow-directory-hero aside {
  align-self: stretch;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid #9faaa6;
  background: var(--paper);
}
.workflow-directory-visual {
  width: 100%;
  max-width: 572px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper);
  box-shadow: 0 22px 46px rgba(24, 36, 39, 0.1);
}
.workflow-directory-visual .marketing-visual {
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 0;
}
.workflow-directory-visual .marketing-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.workflow-directory-visual figcaption {
  padding: 9px 12px 10px;
  border-top: 1px solid var(--rule);
}
.workflow-directory-visual figcaption span {
  display: block;
  color: var(--registry);
  font-size: 9px;
  font-weight: 650;
  line-height: 1.2;
}
.workflow-directory-visual figcaption b {
  display: block;
  margin-top: 3px;
  color: var(--carbon);
  font-size: 11px;
  line-height: 1.15;
}
.workflow-directory-hero aside span,
.workflow-landing-hero figcaption span,
.workflow-directory-grid span,
.workflow-capabilities span,
.sales-contact-hero dt {
  color: var(--registry);
  font: 700 10px/1.3 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.workflow-directory-hero aside b {
  max-width: 340px;
  margin-top: 78px;
  font: 700 28px/1.15 var(--display);
}
.workflow-directory-hero aside p {
  max-width: 360px;
  margin: 16px 0 0;
  color: var(--muted);
}
.workflow-directory-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px 96px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.workflow-directory-grid a {
  min-height: 278px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
  background: var(--paper);
  transition: background-color 150ms ease;
}
.workflow-directory-grid a:hover {
  background: #edf4f1;
}
.workflow-directory-grid h2 {
  max-width: 420px;
  margin: 46px 0 0;
  font: 700 30px/1.1 var(--display);
}
.workflow-directory-grid p {
  max-width: 440px;
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 14px;
}
.workflow-directory-grid b {
  margin-top: auto;
  padding-top: 34px;
  font-size: 13px;
}
.workflow-directory-grid i,
.workflow-capabilities i {
  padding-left: 8px;
  color: var(--registry);
  font-style: normal;
}
.workflow-directory-bridge,
.workflow-readiness {
  padding: 88px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 90px;
  border-top: 1px solid var(--rule);
  background: var(--surface-quiet);
}
.workflow-directory-bridge h2,
.workflow-readiness h2 {
  max-width: 572px;
  margin: 0;
  font: 700 40px/1.08 var(--display);
}
.workflow-directory-bridge > div:last-child > p,
.workflow-readiness > div > p {
  max-width: 600px;
  margin: 0;
  color: var(--muted);
}
.workflow-directory-bridge .secondary-action,
.workflow-readiness .secondary-action {
  margin-top: 28px;
}
.workflow-landing-hero {
  padding-bottom: 108px;
}
.workflow-landing-hero figure {
  margin: 0;
}
.workflow-landing-hero figcaption {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 132px 1fr;
  gap: 18px;
  align-items: start;
}
.workflow-landing-hero figcaption b {
  font: 650 15px/1.45 var(--display);
}

/* Keep workflow illustrations anchored to the same upper-right frame as the product walkthrough. */
.workflow-route .workflow-landing-hero {
  grid-template-columns: minmax(300px, 0.94fr) minmax(520px, 1.06fr);
  align-items: start;
}
.workflow-route .workflow-landing-hero figure {
  width: 100%;
  max-width: 572px;
  align-self: start;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper);
  box-shadow: 0 22px 46px rgba(24, 36, 39, 0.1);
}
.workflow-route .workflow-landing-hero .marketing-visual {
  aspect-ratio: 16 / 9;
}
.workflow-route .workflow-landing-hero .marketing-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.workflow-route .workflow-landing-hero figcaption {
  margin-top: 0;
  padding: 9px 12px 10px;
  display: block;
  border-top: 1px solid var(--rule);
  background: var(--paper);
}
.workflow-route .workflow-landing-hero figcaption span {
  display: block;
  color: var(--registry);
  font-size: 9px;
  font-weight: 650;
  line-height: 1.2;
}
.workflow-route .workflow-landing-hero figcaption b {
  display: block;
  margin-top: 3px;
  color: var(--carbon);
  font-size: 11px;
  line-height: 1.15;
}
.workflow-route .workflow-landing-hero .marketing-visual {
  border: 0;
  border-radius: 0;
}
.workflow-handoff {
  padding: 92px max(24px, calc((100vw - 1200px) / 2));
  border-top: 1px solid var(--rule);
  background: var(--paper);
}
.workflow-handoff header {
  max-width: 710px;
}
.workflow-handoff h2,
.workflow-capabilities h2,
.workflow-closing h2 {
  margin: 0;
  font: 700 42px/1.08 var(--display);
}
.workflow-handoff header > p:not(.eyebrow) {
  max-width: 670px;
  color: var(--muted);
}
.workflow-handoff ol {
  margin: 48px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
  border-top: 1px solid #9faaa6;
}
.workflow-handoff li {
  min-height: 225px;
  padding: 22px 24px 24px;
  position: relative;
  border-left: 1px solid #9faaa6;
}
.workflow-handoff li:last-child {
  border-right: 1px solid #9faaa6;
}
.workflow-handoff li::before {
  width: 11px;
  height: 11px;
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  border: 2px solid var(--registry);
  border-radius: 50%;
  background: var(--paper);
}
.workflow-handoff li:last-child::after {
  width: 11px;
  height: 11px;
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  border: 2px solid var(--registry);
  border-radius: 50%;
  background: var(--paper);
}
.workflow-handoff li b {
  display: block;
  margin-top: 42px;
  font: 700 21px/1.14 var(--display);
}
.workflow-handoff li p {
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
.workflow-capabilities {
  padding: 92px max(24px, calc((100vw - 1200px) / 2));
  border-top: 1px solid var(--rule);
  background: var(--archive);
}
.workflow-capabilities > div {
  margin-top: 46px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.workflow-capabilities a {
  min-height: 238px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
  background: var(--archive);
  transition: background-color 150ms ease;
}
.workflow-capabilities a:hover {
  background: var(--paper);
}
.workflow-capabilities b {
  margin-top: 50px;
  font: 700 23px/1.14 var(--display);
}
.workflow-capabilities p {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 13px;
}
.workflow-capabilities i {
  margin-top: auto;
  padding-top: 24px;
  padding-left: 0;
}
.workflow-readiness ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #9faaa6;
}
.workflow-readiness li {
  min-height: 76px;
  padding: 21px 0 21px 42px;
  position: relative;
  border-bottom: 1px solid #9faaa6;
  font-size: 15px;
}
.workflow-readiness li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--registry);
  font-weight: 700;
}
.workflow-closing {
  padding: 106px max(24px, calc((100vw - 1200px) / 2));
  text-align: center;
  color: #eef4f1;
  background: var(--carbon);
}
.workflow-closing h2 {
  max-width: 790px;
  margin: 0 auto;
}
.workflow-closing .hero-actions {
  justify-content: center;
  margin-top: 32px;
}
.workflow-closing .secondary-action {
  color: var(--carbon);
  border-color: #8b9a94;
}
.sales-contact-hero {
  grid-template-columns: minmax(0, 0.85fr) minmax(440px, 1.15fr);
  align-items: start;
}
.sales-contact-hero dl {
  margin: 42px 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.sales-contact-hero dl div {
  min-height: 162px;
  padding: 18px;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.sales-contact-hero dd {
  margin: 40px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.sales-contact-form {
  padding: 30px;
  background: var(--paper);
  border: 1px solid #9faaa6;
}
.sales-contact-notes {
  padding: 84px max(24px, calc((100vw - 1200px) / 2));
  border-top: 1px solid var(--rule);
  background: var(--surface-quiet);
}
.sales-contact-notes > div {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.sales-contact-notes article {
  min-height: 214px;
  padding: 24px;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.sales-contact-notes article > b {
  color: var(--registry);
  font: 700 12px/1.3 var(--mono);
}
.sales-contact-notes h2 {
  margin: 46px 0 0;
  font: 700 22px/1.16 var(--display);
}
.sales-contact-notes p {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 13px;
}
@media (max-width: 820px) {
  .workflow-directory-hero,
  .workflow-landing-hero,
  .sales-contact-hero,
  .workflow-directory-bridge,
  .workflow-readiness {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .workflow-directory-hero,
  .workflow-landing-hero,
  .sales-contact-hero {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .workflow-directory-grid,
  .workflow-capabilities > div {
    grid-template-columns: 1fr;
  }
  .workflow-directory-grid a,
  .workflow-capabilities a {
    min-height: 0;
  }
  .workflow-directory-grid h2,
  .workflow-capabilities b {
    margin-top: 28px;
  }
  .workflow-directory-grid b,
  .workflow-capabilities i {
    margin-top: 26px;
    padding-top: 0;
  }
  .workflow-handoff ol {
    grid-template-columns: 1fr;
    border-left: 1px solid #9faaa6;
  }
  .workflow-handoff li {
    min-height: 0;
    padding: 22px 24px 26px;
    border-right: 1px solid #9faaa6;
  }
  .workflow-handoff li::before {
    top: -6px;
  }
  .workflow-handoff li:last-child::after {
    top: auto;
    bottom: -6px;
    left: -6px;
    right: auto;
  }
  .workflow-handoff li b {
    margin-top: 22px;
  }
  .sales-contact-hero dl,
  .sales-contact-notes > div {
    grid-template-columns: 1fr;
  }
  .sales-contact-hero dl div,
  .sales-contact-notes article {
    min-height: 0;
  }
  .sales-contact-hero dd,
  .sales-contact-notes h2 {
    margin-top: 20px;
  }
}
.help-directory {
  padding: 105px max(24px, calc((100vw - 1200px) / 2));
  border-bottom: 1px solid var(--rule);
  background: #fff;
}
.help-directory > header {
  max-width: 720px;
  margin-bottom: 48px;
}
.help-directory > header h2 {
  max-width: 680px;
  margin: 10px 0 14px;
  font: 700 46px/1.04 var(--display);
}
.help-directory > header > p:not(.eyebrow) {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
}
.help-category-grid,
.help-article-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.help-category-grid a,
.help-article-grid a {
  min-height: 180px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.help-category-grid a:hover,
.help-article-grid a:hover {
  background: var(--archive);
  box-shadow: inset 3px 0 0 var(--registry);
}
.help-category-grid span,
.help-article-grid span {
  color: var(--registry);
  font: 9px/1.3 var(--mono);
}
.help-category-grid b,
.help-article-grid b {
  margin-top: 34px;
  font: 700 17px/1.25 var(--display);
}
.help-category-grid small,
.help-article-grid small {
  margin-top: auto;
  padding-top: 18px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.resource-index,
.pattern-register {
  grid-template-columns: 0.58fr 1.42fr;
}
.resource-index-grid,
.pattern-register-grid,
.principle-register-grid,
.contact-brief-grid,
.lifecycle-register-grid,
.preflight-register-grid,
.global-register-grid,
.compliance-register-grid,
.plan-inputs-grid,
.remote-stack-grid,
.campaign-proof-grid,
.publication-gate-grid,
.recovery-register-grid,
.resilience-register-grid,
.device-path-grid {
  display: grid;
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.resource-index-grid {
  grid-template-columns: repeat(3, 1fr);
}
.resource-index-grid a {
  min-height: 170px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.resource-index-grid a:hover {
  background: var(--archive);
  box-shadow: inset 3px 0 0 var(--registry);
}
.resource-index-grid span,
.pattern-register-grid span,
.principle-register-grid span,
.contact-brief-grid span,
.device-path-grid span {
  color: var(--registry);
  font: 9px/1.3 var(--mono);
}
.resource-index-grid b {
  margin-top: 34px;
  font: 700 17px/1.2 var(--display);
}
.resource-index-grid small {
  margin-top: auto;
  color: var(--muted);
  font-size: 11px;
}
.pattern-register-grid {
  grid-template-columns: repeat(4, 1fr);
}
.pattern-register-grid article,
.device-path-grid article {
  min-height: 240px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.pattern-register-grid b,
.device-path-grid b {
  margin-top: 48px;
  font: 700 18px/1.2 var(--display);
}
.pattern-register-grid p,
.device-path-grid p {
  margin: auto 0 0;
  color: var(--muted);
  font-size: 12px;
}
.principle-register-grid,
.contact-brief-grid,
.lifecycle-register-grid,
.preflight-register-grid,
.global-register-grid,
.compliance-register-grid,
.plan-inputs-grid,
.remote-stack-grid,
.campaign-proof-grid,
.publication-gate-grid,
.recovery-register-grid,
.resilience-register-grid {
  grid-template-columns: 1fr 1fr;
}
.principle-register-grid > div,
.contact-brief-grid > div,
.lifecycle-register-grid > div,
.preflight-register-grid > div,
.global-register-grid > div,
.compliance-register-grid > div,
.plan-inputs-grid > div,
.remote-stack-grid > div,
.campaign-proof-grid > div,
.publication-gate-grid > div,
.recovery-register-grid > div,
.recovery-register-grid > a,
.resilience-register-grid > div {
  min-height: 122px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.principle-register-grid b,
.contact-brief-grid b,
.lifecycle-register-grid b,
.preflight-register-grid b,
.global-register-grid b,
.compliance-register-grid b,
.plan-inputs-grid b,
.remote-stack-grid b,
.campaign-proof-grid b,
.publication-gate-grid b,
.recovery-register-grid b,
.resilience-register-grid b {
  font-size: 14px;
}
.lifecycle-register-grid span,
.preflight-register-grid span,
.global-register-grid span,
.compliance-register-grid span,
.plan-inputs-grid span,
.remote-stack-grid span,
.campaign-proof-grid span,
.publication-gate-grid span,
.recovery-register-grid span,
.resilience-register-grid span {
  color: var(--registry);
  font: 9px/1.3 var(--mono);
}
.device-paths {
  grid-template-columns: 0.68fr 1.32fr;
}
.device-path-grid {
  grid-template-columns: repeat(3, 1fr);
}
.device-path-grid > footer {
  min-height: 80px;
  padding: 18px 22px;
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 7px;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
  background: #e8efec;
  font-size: 12px;
}
.console-frame {
  min-height: 430px;
  display: grid;
  grid-template-columns: 150px 1fr;
  border: 1px solid #9faaa6;
  background: #f7f8f6;
  box-shadow: 12px 14px 0 #dfe4e0;
}
.console-nav {
  padding: 24px 14px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  background: var(--carbon);
  color: #c5d0cc;
  font-size: 12px;
}
.console-nav b {
  margin-bottom: 28px;
  color: white;
  font: 700 19px/1 var(--display);
}
.console-nav span {
  padding: 9px 10px;
  border-left: 2px solid transparent;
}
.console-nav .active {
  border-left-color: #86cdb5;
  background: #263338;
  color: white;
}
.console-main {
  min-width: 0;
  padding: 25px;
}
.console-main > header {
  padding-bottom: 22px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  border-bottom: 1px solid var(--rule);
}
.console-main header span,
.console-summary span {
  color: var(--muted);
  font: 9px/1.3 var(--mono);
}
.console-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--rule);
}
.console-summary div {
  min-width: 0;
  padding: 18px 10px 18px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-summary b {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.console-main ol {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
.console-main li {
  min-height: 66px;
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 12px;
}
.console-main li i {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border: 2px solid #89948f;
  border-radius: 50%;
}
.console-main li.done i {
  border-color: var(--registry);
  background: var(--registry);
}
.console-main li b,
.console-main li span {
  display: block;
}
.console-main li span {
  margin-top: 4px;
  color: var(--muted);
  font: 9px/1.3 var(--mono);
}
.integration-board .integration-grid {
  grid-template-columns: repeat(3, 1fr);
}
.integration-group {
  margin-top: 28px;
}
.integration-group-title {
  margin: 0 0 10px;
  color: var(--registry);
  font: 700 11px/1.4 var(--mono);
  letter-spacing: 0.08em;
}
.integration-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.integration-grid article {
  min-height: 150px;
  padding: 24px;
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  gap: 18px;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.integration-grid img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.integration-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
}
.integration-icon img {
  width: 26px;
  height: 26px;
}
.integration-monogram {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid #9faaa6;
  color: var(--registry);
  font: 700 15px/1 var(--mono);
}
.integration-grid b,
.integration-grid span {
  display: block;
}
.integration-grid div span {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
}
.team-register-frame,
.usage-ledger-frame {
  border: 1px solid #9faaa6;
  background: #f7f8f6;
  box-shadow: 12px 14px 0 #dfe4e0;
}
.team-register-frame > header {
  padding: 20px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid var(--rule);
  background: var(--carbon);
  color: white;
}
.team-register-frame header img {
  width: 34px;
  height: 34px;
  padding: 5px;
  border: 1px solid #607069;
}
.team-register-frame header b,
.team-register-frame header span {
  display: block;
}
.team-register-frame header span {
  margin-top: 4px;
  color: #bac5c1;
  font: 9px/1.3 var(--mono);
}
.assignment-row {
  min-height: 94px;
  padding: 19px 22px;
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 4px 18px;
  border-bottom: 1px solid var(--rule);
}
.assignment-row > span {
  grid-row: span 2;
  color: var(--registry);
  font: 10px/1.4 var(--mono);
}
.assignment-row small {
  color: var(--muted);
}
.team-register-frame > footer,
.usage-ledger-frame > footer {
  padding: 18px 22px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  background: #e8efec;
  font-size: 12px;
}
.team-register-frame > footer span,
.usage-ledger-frame span {
  color: var(--registry);
  font: 9px/1.3 var(--mono);
}
.security-table {
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.security-table > div {
  min-height: 82px;
  display: grid;
  grid-template-columns: 0.8fr 1.1fr 1.1fr;
}
.security-table > div:first-child {
  min-height: 48px;
  background: var(--carbon);
  color: white;
}
.security-table span,
.security-table b {
  padding: 16px;
  display: flex;
  align-items: center;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
  font-size: 12px;
}
.security-table > div:first-child b {
  border-color: #445056;
  font: 9px/1.3 var(--mono);
}
.security-table span:first-child {
  color: var(--registry);
  font-weight: 700;
}
.usage-ledger-frame > div {
  min-height: 94px;
  padding: 20px 22px;
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 5px 18px;
  border-bottom: 1px solid var(--rule);
}
.usage-ledger-frame > div > span {
  grid-row: span 2;
}
.usage-ledger-frame small {
  color: var(--muted);
}
.usage-ledger-frame > footer {
  display: grid;
  grid-template-columns: 160px 100px 1fr;
}
.usage-ledger-frame > footer small {
  text-align: right;
}
.industry-directory {
  grid-template-columns: 0.58fr 1.42fr;
}
.industry-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.industry-directory-grid a {
  min-height: 132px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.industry-directory-grid a:hover {
  background: var(--archive);
  box-shadow: inset 3px 0 0 var(--registry);
}
.industry-directory-grid span {
  color: var(--muted);
  font-size: 12px;
}
.industry-workflow ol {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.industry-workflow li {
  min-height: 255px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.industry-workflow li span {
  color: var(--registry);
  font: 9px/1.3 var(--mono);
}
.industry-workflow li b {
  margin-top: 55px;
  font: 700 18px/1.2 var(--display);
}
.industry-workflow li p {
  margin: auto 0 0;
  color: var(--muted);
  font-size: 12px;
}
.industry-lead {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 42px;
  margin-top: 22px;
  padding: 34px;
  background: var(--archive);
  border: 1px solid #9faaa6;
}
.industry-lead-copy h2 {
  max-width: 480px;
  margin: 0 0 16px;
  font: 700 clamp(28px, 3vw, 44px) / 1.04 var(--display);
}
.industry-lead-copy > p:not(.eyebrow) {
  max-width: 430px;
  color: var(--muted);
}
.industry-lead-copy ul {
  margin: 28px 0 0;
  padding-left: 18px;
  color: var(--registry);
  font-size: 13px;
}
.lead-form {
  padding: 25px;
  background: var(--paper);
  border: 1px solid var(--rule);
}
.lead-form-heading {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--rule);
  font: 10px/1.3 var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.lead-form-heading b {
  color: var(--registry);
}
.lead-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  margin: 20px 0;
}
.lead-form label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
}
.lead-form label span {
  color: #7a8581;
}
.lead-form input,
.lead-form select,
.lead-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 12px;
  border: 1px solid #aeb9b5;
  border-radius: 0;
  background: #fff;
  color: var(--carbon);
  font: 14px/1.35 var(--body);
}
.lead-form input:focus,
.lead-form select:focus,
.lead-form textarea:focus {
  outline: 2px solid var(--registry);
  outline-offset: 1px;
}
.lead-form-wide {
  grid-column: 1 / -1;
}
.lead-form input.field-invalid,
.lead-form select.field-invalid,
.lead-form textarea.field-invalid {
  border-color: var(--seal);
}
.lead-form small.field-error {
  color: var(--seal);
  font-weight: 600;
}
.lead-consent {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: flex-start;
  gap: 9px !important;
  margin: 6px 0 10px;
}
.lead-consent input {
  width: auto;
  margin-top: 2px;
}
.lead-privacy {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 11px;
}
.lead-form .primary-action {
  margin-top: 2px;
}
.lead-recaptcha {
  display: none;
}
.boundary-matrix,
.alternative-table {
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.boundary-matrix > div,
.alternative-table > div {
  min-height: 76px;
  display: grid;
  grid-template-columns: 0.75fr 1.1fr 1.1fr;
}
.alternative-table > div {
  grid-template-columns: 0.65fr 1.35fr;
}
.boundary-matrix > div:first-child,
.alternative-table > div:first-child {
  min-height: 48px;
  background: var(--carbon);
  color: white;
}
.boundary-matrix span,
.boundary-matrix b,
.alternative-table span,
.alternative-table b {
  padding: 15px;
  display: flex;
  align-items: center;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
  font-size: 12px;
}
.boundary-matrix > div:first-child b,
.alternative-table > div:first-child b {
  border-color: #445056;
  font: 9px/1.3 var(--mono);
}
.boundary-matrix span:first-child,
.alternative-table span:first-child {
  color: var(--registry);
  font-weight: 700;
}
.decision-register-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.decision-register-grid article {
  min-height: 240px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.decision-register-grid span {
  color: var(--registry);
  font: 9px/1.3 var(--mono);
}
.decision-register-grid b {
  margin-top: 50px;
  font: 700 18px/1.2 var(--display);
}
.decision-register-grid p {
  margin: auto 0 0;
  color: var(--muted);
  font-size: 12px;
}
.destination-frame {
  border: 1px solid #9faaa6;
  background: #f7f8f6;
  box-shadow: 12px 14px 0 #dfe4e0;
}
.destination-frame > header {
  min-height: 100px;
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  background: var(--carbon);
  color: white;
}
.destination-frame header span,
.destination-frame footer span {
  color: #86cdb5;
  font: 9px/1.3 var(--mono);
}
.destination-frame header b {
  font: 700 28px/1 var(--mono);
}
.destination-frame > div {
  min-height: 88px;
  padding: 17px 22px;
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 4px 18px;
  border-bottom: 1px solid var(--rule);
}
.destination-frame > div > span {
  grid-row: span 2;
  color: var(--registry);
  font: 700 14px/1.4 var(--mono);
}
.destination-frame small {
  color: var(--muted);
}
.destination-frame > footer {
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: #e8efec;
  font-size: 12px;
}
.route-check-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.route-check-grid > div {
  min-height: 112px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.route-check-grid span {
  color: var(--registry);
  font: 9px/1.3 var(--mono);
}
.route-check-grid b {
  font-size: 14px;
}
.route-check-grid footer {
  min-height: 82px;
  padding: 18px 20px;
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 7px;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
  background: #e8efec;
}
.connection-lifecycle ol {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
  border-top: 1px solid #9faaa6;
  border-left: 1px solid #9faaa6;
}
.connection-lifecycle li {
  min-height: 245px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #9faaa6;
  border-bottom: 1px solid #9faaa6;
}
.connection-lifecycle li span {
  color: var(--registry);
  font: 9px/1.3 var(--mono);
}
.connection-lifecycle li b {
  margin-top: 50px;
  font: 700 18px/1.2 var(--display);
}
.connection-lifecycle li p {
  margin: auto 0 0;
  color: var(--muted);
  font-size: 12px;
}
.task-register ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #9faaa6;
}
.task-register li {
  min-height: 76px;
  padding: 15px 0;
  display: grid;
  grid-template-columns: 52px 1fr;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid var(--rule);
}
.task-register li span {
  color: var(--registry);
  font: 9px/1.3 var(--mono);
}
.task-register li p {
  margin: 0;
  color: #46534f;
}
.security-band {
  padding: 100px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  background: #e8efec;
  border-top: 1px solid #c6d3cd;
  border-bottom: 1px solid #c6d3cd;
}
.security-band > div:last-child > p {
  margin-top: 0;
  color: #46534f;
  font-size: 17px;
  line-height: 1.7;
}
.home-faq,
.content-faq {
  max-width: 1200px;
  margin: 0 auto;
  padding: 105px 24px;
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 100px;
}
.faq-list {
  border-top: 1px solid #9faaa6;
}
.faq-list details {
  border-bottom: 1px solid var(--rule);
}
.faq-list summary {
  padding: 22px 42px 22px 0;
  position: relative;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}
.faq-list summary::-webkit-details-marker {
  display: none;
}
.faq-list summary::after {
  content: "+";
  position: absolute;
  right: 4px;
  color: var(--registry);
  font: 21px/1 var(--mono);
}
.faq-list details[open] summary::after {
  content: "−";
}
.faq-list p {
  max-width: 680px;
  margin: 0;
  padding: 0 42px 22px 0;
  color: var(--muted);
  font-size: 14px;
}
.closing-band {
  padding: 100px max(24px, calc((100vw - 1200px) / 2));
  background: var(--carbon);
  color: white;
}
.closing-band h2 {
  max-width: 820px;
}
.closing-band > p:not(.eyebrow) {
  max-width: 700px;
  color: #b9c4c0;
  font-size: 17px;
}
.closing-band .eyebrow {
  color: #86cdb5;
}
.closing-band .secondary-action {
  border-color: #83908a;
  color: var(--carbon);
}
.content-highlights {
  min-height: 126px;
  padding: 0 max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  background: var(--paper);
}
.content-highlights div {
  min-width: 0;
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.content-highlights div + div {
  border-left: 1px solid var(--rule);
}
.content-highlights span {
  color: var(--registry);
  font: 10px/1.3 var(--mono);
}
.content-highlights b {
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.4;
}
.pricing-catalog {
  padding: 100px max(24px, calc((100vw - 1200px) / 2));
  background: #edf2ef;
  border-bottom: 1px solid var(--rule);
}
.pricing-catalog > header {
  max-width: 1200px;
}
.pricing-catalog > header > p:last-child {
  color: var(--muted);
}
.public-plan-grid {
  min-height: 240px;
  margin-top: 48px;
  overflow-x: auto;
}
.public-plan-grid > p {
  padding: 36px;
  background: var(--paper);
  color: var(--muted);
}
.pricing-matrix {
  min-width: 860px;
  border: 1px solid #aab5b0;
  background: #aab5b0;
}
.pricing-matrix-head,
.pricing-matrix-row {
  display: grid;
  grid-template-columns: 150px repeat(var(--pricing-plan-count, 5), minmax(142px, 1fr));
  gap: 1px;
  background: #aab5b0;
}
.pricing-matrix-head > *,
.pricing-matrix-row > * {
  min-width: 0;
  background: var(--paper);
}
.pricing-axis-head {
  min-height: 130px;
  padding: 22px 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  background: var(--carbon) !important;
  color: var(--paper);
}
.pricing-axis-head span,
.pricing-plan-head .plan-family-label {
  color: var(--registry);
  font: 10px/1.3 var(--mono);
  letter-spacing: 0.08em;
}
.pricing-axis-head b {
  font: 700 15px/1.2 var(--display);
}
.pricing-plan-head {
  position: relative;
  min-height: 154px;
  padding: 39px 14px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.pricing-plan-head h3 {
  margin: 3px 0 0;
  font: 700 25px/1 var(--display);
}
.pricing-plan-head p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
}
.pricing-plan-head small {
  margin-top: auto;
  color: var(--registry);
  font: 10px/1.3 var(--mono);
  text-align: left;
}
.pricing-plan-head.is-recommended {
  background: #e1eee7;
  box-shadow: inset 0 4px 0 var(--registry);
}
.plan-recommendation {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 6px;
  color: var(--paper);
  background: var(--registry);
  font: 9px/1.2 var(--mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.pricing-axis {
  min-height: 112px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  background: #f0f4f1 !important;
}
.pricing-axis b {
  font: 700 15px/1.1 var(--display);
}
.pricing-axis span {
  color: var(--muted);
  font: 10px/1.3 var(--mono);
}
.pricing-cell {
  min-height: 112px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
.pricing-cell.is-recommended {
  background: #f1f8f4;
}
.pricing-cell strong {
  font: 700 27px/1 var(--display);
}
.pricing-cell > span {
  min-height: 15px;
  color: var(--muted);
  font: 10px/1.3 var(--mono);
}
.pricing-cell a {
  width: fit-content;
  margin-top: 8px;
  color: var(--registry);
  font-size: 12px;
  font-weight: 700;
}
.pricing-cell a:hover {
  color: var(--carbon);
}
.pricing-cell-selectable {
  position: relative;
  cursor: pointer;
}
.pricing-cell:has(a),
.pricing-cell-selectable {
  transform: none;
  transition: background-color 140ms ease;
}
.pricing-cell:has(a):hover,
.pricing-cell-selectable:hover {
  transform: none;
  background: #f2f7f4;
}
.pricing-cell.is-recommended:has(a):hover,
.pricing-cell-selectable.is-recommended:hover {
  background: #e7f2eb;
}
.pricing-cell-selectable input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.pricing-cell-selectable:has(input:focus-visible) {
  outline: 2px solid var(--registry);
  outline-offset: -2px;
}
.pricing-cell-selectable .pricing-cell-action {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--registry);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
.pricing-cell-selectable .pricing-cell-action:hover {
  color: var(--carbon);
}
.plan-unavailable {
  color: #a3aea8;
  font: 22px/1 var(--mono);
}
.catalog-note {
  min-height: 22px;
  color: var(--muted);
  font-size: 12px;
}
.catalog-notes {
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
  color: var(--muted);
  font-size: 12px;
}
.catalog-notes li {
  position: relative;
  padding-left: 14px;
  line-height: 1.5;
}
.catalog-notes li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--registry);
}
.catalog-notes li:empty {
  display: none;
}
.cover-catalog {
  padding: 100px max(24px, calc((100vw - 1200px) / 2));
  border-bottom: 1px solid var(--rule);
  background: #edf2ef;
}
.cover-catalog > header {
  max-width: 760px;
}
.cover-catalog > header > p:last-child {
  color: var(--muted);
}
.cover-grid {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.cover-card {
  min-width: 0;
  border: 1px solid #aab5b0;
  background: var(--paper);
  box-shadow: 7px 8px 0 #dce2de;
}
.cover-preview {
  aspect-ratio: 612 / 792;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid var(--rule);
  background: #f7f8f6;
}
.cover-preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.cover-card > div {
  padding: 22px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 8px 16px;
}
.cover-card span {
  grid-column: 1/-1;
  color: var(--registry);
  font: 10px/1.3 var(--mono);
}
.cover-card h3 {
  font-size: 24px;
}
.cover-card .secondary-action {
  min-height: 40px;
  padding: 8px 12px;
  font-size: 12px;
}
.cover-catalog .catalog-note {
  margin-top: 30px;
}
.legal-gate {
  padding: 22px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 30px;
  border-bottom: 1px solid #e2bab6;
  background: #fbefee;
  color: #6b403e;
}
.legal-gate p {
  margin: 0;
}
.content-layout {
  max-width: 1120px;
  margin: 0 auto;
  padding: 105px 24px;
  display: grid;
  grid-template-columns: minmax(0, 780px) 250px;
  gap: 90px;
}
.content-chapter {
  padding: 0 0 88px;
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 58px;
}
.content-chapter + .content-chapter {
  padding-top: 88px;
  border-top: 1px solid var(--rule);
}
.content-chapter header > span {
  display: block;
  margin-bottom: 48px;
  color: var(--registry);
  font: 10px/1 var(--mono);
}
.content-chapter h2 {
  font-size: 37px;
}
.chapter-copy > p {
  margin: 0 0 22px;
  color: #46534f;
  font-size: 17px;
  line-height: 1.72;
}
.chapter-copy ul {
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--rule);
}
.chapter-copy ul li {
  padding: 15px 0 15px 24px;
  position: relative;
  border-bottom: 1px solid var(--rule);
  color: #46534f;
}
.chapter-copy ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  left: 1px;
  top: 24px;
  border: 2px solid var(--registry);
}
.content-steps {
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #9faaa6;
}
.content-steps li {
  min-height: 72px;
  padding: 16px 0;
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: start;
  gap: 14px;
  border-bottom: 1px solid var(--rule);
}
.pricing-catalog-controls {
  display: inline-flex;
  gap: 4px;
  margin: 0 auto 28px;
  padding: 4px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: #e8efeb;
}
.pricing-cycle-button {
  border: 0;
  border-radius: 999px;
  padding: 10px 16px;
  color: var(--muted);
  background: transparent;
  font: 700 12px/1.2 var(--display);
  cursor: pointer;
}
.pricing-cycle-button span {
  margin-left: 4px;
  color: var(--registry);
  font: 10px/1.2 var(--mono);
}
.pricing-cycle-button.is-active {
  color: var(--carbon);
  background: var(--paper);
  box-shadow: 0 1px 3px rgb(18 38 36 / 12%);
}
.pricing-cards {
  display: grid;
  grid-template-columns: repeat(var(--pricing-plan-count, 4), minmax(0, 1fr));
  gap: 16px;
  min-width: 720px;
}
.pricing-card {
  position: relative;
  min-width: 0;
  padding: 26px 22px 22px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--rule);
  border-radius: 14px;
  background: var(--paper);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.pricing-card:hover {
  border-color: #8ca49b;
  box-shadow: 0 8px 24px rgb(18 38 36 / 8%);
}
.pricing-card.is-recommended {
  border-color: var(--registry);
  background: #f1f7f3;
  box-shadow: 0 10px 26px rgb(18 88 70 / 12%);
  transform: translateY(-8px);
}
.pricing-card .plan-recommendation {
  position: absolute;
  top: -12px;
  right: 18px;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--paper);
  background: var(--registry);
  font: 700 10px/1 var(--mono);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.pricing-card h3 {
  min-height: 30px;
  margin: 6px 0 0;
  display: flex;
  align-items: flex-start;
  color: var(--carbon);
  font: 700 25px/1.05 var(--display);
}
.pricing-card-description {
  height: 20px;
  margin: 2px 0 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}
.pricing-card-panel {
  height: 184px;
  box-sizing: border-box;
  padding: 16px 0 18px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--rule);
}
.pricing-card-panel.is-unavailable {
  color: var(--muted);
  font-size: 12px;
}
.pricing-card-price {
  display: flex;
  align-items: baseline;
  gap: 7px;
  flex-wrap: wrap;
}
.pricing-card-price strong {
  color: var(--carbon);
  font: 700 29px/1 var(--display);
}
.pricing-card-price span,
.pricing-card-panel > small {
  color: var(--muted);
  font: 11px/1.35 var(--mono);
}
.pricing-card-panel > small {
  margin-top: 9px;
  color: var(--registry);
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: -0.02em;
}
.pricing-card-panel .pricing-card-overage {
  color: var(--muted);
  white-space: normal;
  font-size: 10px;
  line-height: 1.3;
}
.pricing-card-panel .pricing-card-threshold {
  color: var(--muted);
  white-space: normal;
  font-size: 10px;
  line-height: 1.3;
}
.pricing-card-action {
  width: 100%;
  margin-top: auto;
  padding: 11px 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--registry);
  border-radius: 8px;
  color: var(--paper);
  background: var(--registry);
  font: 700 13px/1.2 var(--display);
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background 160ms ease, transform 160ms ease;
}
.pricing-card-panel .pricing-card-action {
  align-self: stretch;
}
.pricing-card-action:hover {
  background: #0f6b56;
  transform: translateY(-1px);
}
.pricing-card-panel .pricing-plan-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.pricing-card-features {
  margin: 0;
  padding: 16px 0 0;
  display: grid;
  gap: 8px;
  border-top: 1px solid var(--rule);
  list-style: none;
}
.pricing-card-features li {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}
.pricing-card-features li::before {
  content: "✓";
  margin-right: 7px;
  color: var(--registry);
  font-weight: 700;
}
.public-plan-grid > .pricing-catalog-controls {
  display: flex;
  width: fit-content;
}
.plan-grid > .pricing-catalog-controls {
  display: flex;
  width: fit-content;
}
.content-steps i {
  color: var(--registry);
  font: 10px/1.5 var(--mono);
  font-style: normal;
}
.content-steps span {
  color: #46534f;
}
.content-aside {
  position: sticky;
  top: 124px;
  align-self: start;
  max-height: calc(100svh - 148px);
  overflow: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.content-aside:hover,
.content-aside:focus-within {
  scrollbar-color: #aab8b1 transparent;
}
.content-aside::-webkit-scrollbar {
  width: 4px;
}
.content-aside::-webkit-scrollbar-track {
  background: transparent;
}
.content-aside::-webkit-scrollbar-thumb {
  background: transparent;
}
.content-aside:hover::-webkit-scrollbar-thumb,
.content-aside:focus-within::-webkit-scrollbar-thumb {
  background: #aab8b1;
}
.content-aside-panel {
  padding: 13px 0 4px;
  border-top: 2px solid var(--carbon);
}
.content-toc,
.content-related,
.content-help {
  padding: 0;
}
.content-related,
.content-help {
  margin-top: 20px;
  padding-top: 17px;
  border-top: 1px solid var(--rule);
}
.content-aside-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
}
.content-aside-heading span {
  color: var(--muted);
  font: 10px/1.3 var(--mono);
}
.content-aside-heading b {
  color: #6b7973;
  font: 10px/1.3 var(--mono);
  font-weight: 500;
}
.content-toc ol,
.content-related ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.content-toc li + li {
  border-top: 1px solid #e5ebe7;
}
.content-toc a {
  min-height: 42px;
  padding: 9px 7px 9px 8px;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: #54625d;
  border-left: 2px solid transparent;
  font-size: 13px;
  line-height: 1.35;
  transition:
    color 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease;
}
.content-toc a i {
  padding-top: 2px;
  color: #899690;
  font: 10px/1.3 var(--mono);
  font-style: normal;
}
.content-toc a b {
  font-weight: 580;
}
.content-toc a:hover,
.content-toc a:focus-visible,
.content-toc a[aria-current="location"] {
  color: var(--carbon);
  border-left-color: var(--registry);
  background: #f0f5f2;
}
.content-toc a[aria-current="location"] b {
  font-weight: 700;
}
.content-toc a[aria-current="location"] i {
  color: var(--registry-dark);
}
.content-related li + li {
  margin-top: 3px;
}
.content-related a {
  min-height: 30px;
  padding: 5px 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  color: var(--relay);
  font-size: 13px;
  line-height: 1.35;
}
.content-related a span {
  color: #7a9acb;
}
.content-help p {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.content-help > a {
  color: var(--relay);
  font-size: 12px;
  overflow-wrap: anywhere;
}
.content-faq {
  max-width: none;
  padding-left: max(24px, calc((100vw - 1120px) / 2));
  padding-right: max(24px, calc((100vw - 1120px) / 2));
  border-top: 1px solid var(--rule);
  background: var(--paper);
}
.content-cta {
  padding: 95px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  background: #e8efec;
  border-top: 1px solid #c6d3cd;
}
.content-cta > div:last-child > p {
  margin-top: 0;
  color: #46534f;
}
.site-footer {
  padding: 70px max(24px, calc((100vw - 1200px) / 2)) 28px;
  display: grid;
  grid-template-columns: 1.8fr repeat(3, 1fr);
  gap: 55px;
  background: var(--carbon);
  color: #f5f7f5;
}
.site-footer > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.site-footer b {
  margin-bottom: 10px;
  font-size: 13px;
}
.site-footer a:not(.wordmark) {
  color: #b9c4c0;
  font-size: 13px;
}
.site-footer a:hover {
  color: white;
}
.footer-brand p {
  max-width: 300px;
  color: #b9c4c0;
}
.site-footer .brand-logo-tagline {
  height: 46px;
}
.copyright {
  grid-column: 1/-1;
  margin: 30px 0 0;
  padding-top: 20px;
  border-top: 1px solid #3b484d;
  color: #8f9c97;
  font: 10px/1.4 var(--mono);
}
.auth-page {
  min-height: 100vh;
  background: var(--paper);
}
.auth-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(480px, 1.04fr) minmax(500px, 0.96fr);
}
.auth-context {
  padding: 42px max(48px, calc((50vw - 600px) / 2 + 48px));
  display: flex;
  flex-direction: column;
  background: var(--carbon);
  color: white;
}
.auth-brand {
  margin-bottom: 90px;
}
.auth-context .eyebrow {
  color: #86cdb5;
}
.auth-context h1 {
  max-width: 620px;
  font-size: clamp(44px, 4vw, 64px);
}
.auth-context .transmission-stage {
  min-height: 340px;
  margin-top: auto;
  grid-template-rows: auto 1fr auto;
  color: var(--carbon);
  box-shadow: 10px 10px 0 #344248;
}
.auth-context .document-preview {
  display: none;
}
.auth-context .stage-toolbar {
  margin-bottom: 0;
}
.auth-context .rail {
  width: 100%;
  align-self: center;
}
.auth-panel {
  display: grid;
  place-items: center;
  padding: 44px;
  background: var(--archive);
}
.auth-panel-inner {
  width: min(100%, 460px);
}
.auth-panel h2 {
  font-size: 40px;
}
.auth-panel-inner > p:not(.eyebrow):not(.auth-switch) {
  color: var(--muted);
}
.auth-form {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.auth-form label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
}
.auth-form input:not([type="checkbox"]) {
  width: 100%;
  height: 50px;
  padding: 0 13px;
  border: 1px solid #aab5b0;
  border-radius: 2px;
  background: var(--paper);
}
.auth-form input:focus {
  border-color: var(--relay);
}
.auth-form small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}
.auth-form .password-field {
  position: relative;
  display: block;
}
.auth-form .password-field input {
  padding-right: 44px;
}
.auth-form .password-toggle {
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}
.auth-form .password-toggle:hover {
  color: var(--carbon);
  background: var(--surface-quiet);
}
.auth-form .password-toggle.is-visible {
  color: var(--relay);
}
.auth-form .password-toggle svg {
  width: 20px;
  height: 20px;
}
.auth-form .password-rules {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 14px;
  row-gap: 3px;
}
.auth-form .password-rules li {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}
.auth-form .password-rules .rule-check {
  flex: none;
  width: 13px;
  height: 13px;
  color: #b6c0bb;
  transition: color 0.15s ease;
}
.auth-form .password-rules li.is-met {
  color: var(--carbon);
}
.auth-form .password-rules li.is-met .rule-check {
  color: var(--registry);
}
.auth-form input.field-invalid {
  border-color: var(--seal);
}
.auth-form small.field-error {
  color: var(--seal);
  font-weight: 600;
}
.field-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.form-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  color: var(--muted);
  font-size: 12px;
}
.form-row .check {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;
}
.form-row a,
.auth-switch a {
  color: var(--relay);
}
.form-status {
  min-height: 24px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.auth-form .form-status:has(+ .social-login) {
  margin: -12px 0;
}
.form-status.error {
  color: var(--seal);
}
.form-status.success {
  color: var(--registry);
}
.auth-switch {
  margin-top: 16px;
  font-size: 13px;
}
.auth-trial-note {
  margin-top: 12px;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.auth-legal-note {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.auth-legal-note a {
  color: var(--relay);
  text-decoration: underline;
}
.social-login {
  margin-top: 8px;
}
.social-login > p:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 11px;
}
.social-login > p:first-child::before,
.social-login > p:first-child::after {
  height: 1px;
  flex: 1;
  background: var(--rule);
  content: "";
}
.social-login-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.oauth-provider {
  width: 100%;
  min-height: 42px;
}
.oauth-provider {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #aab5b0;
  border-radius: 2px;
  background: var(--paper);
  color: var(--carbon);
  cursor: pointer;
  font: 700 13px/1 var(--body);
}
.oauth-provider:hover {
  border-color: var(--registry);
  background: #f1f7f3;
}
.oauth-provider:disabled {
  cursor: wait;
  opacity: 0.65;
}
.oauth-google-mark {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.oauth-microsoft-mark {
  width: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.oauth-microsoft-mark i {
  width: 7px;
  height: 7px;
  background: #f25022;
}
.oauth-microsoft-mark i:nth-child(2) {
  background: #7fba00;
}
.oauth-microsoft-mark i:nth-child(3) {
  background: #01a4ef;
}
.oauth-microsoft-mark i:nth-child(4) {
  background: #ffb901;
}
.auth-handoff {
  margin-top: 36px;
}
.workflow-page {
  min-height: 100vh;
  background: var(--archive);
}
.workflow-shell {
  min-height: 100vh;
}
.workflow-shell > header {
  height: 76px;
  padding: 0 max(24px, calc((100vw - 1200px) / 2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--rule);
  background: var(--paper);
}
.workflow-shell > header > a:last-child {
  color: var(--relay);
  font-size: 13px;
  font-weight: 700;
}
.workflow-progress {
  max-width: 1200px;
  margin: 0 auto;
  padding: 34px 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.workflow-progress span {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-rows: 28px auto;
  justify-items: center;
  gap: 6px;
  color: var(--muted);
}
.workflow-progress span::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: calc(50% + 14px);
  right: calc(-50% + 14px);
  top: 13px;
  height: 1px;
  background: var(--rule);
}
.workflow-progress span:last-child::before {
  display: none;
}
.workflow-progress i {
  width: 28px;
  height: 28px;
  z-index: 1;
  box-sizing: border-box;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--rule);
  border-radius: 50%;
  background: var(--archive);
  font-style: normal;
}
.workflow-progress b {
  min-width: 0;
  color: inherit;
  font: 600 12px/1.2 var(--body);
  text-align: center;
  overflow-wrap: anywhere;
}
.workflow-progress .active {
  color: var(--carbon);
}
.workflow-progress .active i {
  border-color: var(--registry);
  background: var(--registry);
  color: white;
}
.workflow-panel {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px 96px;
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(520px, 1.28fr);
  gap: 86px;
}
.plan-workflow-panel {
  max-width: 1204px;
  display: block;
}
.plan-page-heading {
  max-width: 760px;
  margin-bottom: 34px;
}
.plan-page-heading h1 {
  margin: 8px 0 12px;
  font-size: 48px;
  line-height: 1.04;
}
.plan-page-heading p:last-child {
  max-width: 100%;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}
.workflow-intro h1 {
  font-size: 52px;
  line-height: 1.03;
}
.workflow-intro > p:not(.eyebrow) {
  max-width: 470px;
  color: var(--muted);
  font-size: 18px;
}
.workflow-intro ul {
  margin: 46px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--rule);
}
.workflow-intro li {
  padding: 14px 0;
  border-bottom: 1px solid var(--rule);
  color: #46534f;
  font-size: 13px;
}
.workflow-form {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  border: 1px solid #aab5b0;
  background: var(--paper);
  box-shadow: 10px 10px 0 #dfe4e0;
}
.workflow-notice {
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: #f4f8f5;
  color: var(--carbon-soft);
  font-size: 14px;
  line-height: 1.5;
}
.workflow-form label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
}
.workflow-form select,
.workflow-form input {
  width: 100%;
  height: 48px;
  padding: 0 12px;
  border: 1px solid #aab5b0;
  border-radius: 2px;
  background: var(--paper);
}
.number-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.icon-action {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--rule);
  border-radius: 2px;
  background: var(--paper);
  color: var(--registry);
  cursor: pointer;
  font-size: 22px;
}
.number-grid {
  min-height: 176px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-content: start;
  gap: 8px;
}
.number-grid p,
.plan-grid > p,
.payment-detail > p {
  grid-column: 1/-1;
  color: var(--muted);
  font-size: 13px;
}
.number-option,
.plan-option {
  position: relative;
  cursor: pointer;
}
.number-option input,
.plan-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.number-option span {
  min-height: 44px;
  padding: 10px 12px;
  display: block;
  border: 1px solid var(--rule);
  font: 12px/22px var(--mono);
}
.number-option input:checked + span {
  border-color: var(--registry);
  background: #eaf3ef;
  box-shadow: inset 3px 0 0 var(--registry);
}
.number-pager {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding-top: 4px;
  color: var(--muted);
  font-size: 12px;
}
.number-pager-button {
  min-width: 30px;
  height: 30px;
  border: 1px solid var(--rule);
  border-radius: 2px;
  background: var(--paper);
  color: var(--carbon);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.number-pager-button:hover {
  border-color: var(--registry);
  color: var(--registry);
}
.number-fallback {
  border: 0;
  padding: 0;
  background: none;
  color: var(--relay);
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.selection-summary {
  padding: 14px 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 14px;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.selection-summary span {
  grid-column: 1/-1;
  color: var(--muted);
  font: 10px/1.2 var(--mono);
}
.selection-summary b {
  font: 16px/1.4 var(--mono);
}
.selection-summary a {
  color: var(--relay);
  font-size: 12px;
  font-weight: 700;
}
.plan-selection-summary {
  max-width: 480px;
  margin-bottom: 22px;
  align-items: center;
}
.plan-selection-summary b {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--carbon);
  font: 600 20px/1.35 var(--display);
  letter-spacing: -0.01em;
}
.plan-selection-summary b::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--registry);
}
.plan-selection-summary b.is-pending {
  color: var(--muted);
}
.plan-selection-summary b.is-pending::before {
  background: #c3cdc7;
}
.plan-workflow-form {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.plan-workflow-form .form-status {
  margin-top: 14px;
}
.plan-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.plan-grid:has(.pricing-matrix),
.plan-grid:has(.pricing-cards) {
  display: block;
  min-height: 240px;
  overflow-x: auto;
}
.plan-option > span {
  min-height: 142px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--rule);
}
.plan-option input:checked + span {
  border-color: var(--registry);
  background: #edf5f1;
  box-shadow: inset 0 3px 0 var(--registry);
}
.plan-option small {
  color: var(--muted);
  font: 10px/1.2 var(--mono);
  text-transform: uppercase;
}
.plan-option b {
  margin: 12px 0 5px;
  font: 23px/1.05 var(--display);
}
.plan-option em {
  margin-top: auto;
  color: var(--registry);
  font-style: normal;
  font-weight: 700;
}
.payment-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
}
.payment-detail div {
  min-height: 82px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  background: var(--paper);
}
.payment-detail span {
  color: var(--muted);
  font: 9px/1.2 var(--mono);
}
.payment-detail b {
  margin-top: auto;
  font-size: 17px;
}
.trial-number-workflow .workflow-panel {
  grid-template-columns: minmax(320px, 0.82fr) minmax(500px, 1.18fr);
  gap: 72px;
  padding-top: 36px;
}
.trial-number-intro h1 {
  max-width: 520px;
  margin: 10px 0 18px;
  font-size: 50px;
  line-height: 1.02;
}
.trial-number-facts {
  margin: 42px 0 0;
  display: grid;
  border-top: 1px solid var(--rule);
}
.trial-number-facts div {
  min-height: 56px;
  display: grid;
  grid-template-columns: 112px 1fr;
  align-items: center;
  border-bottom: 1px solid var(--rule);
}
.trial-number-facts dt,
.trial-number-stage > header span,
.trial-number-copy > span,
.trial-number-action span {
  color: var(--registry);
  font: 700 10px/1.3 var(--mono);
}
.trial-number-facts dd {
  margin: 0;
  color: var(--carbon);
  font-size: 14px;
  font-weight: 700;
}
.trial-number-stage {
  min-height: 340px;
  padding: 4px 0 0 52px;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--rule);
}
.trial-number-stage > header {
  padding: 0 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--rule);
}
.trial-number-stage > header b {
  color: var(--muted);
  font: 600 12px/1.3 var(--body);
}
.trial-number-detail {
  padding: 34px 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
}
.trial-number-detail > p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}
.trial-number-copy {
  max-width: 540px;
}
.trial-number-copy h2 {
  margin: 10px 0 12px;
  color: var(--carbon);
  font-size: 31px;
  line-height: 1.12;
}
.trial-number-copy p {
  max-width: 500px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}
.trial-number-action {
  width: 100%;
  padding: 18px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.trial-number-action > div {
  display: grid;
  gap: 5px;
}
.trial-number-action b {
  color: var(--carbon);
  font-size: 14px;
}
.trial-number-detail .primary-action,
.trial-number-verification .primary-action,
.trial-number-verification .secondary-action {
  width: auto;
  min-height: 48px;
  padding: 12px 20px;
  flex: 0 0 auto;
  white-space: nowrap;
}
.trial-number-stage > .form-status {
  min-height: 22px;
  margin: 20px 0 0;
}
.trial-number-verification {
  width: min(100%, 520px);
  display: grid;
  gap: 18px;
}
.trial-number-verification label {
  display: grid;
  gap: 7px;
  color: var(--carbon);
  font-size: 12px;
  font-weight: 700;
}
.trial-number-verification input {
  width: 100%;
  height: 48px;
  padding: 0 12px;
  border: 1px solid #aab5b0;
  border-radius: 3px;
  background: var(--paper);
}
.trial-number-verification .form-row {
  display: flex;
  gap: 10px;
}

@media (max-width: 980px) {
  .pricing-cards {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    min-width: 0;
  }
  .pricing-card.is-recommended {
    transform: none;
  }
  .site-header {
    grid-template-columns: 1fr auto auto;
  }
  .nav-toggle {
    width: 40px;
    height: 40px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    border: 1px solid var(--rule);
    background: transparent;
  }
  .nav-toggle span {
    width: 18px;
    height: 2px;
    background: var(--carbon);
  }
  #site-nav {
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    height: auto;
    padding: 18px 24px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: var(--archive);
    border-bottom: 1px solid var(--rule);
  }
  .site-header #site-nav.open {
    display: flex;
  }
  .nav-cluster {
    height: auto;
    display: block;
  }
  .nav-trigger,
  #site-nav > a {
    width: 100%;
    padding: 13px 0;
    display: flex;
    align-items: center;
    text-align: left;
    border-bottom: 1px solid var(--rule);
  }
  .nav-cluster .nav-panel {
    display: none;
    position: static;
    width: 100%;
    margin-bottom: 10px;
    transform: none;
    box-shadow: none;
  }
  .nav-cluster.open .nav-panel {
    display: grid;
  }
  .nav-panel::before {
    display: none;
  }
  .home-hero {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .hero {
    min-height: auto;
  }
  .workflow-section {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .document-evidence,
  .product-gallery,
  .product-shot,
  .access-band,
  .split-band,
  .operations-band,
  .connection-section,
  .international-band,
  .route-showcase,
  .security-band,
  .home-faq,
  .content-faq,
  .content-cta {
    grid-template-columns: 1fr;
  }
  .help-category-grid,
  .help-article-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cover-sheet-frame {
    max-width: 500px;
  }
  .gallery-secondary {
    grid-template-columns: 1fr;
  }
  .document-evidence figcaption {
    max-width: 500px;
  }
  .capability-grid,
  .evidence-grid,
  .decision-register-grid,
  .resource-index-grid,
  .pattern-register-grid,
  .device-path-grid,
  .industry-directory-grid,
  .industry-workflow ol,
  .industry-lead,
  .connection-lifecycle ol,
  .public-plan-grid,
  .cover-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .inner-hero {
    grid-template-columns: 1fr;
    gap: 55px;
  }
  .page-signal {
    max-width: 572px;
  }
  .content-layout {
    grid-template-columns: 1fr;
  }
  .content-aside {
    position: static;
    max-height: none;
    overflow: visible;
  }
  .content-aside-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr));
    gap: 0 24px;
  }
  .content-related,
  .content-help {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .auth-shell {
    grid-template-columns: 1fr;
  }
  .auth-context {
    min-height: 720px;
  }
  .auth-panel {
    min-height: 680px;
  }
  .workflow-panel {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .trial-number-workflow .workflow-panel {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .trial-number-intro {
    max-width: 680px;
  }
  .trial-number-stage {
    min-height: 0;
    padding-left: 0;
    border-left: 0;
  }
  .site-footer {
    grid-template-columns: 1.5fr 1fr 1fr;
  }
  .site-footer > div:nth-of-type(4) {
    grid-column: 2;
  }
  .footer-brand {
    grid-row: span 2;
  }
}

@media (max-width: 640px) {
  .public-plan-grid {
    overflow-x: visible;
  }
  .pricing-catalog-controls {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
  }
  .pricing-cycle-button {
    flex: 1;
    padding-inline: 10px;
  }
  .pricing-cycle-button span {
    display: none;
  }
  .pricing-cards {
    grid-template-columns: 1fr;
    min-width: 0;
  }
  .pricing-card {
    padding: 22px 18px 20px;
  }
  .pricing-card.is-recommended {
    transform: none;
  }
  .service-bar {
    display: none;
  }
  .site-header {
    height: 64px;
    padding: 0 18px;
    grid-template-columns: 1fr auto;
  }
  .header-actions {
    display: none;
  }
  #site-nav .sales-mobile-link {
    display: flex;
    color: var(--registry);
  }
  #site-nav .workspace-mobile-link {
    display: flex;
    color: var(--registry);
  }
  .site-header .nav-toggle {
    grid-column: 2;
    grid-row: 1;
  }
  #site-nav {
    top: 64px;
  }
  .nav-panel {
    grid-template-columns: 1fr;
  }
  .hero,
  .inner-hero {
    padding-left: 18px;
    padding-right: 18px;
  }
  .home-hero {
    padding-top: 55px;
  }
  .hero h1,
  .inner-hero h1 {
    font-size: 43px;
  }
  .lede {
    font-size: 17px;
  }
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .transmission-stage {
    min-height: 470px;
    box-shadow: 7px 8px 0 #dce2de;
  }
  .document-preview {
    width: calc(100% - 32px);
  }
  .rail {
    padding-left: 9px;
    padding-right: 9px;
  }
  .rail span {
    display: none;
  }
  .rail b {
    font-size: 10px;
  }
  .proof-strip,
  .content-highlights {
    grid-template-columns: 1fr 1fr;
  }
  .proof-strip span + span {
    border: 0;
  }
  .content-highlights div {
    min-height: 108px;
    padding: 20px 16px;
  }
  .content-highlights div + div {
    border-left: 0;
  }
  .content-highlights div:nth-child(even) {
    border-left: 1px solid var(--rule);
  }
  .content-highlights div:nth-child(n + 3) {
    border-top: 1px solid var(--rule);
  }
  .workflow-section,
  .document-evidence,
  .capability-section,
  .connection-section,
  .evidence-band,
  .route-showcase,
  .home-faq,
  .content-faq {
    padding: 75px 18px;
  }
  .help-directory {
    padding: 75px 18px;
  }
  .help-directory > header h2 {
    font-size: 35px;
  }
  .workflow-section h2,
  .document-evidence h2,
  .split-band h2,
  .content-chapter h2,
  .capability-section h2,
  .access-band h2,
  .operations-band h2,
  .international-band h2,
  .evidence-band h2,
  .route-showcase h2,
  .security-band h2,
  .content-faq h2,
  .content-cta h2 {
    font-size: 35px;
  }
  .workflow-grid,
  .capability-grid,
  .operations-list,
  .evidence-grid,
  .decision-register-grid,
  .industry-directory-grid,
  .industry-workflow ol,
  .industry-lead,
  .connection-lifecycle ol,
  .public-plan-grid,
  .cover-grid {
    grid-template-columns: 1fr;
  }
  .help-category-grid,
  .help-article-grid {
    grid-template-columns: 1fr;
  }
  .help-category-grid a,
  .help-article-grid a {
    min-height: 150px;
  }
  .industry-lead {
    padding: 24px;
  }
  .lead-form-grid {
    grid-template-columns: 1fr;
  }
  .lead-form-wide {
    grid-column: auto;
  }
  .workflow-grid article,
  .workflow-grid article + article {
    padding: 22px 0;
    border-left: 0;
    border-bottom: 1px solid var(--rule);
  }
  .workflow-grid h3 {
    margin-top: 18px;
  }
  .document-evidence,
  .product-gallery,
  .product-shot,
  .access-band,
  .split-band,
  .operations-band,
  .home-sales-line,
  .international-band,
  .security-band,
  .closing-band,
  .pricing-catalog,
  .cover-catalog,
  .content-cta {
    padding: 75px 18px;
    gap: 50px;
  }
  .product-gallery > header,
  .product-shot > header {
    margin-bottom: 34px;
  }
  .gallery-primary {
    box-shadow: 7px 8px 0 #cbd6d1;
  }
  .gallery-secondary {
    margin-top: 34px;
    gap: 34px;
  }
  .product-shot figure {
    padding: 8px;
    box-shadow: 7px 8px 0 #d2d9d5;
  }
  .cover-sheet-frame {
    padding: 14px;
    box-shadow: 7px 8px 0 #d2d9d5;
  }
  .console-frame {
    min-height: 520px;
    grid-template-columns: 92px 1fr;
    box-shadow: 7px 8px 0 #dfe4e0;
  }
  .console-nav {
    padding: 20px 8px;
  }
  .console-nav span {
    padding: 8px 5px;
    font-size: 10px;
  }
  .console-main {
    padding: 18px 14px;
  }
  .console-summary {
    grid-template-columns: 1fr;
  }
  .console-summary div {
    padding: 10px 0;
    border-bottom: 1px solid var(--rule);
  }
  .integration-grid {
    grid-template-columns: 1fr;
  }
  .integration-board .integration-grid {
    grid-template-columns: 1fr;
  }
  .integration-grid article {
    min-height: 120px;
  }
  .industry-workflow li {
    min-height: 190px;
  }
  .industry-workflow li b {
    margin-top: 32px;
  }
  .connection-lifecycle li {
    min-height: 190px;
  }
  .connection-lifecycle li b {
    margin-top: 32px;
  }
  .decision-register-grid article {
    min-height: 185px;
  }
  .decision-register-grid b {
    margin-top: 30px;
  }
  .resource-index-grid,
  .pattern-register-grid,
  .principle-register-grid,
  .contact-brief-grid,
  .lifecycle-register-grid,
  .preflight-register-grid,
  .global-register-grid,
  .compliance-register-grid,
  .plan-inputs-grid,
  .remote-stack-grid,
  .campaign-proof-grid,
  .publication-gate-grid,
  .recovery-register-grid,
  .resilience-register-grid,
  .device-path-grid {
    grid-template-columns: 1fr;
  }
  .resource-index-grid a,
  .pattern-register-grid article,
  .device-path-grid article {
    min-height: 150px;
  }
  .resource-index-grid b,
  .pattern-register-grid b,
  .device-path-grid b {
    margin-top: 26px;
  }
  .resource-index-grid small,
  .pattern-register-grid p,
  .device-path-grid p {
    margin-top: 18px;
  }
  .team-register-frame,
  .usage-ledger-frame {
    box-shadow: 7px 8px 0 #dfe4e0;
  }
  .assignment-row {
    grid-template-columns: 1fr;
  }
  .assignment-row > span {
    grid-row: auto;
  }
  .security-table {
    border-right: 1px solid #9faaa6;
  }
  .security-table > div:first-child {
    display: none;
  }
  .security-table > div {
    min-width: 0;
    padding: 16px 0;
    display: block;
    border-bottom: 1px solid #9faaa6;
  }
  .security-table span {
    padding: 5px 16px;
    display: block;
    border: 0;
  }
  .security-table span:nth-child(2)::before,
  .security-table span:nth-child(3)::before {
    margin-right: 7px;
    color: var(--muted);
    font: 9px/1.3 var(--mono);
  }
  .security-table span:nth-child(2)::before {
    content: "APPLICATION /";
  }
  .security-table span:nth-child(3)::before {
    content: "PRODUCTION /";
  }
  .usage-ledger-frame > div,
  .usage-ledger-frame > footer {
    grid-template-columns: 1fr;
  }
  .usage-ledger-frame > div > span {
    grid-row: auto;
  }
  .usage-ledger-frame > footer small {
    text-align: left;
  }
  .boundary-matrix > div:first-child,
  .alternative-table > div:first-child {
    display: none;
  }
  .boundary-matrix > div,
  .alternative-table > div {
    min-height: 0;
    padding: 14px 0;
    display: block;
    border-right: 1px solid #9faaa6;
    border-bottom: 1px solid #9faaa6;
  }
  .boundary-matrix span,
  .alternative-table span {
    padding: 5px 15px;
    display: block;
    border: 0;
  }
  .boundary-matrix span:nth-child(2)::before,
  .boundary-matrix span:nth-child(3)::before,
  .alternative-table span:nth-child(2)::before {
    margin-right: 7px;
    color: var(--muted);
    font: 9px/1.3 var(--mono);
  }
  .boundary-matrix span:nth-child(2)::before {
    content: "FREE /";
  }
  .boundary-matrix span:nth-child(3)::before {
    content: "PAID /";
  }
  .alternative-table span:nth-child(2)::before {
    content: "EVIDENCE /";
  }
  .destination-frame {
    box-shadow: 7px 8px 0 #dfe4e0;
  }
  .destination-frame > div {
    grid-template-columns: 1fr;
  }
  .destination-frame > div > span {
    grid-row: auto;
  }
  .route-check-grid {
    grid-template-columns: 1fr;
  }
  .route-check-grid footer {
    grid-column: auto;
  }
  .access-ledger > div {
    grid-template-columns: 78px 1fr;
  }
  .international-band li {
    grid-template-columns: 40px 1fr;
  }
  .cover-card > div {
    grid-template-columns: 1fr;
  }
  .cover-card .secondary-action {
    width: 100%;
  }
  .split-band li {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .connection-rail a {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .inner-hero {
    min-height: 570px;
    padding-top: 70px;
  }
  .legal-gate {
    padding: 20px 18px;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .content-layout {
    padding: 70px 18px;
  }
  .content-chapter {
    padding-bottom: 65px;
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .content-chapter + .content-chapter {
    padding-top: 65px;
  }
  .content-chapter header > span {
    margin-bottom: 26px;
  }
  .content-aside {
    display: block;
  }
  .content-aside-panel {
    display: block;
  }
  .content-related,
  .content-help {
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid var(--rule);
  }
  .site-footer {
    padding: 55px 18px 25px;
    grid-template-columns: 1fr 1fr;
    gap: 38px 24px;
  }
  .footer-brand {
    grid-column: 1/-1;
    grid-row: auto;
  }
  .site-footer > div:nth-of-type(4) {
    grid-column: auto;
  }
  .auth-context {
    min-height: auto;
    padding: 24px 18px;
  }
  .auth-brand {
    margin-bottom: 0;
  }
  .auth-context > .eyebrow,
  .auth-context > h1,
  .auth-context > .transmission-stage {
    display: none;
  }
  .auth-panel {
    min-height: calc(100vh - 70px);
    padding: 48px 18px;
    place-items: start center;
  }
  .auth-panel h2 {
    font-size: 36px;
  }
  .field-pair {
    grid-template-columns: 1fr;
  }
  .workflow-progress {
    padding: 24px 18px;
  }
  .workflow-progress span {
    gap: 0;
  }
  .workflow-progress b {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .workflow-progress span::before {
    right: 0;
  }
  .workflow-panel {
    padding: 26px 18px 70px;
    gap: 30px;
  }
  .workflow-intro h1 {
    font-size: 39px;
  }
  .workflow-intro ul {
    display: none;
  }
  .workflow-form {
    padding: 20px;
    box-shadow: 6px 7px 0 #dfe4e0;
  }
  .trial-number-intro h1 {
    font-size: 39px;
  }
  .trial-number-facts {
    margin-top: 28px;
  }
  .trial-number-detail {
    padding-top: 26px;
  }
  .trial-number-action {
    align-items: stretch;
    flex-direction: column;
    gap: 16px;
  }
  .trial-number-action .primary-action,
  .trial-number-detail > .primary-action {
    width: 100%;
  }
  .trial-number-verification .form-row {
    flex-direction: column;
  }
  .trial-number-verification .primary-action,
  .trial-number-verification .secondary-action {
    width: 100%;
  }
  .number-grid,
  .plan-grid {
    grid-template-columns: 1fr;
  }
}

/* Pricing keeps the editorial hero intact, then moves into a focused catalog. */
.pricing-page .pricing-hero {
  background: var(--archive);
}
.pricing-page .pricing-hero h1 {
  max-width: 760px;
}
.pricing-summary-strip {
  margin-top: 28px;
  padding-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  border-top: 1px solid var(--rule);
  color: var(--muted);
  font: 10px/1.4 var(--mono);
  letter-spacing: .02em;
}
.pricing-summary-strip span + span::before {
  content: "·";
  margin-right: 22px;
  color: var(--registry);
}
.pricing-summary-strip b {
  color: var(--registry);
  font-weight: 700;
}
.pricing-page .pricing-catalog {
  padding-top: 64px;
  padding-bottom: 52px;
}
.pricing-page .pricing-catalog > header {
  max-width: 1200px;
}
.pricing-page .public-plan-grid {
  margin-top: 30px;
}
@media (min-width: 981px) {
  .pricing-page .pricing-hero {
    min-height: 680px;
    padding: 106px max(24px, calc((100vw - 1200px) / 2)) 112px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 572px;
    gap: 72px;
    align-items: start;
  }
}
@media (max-width: 980px) {
  .pricing-page .pricing-hero {
    min-height: 0;
    padding-top: 72px;
    padding-bottom: 80px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* Why Faxoryn is a product walkthrough, not a claim or review page. */
.inside-faxoryn {
  background: var(--archive);
}
.inside-hero,
.inside-thesis,
.inside-workbench,
.inside-boundary,
.inside-cta {
  padding-left: max(24px, calc((100vw - 1200px) / 2));
  padding-right: max(24px, calc((100vw - 1200px) / 2));
}
.inside-hero {
  min-height: 680px;
  padding-top: 106px;
  padding-bottom: 112px;
  display: grid;
  grid-template-columns: minmax(300px, 0.94fr) minmax(520px, 1.06fr);
  align-items: center;
  gap: 72px;
  overflow: hidden;
  background: #e8efeb;
}
.inside-hero .inside-product-preview {
  width: 100%;
  max-width: 572px;
  align-self: start;
}
.inside-hero h1 {
  max-width: 690px;
  margin: 10px 0 25px;
  font: 700 clamp(52px, 5.4vw, 84px) / 0.95 var(--display);
}
.inside-hero .lede {
  max-width: 560px;
}
.inside-command-deck {
  position: relative;
  border: 1px solid #82918b;
  background: var(--carbon);
  color: #eff4f0;
  box-shadow: 16px 17px 0 #c7d3cd;
}
.inside-command-deck::after {
  position: absolute;
  width: 220px;
  height: 220px;
  right: -76px;
  bottom: -94px;
  border: 1px solid rgba(142, 208, 186, 0.55);
  border-radius: 50%;
  content: "";
  animation: inside-pulse 4.8s ease-in-out infinite;
}
.inside-command-deck header,
.inside-command-deck footer,
.inside-workbench-ui header,
.inside-workbench-ui footer {
  min-height: 48px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(215, 221, 217, 0.22);
  font: 10px/1.2 var(--mono);
  letter-spacing: 0.06em;
}
.inside-command-deck header b {
  color: #8ed0ba;
}
.inside-command-deck header i {
  padding: 4px 7px;
  background: #1d6b57;
  color: white;
  font-style: normal;
}
.deck-document {
  margin: 24px;
  padding: 20px;
  border: 1px solid rgba(215, 221, 217, 0.36);
  background: #f8faf8;
  color: var(--carbon);
}
.deck-document-top,
.deck-recipient {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
}
.deck-document-top span,
.deck-recipient span {
  color: var(--muted);
  font: 10px/1.3 var(--mono);
}
.deck-lines {
  margin: 30px 0 20px;
  display: grid;
  gap: 8px;
}
.deck-lines i {
  height: 5px;
  width: 86%;
  background: #dce4df;
}
.deck-lines i:nth-child(2) {
  width: 68%;
}
.deck-lines i:nth-child(3) {
  width: 75%;
}
.deck-recipient {
  padding-top: 15px;
  border-top: 1px solid var(--rule);
  align-items: center;
}
.deck-recipient b {
  font: 11px/1.3 var(--mono);
}
.deck-states {
  margin: 0;
  padding: 0 24px 12px;
  list-style: none;
}
.deck-states li {
  min-height: 74px;
  display: grid;
  grid-template-columns: 20px 1fr auto;
  align-items: center;
  gap: 12px;
  border-top: 1px solid rgba(215, 221, 217, 0.2);
}
.deck-states i {
  width: 9px;
  height: 9px;
  border: 1px solid #a5b5ad;
  border-radius: 50%;
}
.deck-states .complete i {
  background: #8ed0ba;
  border-color: #8ed0ba;
}
.deck-states .active i {
  background: #eff4f0;
  border-color: #eff4f0;
  box-shadow: 0 0 0 5px rgba(142, 208, 186, 0.2);
  animation: inside-dot 1.8s ease-in-out infinite;
}
.deck-states span {
  display: block;
  color: #8ed0ba;
  font: 9px/1.2 var(--mono);
  letter-spacing: 0.06em;
}
.deck-states b {
  display: block;
  margin-top: 4px;
  font-size: 13px;
}
.deck-states time {
  color: #a5b5ad;
  font: 10px/1.2 var(--mono);
}
.inside-command-deck footer {
  border-top: 1px solid rgba(215, 221, 217, 0.22);
  border-bottom: 0;
  color: #b7c4bd;
}
.inside-command-deck footer i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 50%;
  background: #8ed0ba;
}
.inside-principle-band {
  padding: 26px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  gap: 32px;
  background: var(--registry);
  color: #eff8f3;
}
.inside-principle-band p,
.inside-principle-band span {
  margin: 0;
  font: 10px/1.4 var(--mono);
  letter-spacing: 0.06em;
}
.inside-principle-band b {
  font: 700 19px/1.25 var(--display);
}
.inside-thesis {
  padding-top: 132px;
  padding-bottom: 136px;
  background: var(--paper);
}
.inside-section-heading {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 40px;
  align-items: end;
}
.inside-section-heading h2,
.inside-workbench h2,
.inside-boundary h2,
.inside-cta h2 {
  margin: 0;
  font: 700 clamp(38px, 4.5vw, 64px) / 0.98 var(--display);
}
.inside-thesis-grid {
  margin-top: 76px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #aab5b0;
  border-left: 1px solid #aab5b0;
}
.inside-thesis-grid article {
  min-height: 310px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #aab5b0;
  border-bottom: 1px solid #aab5b0;
}
.inside-thesis-grid span,
.inside-workbench-links span {
  color: var(--registry);
  font: 10px/1.2 var(--mono);
  letter-spacing: 0.07em;
}
.inside-thesis-grid h3 {
  margin: auto 0 14px;
  font: 700 31px/1 var(--display);
}
.inside-thesis-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}
.inside-thesis-grid a {
  margin-top: 24px;
  color: var(--relay);
  font-size: 13px;
  font-weight: 700;
}
.inside-workbench {
  padding-top: 118px;
  padding-bottom: 120px;
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  align-items: center;
  gap: 82px;
  background: #dfe8e3;
}
.inside-workbench-copy > p:not(.eyebrow) {
  max-width: 510px;
  color: var(--muted);
}
.inside-workbench-links {
  margin-top: 42px;
  border-top: 1px solid #aab5b0;
}
.inside-workbench-links a {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 140px 1fr;
  border-bottom: 1px solid #aab5b0;
  transition:
    padding 0.25s ease,
    color 0.25s ease;
}
.inside-workbench-links a:hover {
  padding-left: 10px;
  color: var(--registry-dark);
}
.inside-workbench-links b {
  font-size: 14px;
}
.inside-workbench-ui {
  border: 1px solid #84948c;
  background: var(--paper);
  box-shadow: 14px 15px 0 #b8c8c0;
}
.inside-workbench-ui header {
  color: var(--muted);
  background: #f8faf8;
}
.workbench-list {
  padding: 10px 18px;
}
.workbench-list > div {
  min-height: 72px;
  display: grid;
  grid-template-columns: 14px 1fr auto;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--rule);
}
.workbench-list i {
  width: 8px;
  height: 8px;
  border: 1px solid #8a9a92;
  border-radius: 50%;
}
.workbench-list .selected {
  margin: 0 -9px;
  padding: 0 9px;
  background: #e8f2ed;
}
.workbench-list .selected i {
  background: var(--registry);
  border-color: var(--registry);
}
.workbench-list b,
.workbench-list span,
.workbench-list em {
  display: block;
}
.workbench-list b {
  font-size: 14px;
}
.workbench-list span {
  color: var(--muted);
  font-size: 11px;
}
.workbench-list em {
  color: var(--registry);
  font: 10px/1.2 var(--mono);
  font-style: normal;
}
.inside-workbench-ui footer {
  border-top: 1px solid var(--rule);
  border-bottom: 0;
  color: var(--muted);
}
.inside-workbench-ui footer div {
  display: grid;
  gap: 3px;
}
.inside-workbench-ui footer span {
  font-size: 9px;
}
.inside-workbench-ui footer b {
  color: var(--carbon);
  font: 11px/1.2 var(--mono);
}
.inside-boundary {
  padding-top: 128px;
  padding-bottom: 132px;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 80px;
  color: #eef4f0;
  background: var(--carbon);
}
.inside-boundary h2 {
  color: #eef4f0;
}
.inside-boundary-list {
  border-top: 1px solid #52615c;
}
.inside-boundary-list > div {
  padding: 18px 0;
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 14px;
  border-bottom: 1px solid #52615c;
}
.inside-boundary-list span {
  color: #8ed0ba;
  font: 11px/1.3 var(--mono);
}
.inside-boundary-list p {
  margin: 0;
  color: #c9d4ce;
  font-size: 14px;
}
.inside-boundary-list b {
  color: white;
}
.inside-decision-register {
  padding: 122px max(24px, calc((100vw - 1200px) / 2));
  background: var(--paper);
}
.inside-decision-register .inside-section-heading {
  grid-template-columns: 0.7fr 1.3fr;
}
.inside-decision-grid {
  margin-top: 68px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #aab5b0;
  border-left: 1px solid #aab5b0;
}
.inside-decision-grid article {
  min-height: 240px;
  padding: 27px 30px 30px;
  border-right: 1px solid #aab5b0;
  border-bottom: 1px solid #aab5b0;
}
.inside-decision-grid span {
  color: var(--relay);
  font: 10px/1.2 var(--mono);
  letter-spacing: 0.07em;
}
.inside-decision-grid h3 {
  margin: 40px 0 10px;
  font: 700 24px/1.05 var(--display);
}
.inside-decision-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.competitor-comparison {
  padding: 122px max(24px, calc((100vw - 1200px) / 2));
  background: var(--paper);
}
.competitor-comparison .inside-section-heading {
  grid-template-columns: 0.7fr 1.3fr;
}
.competitor-comparison .inside-section-heading p:not(.eyebrow) {
  grid-column: 2;
  max-width: 560px;
  color: var(--muted);
  font-size: 14px;
}
.cmp-toolbar {
  margin-top: 64px;
  padding-top: 18px;
  border-top: 1px solid #aab5b0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.cmp-diff-toggle {
  padding: 9px 16px;
  border: 1px solid var(--registry);
  border-radius: 999px;
  background: transparent;
  color: var(--registry);
  font: 700 12px/1 var(--body);
  letter-spacing: 0.02em;
  cursor: pointer;
}
.cmp-diff-toggle:hover {
  background: rgba(29, 107, 87, 0.08);
}
.cmp-diff-toggle[aria-pressed="true"] {
  background: var(--registry);
  color: #fff;
}
.cmp-legend {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
}
.cmp-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px 6px 8px;
  border-radius: 999px;
  background: #eef1ee;
  white-space: nowrap;
}
.cmp-table-scroll {
  margin-top: 26px;
  overflow-x: auto;
  border: 1px solid #d7ddd9;
  background: #fff;
}
.cmp-table {
  width: 100%;
  min-width: 860px;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 13px;
}
.cmp-table th,
.cmp-table td {
  border: 1px solid #d7ddd9;
  padding: 12px 14px;
  text-align: center;
  vertical-align: middle;
}
.cmp-table thead th {
  background: #eef1ee;
  font: 700 11px/1.2 var(--display);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.cmp-table .cmp-feature-head {
  width: 230px;
  min-width: 230px;
  text-align: left;
  color: var(--carbon);
}
.cmp-table .cmp-service-head {
  text-transform: none;
  letter-spacing: 0.02em;
}
.cmp-table .cmp-service-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.cmp-table .cmp-service-link-external:hover {
  color: var(--registry);
  text-decoration-thickness: 2px;
}
.cmp-table .cmp-service-link-icon {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  line-height: 1;
  vertical-align: 1px;
  opacity: 0.75;
}
.cmp-table .cmp-feature {
  width: 230px;
  min-width: 230px;
  text-align: left;
  color: #333;
  font-weight: 500;
}
.cmp-table .cmp-service-head.cmp-self,
.cmp-table .cmp-cell.cmp-self {
  background: rgba(29, 107, 87, 0.08);
}
.cmp-table .cmp-service-head.cmp-self {
  background: var(--registry);
  color: #fff;
}
.cmp-table .cmp-cell.cmp-self {
  box-shadow: inset 2px 0 0 rgba(29, 107, 87, 0.3), inset -2px 0 0 rgba(29, 107, 87, 0.3);
}
.cmp-row[data-cmp-diff="true"] .cmp-feature {
  color: var(--carbon);
  font-weight: 700;
  box-shadow: inset 3px 0 0 var(--registry);
}
.cmp-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  font: 700 13px/1 var(--mono);
  cursor: pointer;
}
.cmp-mark-ok {
  color: var(--registry);
  background: rgba(29, 107, 87, 0.12);
}
.cmp-mark-no {
  color: #7b8782;
  background: rgba(123, 135, 130, 0.14);
}
.cmp-mark-unknown {
  color: #9aa49f;
  background: transparent;
}
.cmp-note {
  max-width: 900px;
  margin: 24px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.cmp-note a {
  color: var(--relay);
}
.cmp-table .cmp-tier-cell {
  font-weight: 700;
  color: var(--carbon);
}
.cmp-table .cmp-tier-row .cmp-feature {
  color: var(--carbon);
  font-weight: 700;
}
.cmp-tier-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
}
.cmp-takeaway {
  max-width: 900px;
  margin: 22px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #333;
  font-size: 13px;
  line-height: 1.6;
  list-style: none;
}
.cmp-takeaway li {
  position: relative;
  margin: 0 0 5px;
  padding-left: 16px;
}
.cmp-takeaway li:last-child {
  margin-bottom: 0;
}
.cmp-takeaway li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0.62em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(29, 107, 87, 0.5);
}
.cmp-hint-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  vertical-align: middle;
  cursor: help;
}
.cmp-hint-inline:hover {
  color: var(--registry);
}
.cmp-hint-inline .cmp-hint-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font: 700 10px/1 var(--mono);
}
.cmp-hint-tooltip {
  position: fixed;
  width: 290px;
  max-width: calc(100vw - 24px);
  padding: 14px 16px;
  border: 1px solid #d7ddd9;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(20, 40, 35, 0.16);
  color: var(--carbon);
  font-size: 12px;
  line-height: 1.5;
  z-index: 1000;
}
.cmp-hint-tooltip b {
  display: block;
  margin-bottom: 6px;
  font: 700 13px/1.3 var(--display);
  color: var(--carbon);
}
.cmp-hint-tooltip span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
}
.cmp-hint-tooltip .cmp-hint-meta {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #c9d2cd;
  color: #8a9690;
  font-size: 11px;
}
.cmp-hint-tooltip a {
  display: inline-block;
  margin-top: 8px;
  color: var(--registry);
  font-weight: 700;
  text-decoration: none;
}
[data-cmp-comparison].cmp-only-diff .cmp-row[data-cmp-diff="false"] {
  display: none;
}
.alt-snapshot {
  margin: 0 max(24px, calc((100vw - 1200px) / 2)) 0;
  padding: 54px 0 64px;
  border-bottom: 1px solid #d7ddd9;
  background: var(--paper);
}
.alt-snapshot header {
  max-width: 760px;
}
.alt-snapshot header p:not(.eyebrow) {
  color: var(--muted);
  font-size: 14px;
}
.alt-snapshot header a {
  color: var(--relay);
}
.alt-snapshot h2 {
  margin: 0 0 14px;
  font: 700 clamp(30px, 3.4vw, 44px) / 1 var(--display);
}
.alt-snapshot h3 {
  margin: 40px 0 0;
  font: 700 16px/1.2 var(--display);
}
.alt-snapshot-price {
  margin-top: 34px;
  padding: 22px 24px;
  border: 1px solid #d7ddd9;
  border-left: 4px solid var(--registry);
  background: #fff;
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}
.alt-snapshot-price b {
  color: var(--registry);
  font: 700 34px/1 var(--display);
}
.alt-snapshot-price span {
  font: 700 13px/1.2 var(--display);
}
.alt-snapshot-price small {
  width: 100%;
  color: var(--muted);
  font-size: 12px;
}
.alt-snapshot-price-unknown {
  border-left-color: #9aa49f;
}
.alt-snapshot-price-unknown b {
  color: #9aa49f;
}
.inside-questions {
  padding: 116px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 80px;
  background: #dfe8e3;
}
.inside-questions h2 {
  margin: 0 0 20px;
  font: 700 clamp(37px, 4.1vw, 58px) / 1 var(--display);
}
.inside-questions > div > p:not(.eyebrow) {
  max-width: 410px;
  color: var(--muted);
  font-size: 14px;
}
.inside-question-list {
  border-top: 1px solid #9ca9a3;
}
.inside-question-list details {
  border-bottom: 1px solid #9ca9a3;
}
.inside-question-list summary {
  padding: 19px 28px 19px 0;
  position: relative;
  cursor: pointer;
  font: 700 17px/1.25 var(--display);
  list-style: none;
}
.inside-question-list summary::-webkit-details-marker {
  display: none;
}
.inside-question-list summary::after {
  position: absolute;
  right: 3px;
  content: "+";
  color: var(--registry);
  font: 25px/18px var(--body);
}
.inside-question-list details[open] summary::after {
  content: "−";
}
.inside-question-list p {
  max-width: 670px;
  margin: -2px 0 20px;
  color: var(--muted);
  font-size: 13px;
}
.inside-cta {
  padding-top: 128px;
  padding-bottom: 138px;
  text-align: center;
  background: #e8efeb;
}
.inside-cta h2 {
  margin: 10px 0 36px;
}
.inside-cta .hero-actions {
  justify-content: center;
}
.inside-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 0.7s ease,
    transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.inside-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.inside-thesis-grid .inside-reveal:nth-child(2) {
  transition-delay: 0.1s;
}
.inside-thesis-grid .inside-reveal:nth-child(3) {
  transition-delay: 0.2s;
}
@keyframes inside-dot {
  50% {
    transform: scale(1.25);
    box-shadow: 0 0 0 8px rgba(142, 208, 186, 0.08);
  }
}
@keyframes inside-pulse {
  50% {
    transform: scale(1.06);
    opacity: 0.55;
  }
}
@media (max-width: 980px) {
  .inside-hero,
  .inside-workbench,
  .inside-boundary,
  .inside-questions {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .inside-hero {
    min-height: auto;
    padding-top: 74px;
  }
  .inside-command-deck {
    max-width: 680px;
  }
  .inside-principle-band {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .inside-principle-band span {
    display: none;
  }
  .inside-section-heading,
  .inside-decision-register .inside-section-heading {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .competitor-comparison .inside-section-heading {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .competitor-comparison .inside-section-heading p:not(.eyebrow) {
    grid-column: auto;
  }
  .cmp-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .inside-thesis {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .inside-thesis-grid,
  .inside-decision-grid {
    margin-top: 48px;
  }
  .inside-workbench,
  .inside-boundary,
  .inside-decision-register,
  .competitor-comparison,
  .inside-questions {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
@media (max-width: 640px) {
  .inside-hero,
  .inside-thesis,
  .inside-workbench,
  .inside-boundary,
  .inside-decision-register,
  .inside-questions,
  .inside-cta {
    padding-left: 18px;
    padding-right: 18px;
  }
  .inside-hero {
    padding-bottom: 78px;
  }
  .inside-hero h1 {
    font-size: 48px;
  }
  .inside-thesis-grid,
  .inside-decision-grid {
    grid-template-columns: 1fr;
  }
  .inside-thesis-grid article {
    min-height: 250px;
  }
  .inside-decision-grid article {
    min-height: auto;
  }
  .inside-workbench-links a {
    grid-template-columns: 110px 1fr;
  }
  .deck-document {
    margin: 14px;
  }
  .deck-states {
    padding-left: 14px;
    padding-right: 14px;
  }
  .inside-command-deck footer b {
    display: none;
  }
  .inside-cta {
    padding-top: 86px;
    padding-bottom: 92px;
  }
  .inside-cta h2 {
    font-size: 42px;
  }
}

/* Refined Carbon: public pages are an evidence-led product experience. */
.service-bar {
  min-height: 30px;
  background: var(--carbon);
  font-size: 10px;
  letter-spacing: 0;
  text-transform: none;
}
.site-header {
  height: 76px;
  background: rgba(247, 248, 246, 0.96);
}
.wordmark {
  font-family: var(--body);
}
#site-nav,
.header-actions,
.nav-trigger {
  font-weight: 600;
}
.nav-panel {
  padding: 14px;
  border-radius: 6px;
  box-shadow: 0 18px 40px rgba(24, 36, 39, 0.1);
}
.nav-panel::before {
  border-color: var(--rule);
}
.nav-panel a {
  min-height: 70px;
  border-radius: 4px;
}
.primary-action,
.secondary-action {
  min-height: 48px;
  border-radius: 5px;
  font-weight: 650;
}
.secondary-action {
  border-color: #b9c5bf;
  background: var(--paper);
}
.secondary-action:hover {
  border-color: var(--registry);
  color: var(--registry-dark);
}
.eyebrow {
  margin-bottom: 16px;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
h1,
h2,
h3 {
  font-family: var(--display);
  font-weight: 700;
}
h1 {
  letter-spacing: 0;
}
h2 {
  font-size: clamp(32px, 3.5vw, 48px);
  line-height: 1.1;
}
.lede {
  max-width: 610px;
  color: #44534e;
  font-size: 18px;
  line-height: 1.65;
}
.hero-note {
  font-family: var(--body);
  font-size: 12px;
  text-transform: none;
}
.home-hero {
  grid-template-columns: minmax(0, 1.05fr) minmax(430px, 0.95fr);
  gap: clamp(42px, 6vw, 84px);
}
.home-hero h1 {
  max-width: 630px;
  font-size: clamp(48px, 5vw, 70px);
}
.proof-strip {
  min-height: 64px;
  color: var(--muted);
  font-family: var(--body);
  font-size: 12px;
  font-weight: 650;
  text-transform: none;
}
.product-gallery,
.product-shot {
  background: var(--surface-quiet);
}
.product-gallery {
  padding-top: 112px;
  padding-bottom: 112px;
}
.product-gallery > header,
.product-shot > header {
  max-width: 700px;
}
.gallery-primary {
  box-shadow: none;
}
.gallery-secondary {
  gap: 24px;
}
.gallery-primary figcaption span,
.gallery-secondary figcaption span {
  font-family: var(--body);
  font-size: 12px;
  font-weight: 650;
  text-transform: uppercase;
}
.product-shot figure {
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}
.product-shot figcaption {
  font-family: var(--body);
  font-size: 12px;
}
.workflow-section {
  gap: clamp(48px, 8vw, 110px);
}
.workflow-grid,
.inside-thesis-grid,
.inside-decision-grid {
  border-color: var(--rule);
}
.workflow-grid article,
.inside-thesis-grid article,
.inside-decision-grid article {
  border-color: var(--rule);
}
.workflow-grid article > span,
.content-chapter header > span {
  color: var(--registry);
}
.split-band,
.access-band,
.operations-band,
.connection-section,
.international-band,
.evidence-band,
.security-band,
.closing-band {
  border-color: var(--rule);
}
.capability-grid article,
.evidence-grid article,
.content-highlights > div,
.route-showcase a,
.route-showcase article {
  border-color: var(--rule);
  box-shadow: none;
}
.content-chapter header > span,
.content-aside span,
.content-aside > div > span,
.content-highlights span,
.route-showcase span,
.page-signal span {
  letter-spacing: 0.02em;
}
.inner-hero {
  background: var(--archive);
}
.page-signal {
  border-color: var(--rule);
  box-shadow: none;
}
.site-footer {
  background: var(--carbon);
}

@media (max-width: 980px) {
  .home-hero {
    grid-template-columns: 1fr;
  }
  .hero-product-view {
    max-width: 760px;
  }
}
@media (max-width: 640px) {
  .service-bar {
    display: none;
  }
  .site-header {
    height: 68px;
  }
  .hero {
    min-height: 0;
    padding-top: 56px;
  }
  .home-hero h1 {
    font-size: 46px;
  }
  .hero-product-view figcaption {
    font-size: 11px;
  }
  .proof-strip {
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
  .proof-strip span {
    min-height: 42px;
    display: grid;
    place-items: center;
  }
  .proof-strip span + span {
    border-left: 0;
  }
  .proof-strip span:nth-child(even) {
    border-left: 1px solid var(--rule);
  }
  .proof-strip span:nth-child(n + 3) {
    border-top: 1px solid var(--rule);
  }
  .product-gallery {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .gallery-secondary {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }
}

/* Refined Carbon variants for the remaining public page families. */
.inside-product-preview {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper);
  box-shadow: 0 22px 46px rgba(24, 36, 39, 0.1);
}
.inside-product-preview .marketing-visual {
  border: 0;
  border-radius: 0;
}
.inside-product-preview figcaption {
  padding: 17px 20px 20px;
  background: var(--paper);
}
.inside-product-preview figcaption span {
  display: block;
  color: var(--registry);
  font-size: 11px;
  font-weight: 650;
}
.inside-product-preview figcaption b {
  display: block;
  margin-top: 6px;
  color: var(--carbon);
  font-size: 17px;
}
.inside-product-preview figcaption p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.inside-hero,
.inside-workbench,
.inside-questions,
.inside-cta {
  background: var(--archive);
}
.inside-hero {
  min-height: 0;
  padding-top: 92px;
  padding-bottom: 92px;
  gap: clamp(42px, 6vw, 84px);
}
.inside-hero h1,
.inside-section-heading h2,
.inside-workbench h2,
.inside-boundary h2,
.inside-cta h2 {
  font-family: var(--display);
  line-height: 1.06;
}
.inside-principle-band {
  grid-template-columns: 1fr;
  gap: 7px;
  background: var(--registry);
}
.inside-principle-band p,
.inside-principle-band span,
.inside-thesis-grid span,
.inside-workbench-links span,
.inside-decision-grid span {
  font-family: var(--body);
  letter-spacing: 0;
}
.inside-principle-band span {
  display: none;
}
.inside-thesis,
.inside-decision-register {
  padding-top: 96px;
  padding-bottom: 96px;
}
.inside-thesis-grid,
.inside-decision-grid {
  margin-top: 48px;
}
.inside-thesis-grid article,
.inside-decision-grid article {
  min-height: 0;
}
.inside-thesis-grid h3 {
  font-size: 25px;
  line-height: 1.12;
}
.inside-workbench,
.inside-boundary,
.inside-questions {
  padding-top: 94px;
  padding-bottom: 94px;
}
.inside-workbench {
  gap: clamp(42px, 6vw, 80px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.inside-workbench-copy h2 {
  max-width: none;
  font-size: clamp(42px, 3.6vw, 52px);
}
@media (max-width: 980px) {
  .inside-workbench {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .inside-workbench-copy h2 {
    font-size: clamp(38px, 7vw, 48px);
  }
}
.inside-workbench-links a:hover {
  padding-left: 0;
  color: var(--registry-dark);
}
.inside-boundary {
  background: var(--carbon);
}
.inside-decision-grid h3 {
  margin-top: 28px;
}

/* Bind each operating-model heading to the grid or action it introduces. */
.inside-thesis .inside-section-heading,
.inside-decision-register .inside-section-heading {
  grid-template-columns: 1fr;
  gap: 0;
  align-items: stretch;
  border: 1px solid var(--rule);
  border-bottom: 0;
}
.inside-thesis .inside-section-heading .eyebrow,
.inside-decision-register .inside-section-heading .eyebrow {
  margin: 0;
  padding: 28px 28px 0;
}
.inside-thesis .inside-section-heading h2,
.inside-decision-register .inside-section-heading h2 {
  max-width: 920px;
  padding: 16px 28px 32px;
}
.inside-thesis-grid,
.inside-decision-grid {
  margin-top: 0;
}
.inside-cta {
  display: block;
  text-align: left;
}
.inside-cta > .eyebrow {
  margin: 0;
}
.inside-cta-copy {
  padding: 0;
}
.inside-cta h2 {
  max-width: 760px;
  margin: 16px 0 32px;
  font-size: clamp(36px, 3.5vw, 50px);
}
.inside-cta .hero-actions {
  justify-content: flex-start;
}

.inside-reveal {
  opacity: 1;
  transform: none;
  transition: none;
}

.auth-shell {
  grid-template-columns: minmax(440px, 1fr) minmax(480px, 0.92fr);
}
.auth-context {
  padding-top: 42px;
  padding-bottom: 58px;
  background: var(--surface-quiet);
  color: var(--carbon);
}
.auth-brand {
  margin-bottom: 90px;
  color: var(--carbon);
}
.auth-context .eyebrow {
  color: var(--registry);
}
.auth-context h1 {
  max-width: 530px;
  margin-top: 10px;
  font-size: clamp(42px, 3.7vw, 60px);
}
.auth-context-copy > p:last-child {
  max-width: 480px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}
.auth-product-preview {
  margin: 48px 0 0;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper);
  box-shadow: 0 18px 38px rgba(24, 36, 39, 0.1);
}
.auth-product-preview figcaption {
  padding: 12px 14px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}
.auth-panel {
  background: var(--paper);
}
.auth-form input:not([type="checkbox"]),
.oauth-provider {
  border-color: #b9c5bf;
  border-radius: 4px;
}
.auth-form input:focus {
  border-color: var(--registry);
  box-shadow: 0 0 0 3px rgba(22, 112, 90, 0.12);
  outline: 0;
}
.oauth-provider:hover {
  border-color: var(--registry);
  background: #f2f7f4;
}

.workflow-shell > header {
  background: var(--paper);
}
.workflow-progress {
  max-width: 1080px;
  padding-top: 30px;
  padding-bottom: 26px;
}
.workflow-progress span {
  font-family: var(--body);
  font-size: 12px;
}
.workflow-progress i {
  border-radius: 50%;
}
.workflow-panel {
  max-width: 1080px;
  gap: clamp(48px, 7vw, 80px);
}
.plan-workflow-panel {
  max-width: 1204px;
}
.workflow-intro h1,
.plan-page-heading h1 {
  font-size: clamp(40px, 4vw, 52px);
  line-height: 1.08;
}
.workflow-form {
  border-color: var(--rule);
  border-radius: 6px;
  box-shadow: none;
}
.workflow-form select,
.workflow-form input,
.icon-action {
  border-color: #b9c5bf;
  border-radius: 4px;
}
.icon-action:hover {
  border-color: var(--registry);
  background: #f2f7f4;
}

/* Route showcases carry a single business judgment, not a decorative dashboard. */
.route-showcase {
  align-items: start;
  gap: clamp(40px, 6vw, 78px);
}
.route-showcase > div:first-child > .eyebrow {
  color: var(--registry);
  font-family: var(--body);
  font-weight: 650;
}
.route-showcase h2 {
  max-width: 540px;
  font-family: var(--display);
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.12;
}
.route-showcase > div:first-child > p:not(.eyebrow) {
  max-width: 540px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.6;
}
.route-product-evidence {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper);
  box-shadow: 0 18px 38px rgba(24, 36, 39, 0.08);
}
.route-product-evidence .marketing-visual {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.route-product-evidence figcaption {
  padding: 18px 20px 20px;
  border-top: 1px solid var(--rule);
}
.route-product-evidence figcaption span,
.route-product-evidence figcaption b,
.route-product-evidence figcaption p {
  display: block;
}
.route-product-evidence figcaption span {
  color: var(--registry);
  font-family: var(--body);
  font-size: 11px;
  font-weight: 650;
}
.route-product-evidence figcaption b {
  margin-top: 6px;
  color: var(--carbon);
  font-size: 16px;
}
.route-product-evidence figcaption p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

/* Developer reference is a tool surface, not a marketing article. */
.api-reference {
  background: var(--paper);
}
.api-reference-intro {
  max-width: 1200px;
  margin: 0 auto;
  padding: 88px 24px 76px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: clamp(42px, 8vw, 120px);
  align-items: end;
}
.api-reference-intro h1 {
  max-width: 720px;
  font-size: clamp(44px, 5vw, 66px);
  line-height: 1.04;
}
.api-reference-intro > div > p:last-child {
  max-width: 690px;
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.65;
}
.api-reference-intro aside {
  padding: 20px 0;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.api-reference-intro aside span,
.api-reference-intro aside b {
  display: block;
}
.api-reference-intro aside span {
  margin-top: 18px;
  color: var(--registry);
  font-size: 11px;
  font-weight: 650;
}
.api-reference-intro aside span:first-child {
  margin-top: 0;
}
.api-reference-intro aside b {
  margin-top: 5px;
  color: var(--carbon);
  font-size: 14px;
  line-height: 1.45;
}
.api-reference code {
  padding: 2px 5px;
  border-radius: 3px;
  background: var(--surface-quiet);
  color: var(--registry-dark);
  font: 600 0.9em/1.4 var(--mono);
}
.api-reference-guide {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px 78px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--rule);
}
.api-reference-guide > div {
  min-height: 190px;
  padding: 25px 28px 18px 0;
  border-right: 1px solid var(--rule);
}
.api-reference-guide > div + div {
  padding-left: 28px;
}
.api-reference-guide > div:last-child {
  border-right: 0;
}
.api-reference-guide span,
.api-reference-guide b,
.api-reference-guide p {
  display: block;
}
.api-reference-guide span {
  color: var(--registry);
  font-size: 12px;
  font-weight: 650;
}
.api-reference-guide b {
  margin-top: 34px;
  font-size: 17px;
}
.api-reference-guide p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.api-reference-docs {
  min-height: 600px;
  border-top: 1px solid var(--rule);
}
.api-reference-docs #redoc {
  min-height: 600px;
}
.api-reference-fallback {
  max-width: 760px;
  margin: 0 auto;
  padding: 84px 24px;
}
.api-reference-fallback h2 {
  font-size: 34px;
}
.api-reference-fallback p {
  color: var(--muted);
}
.api-reference-fallback ul {
  padding-left: 20px;
}
.api-reference-fallback li {
  margin: 10px 0;
}

@media (max-width: 980px) {
  .inside-hero {
    grid-template-columns: 1fr;
  }
  .auth-shell {
    grid-template-columns: 1fr;
  }
  .route-showcase {
    grid-template-columns: 1fr;
  }
  .route-product-evidence {
    max-width: 760px;
  }
  .api-reference-intro {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .auth-context {
    min-height: 0;
    padding: 30px max(24px, calc((100vw - 680px) / 2));
  }
  .auth-brand {
    margin-bottom: 50px;
  }
  .auth-product-preview {
    max-width: 680px;
    margin-top: 38px;
  }
  .auth-panel {
    padding: 64px 24px;
  }
}
@media (max-width: 640px) {
  .inside-hero {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .inside-hero h1 {
    font-size: 44px;
  }
  .inside-thesis,
  .inside-workbench,
  .inside-boundary,
  .inside-decision-register,
  .inside-questions {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .auth-context {
    padding: 24px 18px 36px;
  }
  .auth-brand {
    margin-bottom: 36px;
  }
  .auth-context h1 {
    font-size: 38px;
  }
  .auth-context-copy > p:last-child {
    font-size: 14px;
  }
  .auth-product-preview {
    display: none;
  }
  .auth-panel {
    min-height: auto;
    padding: 48px 18px 64px;
  }
  .workflow-panel {
    padding-top: 28px;
  }
  .workflow-form {
    padding: 22px;
  }
  .route-product-evidence figcaption {
    padding: 14px;
  }
  .api-reference-intro {
    padding: 64px 18px 52px;
  }
  .api-reference-intro > div > p:last-child {
    font-size: 16px;
  }
  .api-reference-guide {
    padding: 0 18px 56px;
    grid-template-columns: 1fr;
  }
  .api-reference-guide > div,
  .api-reference-guide > div + div {
    min-height: 0;
    padding: 20px 0;
    border-right: 0;
    border-bottom: 1px solid var(--rule);
  }
  .api-reference-guide > div:last-child {
    border-bottom: 0;
  }
  .api-reference-guide b {
    margin-top: 16px;
  }
}

/* Final display scale: headings should fill their information column without a stranded word. */
h2 {
  font-size: clamp(30px, 3vw, 38px);
}
h1,
h2 {
  text-wrap: balance;
}

@media (min-width: 981px) {
  .inner-hero h1 {
    font-size: clamp(44px, 3.9vw, 56px);
  }
  .route-showcase h2 {
    font-size: clamp(28px, 2.6vw, 38px);
  }
  .inside-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .inside-hero h1 {
    font-size: clamp(46px, 4.3vw, 62px);
  }
  .inside-section-heading h2,
  .inside-boundary h2,
  .inside-cta h2 {
    font-size: clamp(38px, 3.5vw, 52px);
  }
}

/* Shared hero frame: the right-side illustration has its own column and never follows left copy height. */
@media (min-width: 981px) {
  .inner-hero,
  .inside-hero,
  .workflow-directory-hero,
  .workflow-route .workflow-landing-hero {
    max-width: none;
    min-height: 560px;
    padding: 72px max(24px, calc((100vw - 1200px) / 2)) 80px;
    grid-template-columns: minmax(0, 1fr) 572px;
    gap: 72px;
    align-items: start;
  }
  .page-signal,
  .inside-hero .inside-product-preview,
  .workflow-directory-visual,
  .workflow-route .workflow-landing-hero figure {
    width: 100%;
    max-width: 572px;
    align-self: start;
  }
}

@media (max-width: 980px) {
  .inner-hero,
  .inside-hero,
  .workflow-directory-hero,
  .workflow-route .workflow-landing-hero {
    min-height: 0;
    padding-top: 72px;
    padding-bottom: 80px;
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

@media (max-width: 640px) {
  .inner-hero,
  .inside-hero,
  .workflow-directory-hero,
  .workflow-route .workflow-landing-hero {
    padding-left: 18px;
    padding-right: 18px;
    gap: 36px;
  }
}


.workflow-form {
  overflow: visible;
}
.site-choice {
  position: relative;
  z-index: 1;
}
.site-choice.is-open {
  z-index: 6;
}
.site-choice-trigger {
  width: 100%;
  min-height: 48px;
  padding: 8px 34px 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aab5b0;
  border-radius: 2px;
  background: var(--paper);
  color: var(--carbon);
  font: 600 14px/1.3 var(--body);
  text-align: left;
  cursor: pointer;
}
.site-choice-trigger:hover,
.site-choice-trigger[aria-expanded="true"] {
  border-color: var(--registry);
  background: #fbfdfc;
}
.site-choice-trigger:disabled {
  cursor: default;
  opacity: 0.65;
}
.site-choice-trigger::after {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 14px;
  border-right: 1.5px solid #5e7269;
  border-bottom: 1.5px solid #5e7269;
  content: "";
  transform: translateY(-70%) rotate(45deg);
}
.site-choice-primary {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.site-choice-primary > span:last-child,
.site-choice-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-choice-flag-slot {
  display: flex;
  align-items: center;
}
.site-choice-flag {
  width: var(--flag-width, 20px);
  height: var(--flag-height, 14px);
  flex: 0 0 auto;
  display: inline-block;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 1px rgba(24, 47, 40, 0.45);
  background-image: url("/site-assets/workspace/country-flags.png");
  background-position: var(--flag-offset, 0) 0;
  background-repeat: no-repeat;
  background-size: 5630px 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .site-choice-flag {
    background-image: url("/site-assets/workspace/country-flags@2x.png");
    background-size: 5630px 15px;
  }
}
.site-choice-menu {
  width: 100%;
  position: absolute;
  z-index: 8;
  top: calc(100% + 6px);
  left: 0;
  overflow: hidden;
  border: 1px solid #bfcec6;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(24, 47, 40, 0.12);
}
.site-choice-search {
  min-height: 50px;
  padding: 7px 8px;
  border-bottom: 1px solid #e5ece7;
  background: #fbfdfc;
}
.site-choice-search-field {
  min-height: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #d4ddd7;
  border-radius: 5px;
  background: #fff;
  color: #809089;
}
.site-choice-search-field:focus-within {
  border-color: #287960;
  box-shadow: inset 0 0 0 1px rgba(40, 121, 96, 0.2);
}
.site-choice-search-icon {
  width: 18px;
  height: 18px;
  display: grid;
  flex: 0 0 18px;
  place-items: center;
  pointer-events: none;
}
.site-choice-search-icon svg {
  width: 16px;
  height: 16px;
}
.site-choice-search-field input {
  width: 100%;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent;
  color: var(--carbon);
  font: 500 13px/1.3 var(--body);
  outline: none;
}
.site-choice-options {
  max-height: 274px;
  padding: 5px;
  overflow-y: auto;
}
.site-choice-options button {
  width: 100%;
  min-height: 36px;
  padding: 7px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #29413a;
  font: 650 13px/1.25 var(--body);
  text-align: left;
  cursor: pointer;
}
.site-choice-options button:hover,
.site-choice-options button[aria-selected="true"] {
  background: #eaf4ed;
  color: #12523f;
}
.site-choice-empty {
  margin: 0;
  padding: 12px 8px;
  color: var(--muted);
  font-size: 13px;
}

select.site-choice-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  clip: rect(0 0 0 0);
}
.lead-form,
.lead-form-grid,
.sales-contact-form {
  overflow: visible;
}

/* Product family: three product decisions, each with its own information shape. */
.product-family {
  background: var(--paper);
}
.product-hero {
  min-height: 560px;
  padding: 72px max(24px, calc((100vw - 1200px) / 2)) 80px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
  gap: 76px;
  align-items: start;
  border-bottom: 1px solid var(--rule);
  background: var(--archive);
}
.product-hero-copy {
  min-width: 0;
}
.product-hero h1 {
  max-width: 650px;
  margin: 0;
  overflow-wrap: anywhere;
  font: 700 clamp(44px, 4.2vw, 60px) / 1.02 var(--display);
}
.product-hero .lede {
  margin: 25px 0 0;
}
.product-hero .hero-actions {
  margin-top: 34px;
}
.product-hero .page-signal {
  max-width: none;
  margin: 0;
  border-radius: 4px;
}
.product-hero .page-signal .marketing-visual {
  aspect-ratio: 16 / 9;
}
.product-hero .page-signal > div:last-child {
  padding: 13px 15px 15px;
  border-top: 1px solid var(--rule);
}
.product-hero .page-signal b {
  font-size: 13px;
}
.product-hero .page-signal p {
  max-width: 520px;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.45;
}
.product-signal-rail {
  padding: 0 max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--rule);
  background: var(--paper);
}
.product-signal-rail > div {
  min-height: 138px;
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-left: 1px solid var(--rule);
}
.product-signal-rail > div:last-child {
  border-right: 1px solid var(--rule);
}
.product-signal-rail span,
.product-capability-rows > article > span,
.product-control-band article > span,
.product-number-rail > article > span,
.product-team-sections > article > span,
.product-related > span {
  color: var(--registry);
  font: 650 10px/1.35 var(--mono);
  letter-spacing: 0;
}
.product-signal-rail b {
  max-width: 230px;
  font-size: 14px;
  line-height: 1.4;
}
.product-section-copy > p {
  margin: 0 0 18px;
  color: #46534f;
  font-size: 15px;
  line-height: 1.72;
}
.product-section-copy > p:last-child {
  margin-bottom: 0;
}
.product-section-copy ul,
.product-section-copy ol {
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--rule);
}
.product-section-copy li {
  min-height: 54px;
  padding: 13px 0 13px 22px;
  position: relative;
  border-bottom: 1px solid var(--rule);
  color: #46534f;
  font-size: 13px;
  line-height: 1.55;
}
.product-section-copy ul li::before {
  width: 6px;
  height: 6px;
  content: "";
  position: absolute;
  top: 20px;
  left: 1px;
  border: 2px solid var(--registry);
}
.product-section-copy ol li {
  padding-left: 0;
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
}
.product-section-copy li i {
  color: var(--registry);
  font: normal 10px/1.55 var(--mono);
}
.product-capability-story {
  padding: 108px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: minmax(250px, 0.66fr) minmax(0, 1.34fr);
  gap: 90px;
  background: var(--surface-quiet);
}
.product-capability-story > header {
  position: sticky;
  top: 108px;
  align-self: start;
}
.product-capability-story > header > p:last-child,
.product-number-lifecycle > header > p:last-child,
.product-access-register > header > p:last-child {
  color: var(--muted);
  line-height: 1.7;
}
.product-capability-rows {
  border-top: 1px solid #aebbb5;
}
.product-capability-rows article {
  padding: 28px 0 42px;
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 10px 30px;
  border-bottom: 1px solid #aebbb5;
}
.product-capability-rows h3 {
  margin: 0;
  font-size: 25px;
  line-height: 1.18;
}
.product-capability-rows .product-section-copy {
  grid-column: 2;
}
.product-control-band {
  padding: 100px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 90px;
  background: var(--carbon);
  color: white;
}
.product-control-band .eyebrow,
.product-control-band article > span {
  color: #86cdb5;
}
.product-control-band > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #536166;
  border-left: 1px solid #536166;
}
.product-control-band article {
  min-width: 0;
  padding: 26px;
  border-right: 1px solid #536166;
  border-bottom: 1px solid #536166;
}
.product-control-band h3 {
  margin: 38px 0 24px;
  font-size: 23px;
  line-height: 1.2;
}
.product-control-band .product-section-copy > p,
.product-control-band .product-section-copy li {
  color: #bac5c1;
}
.product-control-band .product-section-copy ul,
.product-control-band .product-section-copy li {
  border-color: #536166;
}
.product-family-numbers .product-hero {
  background: var(--paper);
}
.product-family-numbers .product-hero-copy {
  padding-top: 36px;
}
.product-family-numbers .page-signal {
  border-top: 4px solid var(--registry);
  background: var(--archive);
}
.product-family-numbers .product-signal-rail > div {
  position: relative;
  border-left: 0;
}
.product-family-numbers .product-signal-rail > div::before {
  width: 11px;
  height: 11px;
  content: "";
  position: absolute;
  top: -6px;
  left: 24px;
  border: 2px solid var(--registry);
  border-radius: 50%;
  background: var(--paper);
}
.product-family-numbers .product-signal-rail > div:last-child {
  border-right: 0;
}
.product-number-inventory {
  padding: 105px max(24px, calc((100vw - 1040px) / 2));
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 88px;
  border-bottom: 1px solid var(--rule);
  background: var(--archive);
}
.product-number-inventory h2 {
  margin-top: 0;
}
.product-number-lifecycle {
  padding: 108px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 0.62fr 1.38fr;
  gap: 90px;
  background: var(--paper);
}
.product-number-lifecycle > header {
  align-self: start;
}
.product-number-rail {
  border-top: 1px solid #aebbb5;
}
.product-number-rail > article {
  padding: 34px 0 44px;
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 24px;
  border-bottom: 1px solid #aebbb5;
}
.product-number-rail > article > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--registry);
  border-radius: 50%;
}
.product-number-rail h3 {
  max-width: 620px;
  margin: 8px 0 22px;
  font-size: 27px;
  line-height: 1.18;
}
.product-family-team .product-hero {
  background: var(--carbon);
  color: white;
}
.product-family-team .product-hero .eyebrow {
  color: #86cdb5;
}
.product-family-team .product-hero .lede {
  color: #c4ceca;
}
.product-family-team .product-hero .secondary-action {
  border-color: #83908a;
  background: transparent;
  color: white;
}
.product-family-team .product-hero .secondary-action:hover {
  border-color: #86cdb5;
  color: #86cdb5;
}
.product-access-register {
  padding: 108px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 90px;
  background: var(--surface-quiet);
}
.product-access-matrix {
  border-top: 1px solid #aebbb5;
  border-left: 1px solid #aebbb5;
}
.product-access-matrix > div {
  min-height: 76px;
  display: grid;
  grid-template-columns: 0.6fr 1.2fr 0.8fr;
}
.product-access-matrix > div:first-child {
  min-height: 48px;
  background: var(--carbon);
  color: white;
}
.product-access-matrix b,
.product-access-matrix span {
  min-width: 0;
  padding: 17px 18px;
  border-right: 1px solid #aebbb5;
  border-bottom: 1px solid #aebbb5;
  overflow-wrap: anywhere;
}
.product-access-matrix b {
  color: #dce5e1;
  font: 650 9px/1.35 var(--mono);
}
.product-access-matrix span {
  display: flex;
  align-items: center;
  color: #46534f;
  font-size: 13px;
  line-height: 1.45;
}
.product-team-sections {
  padding: 0 max(24px, calc((100vw - 1200px) / 2)) 108px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--surface-quiet);
}
.product-team-sections > article {
  min-width: 0;
  padding: 42px;
  border-top: 1px solid #aebbb5;
  border-left: 1px solid #aebbb5;
  background: var(--paper);
}
.product-team-sections > article:nth-child(even),
.product-team-sections > article:last-child {
  border-right: 1px solid #aebbb5;
}
.product-team-sections > article:nth-last-child(-n + 2) {
  border-bottom: 1px solid #aebbb5;
}
.product-team-sections h2 {
  max-width: 470px;
  margin: 38px 0 22px;
  font-size: 27px;
  line-height: 1.18;
}
.product-related {
  padding: 0 max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 170px repeat(3, minmax(0, 1fr));
  align-items: stretch;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  background: var(--paper);
}
.product-boundary {
  padding: 30px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 170px minmax(0, 760px);
  gap: 36px;
  border-top: 1px solid var(--rule);
  background: #e8efec;
}
.product-boundary > span {
  padding-top: 4px;
  color: var(--registry);
  font: 650 10px/1.35 var(--mono);
}
.product-boundary p {
  margin: 0;
  color: #46534f;
  font-size: 14px;
  line-height: 1.65;
}
.product-related > span {
  padding: 25px 20px 25px 0;
  display: flex;
  align-items: center;
}
.product-related a {
  min-height: 76px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-left: 1px solid var(--rule);
  color: var(--carbon);
  font-size: 13px;
}
.product-related a:hover {
  background: var(--archive);
  color: var(--registry-dark);
}
.product-related a > span {
  color: var(--registry);
}
.product-family .content-faq {
  padding-top: 100px;
  padding-bottom: 100px;
}
.product-closing {
  padding: 100px max(24px, calc((100vw - 1200px) / 2));
  background: var(--carbon);
  color: white;
}
.product-closing .eyebrow {
  color: #86cdb5;
}
.product-closing h2 {
  max-width: 760px;
  margin-bottom: 18px;
}
.product-closing > p:not(.eyebrow) {
  max-width: 690px;
  color: #bac5c1;
}
.product-closing .secondary-action {
  border-color: #83908a;
  color: var(--carbon);
}

@media (max-width: 980px) {
  .product-hero,
  .product-capability-story,
  .product-control-band,
  .product-number-inventory,
  .product-number-lifecycle,
  .product-access-register {
    grid-template-columns: 1fr;
    gap: 52px;
  }
  .product-hero {
    min-height: 0;
    padding-top: 72px;
    padding-bottom: 78px;
  }
  .product-hero .page-signal {
    max-width: 720px;
  }
  .product-capability-story > header {
    position: static;
  }
  .product-related {
    grid-template-columns: 1fr 1fr;
  }
  .product-related > span {
    grid-column: 1 / -1;
    border-bottom: 1px solid var(--rule);
  }
  .product-related a:nth-of-type(odd) {
    border-left: 0;
  }
}

@media (max-width: 640px) {
  .product-hero,
  .product-capability-story,
  .product-control-band,
  .product-number-inventory,
  .product-number-lifecycle,
  .product-access-register,
  .product-boundary,
  .product-closing {
    padding-left: 18px;
    padding-right: 18px;
  }
  .product-boundary {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .product-hero h1 {
    font-size: 42px;
  }
  .product-signal-rail {
    padding: 0 18px;
    grid-template-columns: 1fr 1fr;
  }
  .product-signal-rail > div {
    min-height: 124px;
    padding: 22px 16px;
    border-bottom: 1px solid var(--rule);
  }
  .product-signal-rail > div:nth-child(odd) {
    border-left: 1px solid var(--rule);
  }
  .product-capability-rows article {
    grid-template-columns: 1fr;
  }
  .product-capability-rows .product-section-copy {
    grid-column: 1;
  }
  .product-control-band > div,
  .product-team-sections {
    grid-template-columns: 1fr;
  }
  .product-team-sections {
    padding-right: 18px;
    padding-bottom: 72px;
    padding-left: 18px;
  }
  .product-team-sections > article {
    padding: 30px 24px;
    border-right: 1px solid #aebbb5;
  }
  .product-team-sections > article:not(:last-child) {
    border-bottom: 0;
  }
  .product-number-rail > article {
    grid-template-columns: 46px 1fr;
    gap: 12px;
  }
  .product-access-matrix {
    overflow-x: auto;
  }
  .product-access-matrix > div {
    min-width: 610px;
  }
  .product-related {
    padding: 0 18px;
    grid-template-columns: 1fr;
  }
  .product-related > span,
  .product-related a,
  .product-related a:nth-of-type(odd) {
    border-left: 1px solid var(--rule);
    border-right: 1px solid var(--rule);
  }
  .product-related a + a {
    border-top: 1px solid var(--rule);
  }
  .product-family .content-faq {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

/* Workflow family: the handoff is the first-screen evidence, not a product screenshot. */
.workflow-signature-hero {
  min-height: 600px;
  padding: 72px max(24px, calc((100vw - 1200px) / 2)) 80px;
  display: grid;
  grid-template-columns: minmax(290px, 1fr) minmax(620px, 1.05fr);
  gap: 56px;
  align-items: start;
  border-bottom: 1px solid var(--rule);
  background: var(--archive);
}
.workflow-signature-copy h1 {
  max-width: 610px;
  margin: 0;
  font: 700 clamp(44px, 4vw, 60px) / 1.03 var(--display);
}
.workflow-signature-copy .lede {
  margin-top: 24px;
}
.workflow-participants {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.workflow-participants span {
  padding: 7px 10px;
  border: 1px solid #b8c5bf;
  border-radius: 4px;
  background: var(--paper);
  color: #40524b;
  font-size: 12px;
  font-weight: 650;
}
.workflow-signature-copy .hero-actions {
  margin-top: 30px;
}
.workflow-signature-hero .workflow-handoff {
  padding: 0;
  overflow: hidden;
  border: 1px solid #aebbb5;
  border-radius: 4px;
  background: var(--paper);
}
.workflow-signature-hero .workflow-handoff > header {
  padding: 22px 24px;
  border-bottom: 1px solid var(--rule);
}
.workflow-signature-hero .workflow-handoff > header .eyebrow {
  margin-bottom: 7px;
}
.workflow-signature-hero .workflow-handoff > header h2 {
  margin: 0;
  font-size: 24px;
}
.workflow-signature-hero .workflow-handoff ol {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  border: 0;
}
.workflow-signature-hero .workflow-handoff li {
  min-height: 220px;
  padding: 22px 18px;
  display: flex;
  flex-direction: column;
  border: 0;
  border-right: 1px solid var(--rule);
}
.workflow-signature-hero .workflow-handoff li:last-child {
  border-right: 0;
}
.workflow-signature-hero .workflow-handoff li::before,
.workflow-signature-hero .workflow-handoff li::after {
  display: none;
}
.workflow-signature-hero .workflow-handoff li > span,
.workflow-signature-hero .workflow-handoff aside > span,
.workflow-signature-hero .workflow-handoff footer > span {
  color: var(--registry);
  font: 650 9px/1.4 var(--mono);
}
.workflow-signature-hero .workflow-handoff li > b {
  margin-top: 38px;
  font-size: 18px;
  line-height: 1.2;
}
.workflow-signature-hero .workflow-handoff li > p {
  margin: auto 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.workflow-signature-hero .workflow-handoff aside {
  padding: 18px 24px;
  display: grid;
  grid-template-columns: 126px 1fr;
  gap: 22px;
  border-top: 1px solid var(--rule);
  background: #fbf4e8;
}
.workflow-signature-hero .workflow-handoff aside > span {
  color: var(--attention);
}
.workflow-signature-hero .workflow-handoff aside p {
  margin: 0;
  color: #66513b;
  font-size: 12px;
  line-height: 1.55;
}
.workflow-signature-hero .workflow-handoff footer {
  padding: 18px 24px;
  display: grid;
  grid-template-columns: 126px 1fr;
  gap: 22px;
  border-top: 1px solid var(--rule);
  background: #e8efec;
}
.workflow-signature-hero .workflow-handoff footer b {
  font-size: 13px;
  line-height: 1.5;
}
.workflow-capabilities {
  padding-top: 104px;
  padding-bottom: 104px;
  grid-template-columns: 0.62fr 1.08fr;
  align-items: start;
}
.workflow-capabilities > header > p:last-child {
  color: var(--muted);
  line-height: 1.65;
}
.workflow-capability-evidence {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 4px;
  background: var(--paper);
}
.workflow-capability-evidence .marketing-visual {
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 0;
}
.workflow-capability-evidence img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.workflow-capability-evidence figcaption {
  padding: 11px 14px;
  border-top: 1px solid var(--rule);
  color: var(--muted);
  font-size: 11px;
}
.workflow-capabilities > div {
  grid-column: 2;
}
.workflow-readiness {
  scroll-margin-top: 92px;
}

@media (max-width: 980px) {
  .workflow-signature-hero {
    min-height: 0;
    padding-top: 72px;
    padding-bottom: 80px;
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .workflow-capabilities {
    grid-template-columns: 1fr;
  }
  .workflow-capabilities > div {
    grid-column: 1;
  }
}

@media (max-width: 640px) {
  .workflow-signature-hero {
    padding-right: 18px;
    padding-left: 18px;
  }
  .workflow-signature-copy h1 {
    font-size: 42px;
  }
  .workflow-signature-hero .workflow-handoff ol {
    grid-template-columns: 1fr;
  }
  .workflow-signature-hero .workflow-handoff li {
    min-height: 0;
    padding: 20px;
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 8px 16px;
    border-right: 0;
    border-bottom: 1px solid var(--rule);
  }
  .workflow-signature-hero .workflow-handoff li > b {
    margin: 0;
  }
  .workflow-signature-hero .workflow-handoff li > p {
    margin: 0;
    grid-column: 2;
  }
  .workflow-signature-hero .workflow-handoff aside,
  .workflow-signature-hero .workflow-handoff footer {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* Industry family: a document case file, independent from authenticated UI. */
.industry-case-hero,
.industry-directory-intro {
  padding: 88px max(24px, calc((100vw - 1200px) / 2)) 96px;
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(440px, 1.18fr);
  gap: 88px;
  align-items: center;
  border-bottom: 1px solid var(--rule);
  background: #f4f1eb;
}
.industry-case-copy h1,
.industry-directory-intro h1 {
  max-width: 660px;
  margin: 0;
  font: 700 clamp(44px, 4vw, 62px) / 1.03 var(--display);
}
.industry-case-copy > dl {
  margin: 34px 0 0;
  border-top: 1px solid #aeb5b0;
}
.industry-case-copy > dl > div {
  padding: 12px 0;
  display: grid;
  grid-template-columns: 126px 1fr;
  gap: 18px;
  border-bottom: 1px solid #c8cfca;
}
.industry-case-copy dt,
.industry-case-sheet dt {
  color: var(--muted);
  font: 650 10px/1.4 var(--mono);
  text-transform: uppercase;
}
.industry-case-copy dd,
.industry-case-sheet dd {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}
.industry-case-sheet {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(230px, 0.86fr) minmax(210px, 1fr);
  overflow: hidden;
  border: 1px solid #9ca9a3;
  border-radius: 4px;
  background: var(--paper);
  box-shadow: 14px 18px 0 #d7ddd8;
}
.industry-document-preview {
  position: relative;
  min-height: 430px;
  padding: 20px;
  border-right: 1px solid var(--rule);
  background: #e3e8e5;
}
.industry-document-preview img {
  width: 100%;
  height: 100%;
  max-height: 430px;
  object-fit: contain;
  filter: grayscale(0.15);
}
.industry-document-preview > span {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 5px 7px;
  border: 1px solid #56665f;
  background: rgba(244, 241, 235, 0.92);
  color: #40514a;
  font: 700 9px/1 var(--mono);
}
.industry-case-sheet figcaption {
  padding: 28px 24px;
}
.industry-case-sheet figcaption > span {
  color: var(--registry);
  font: 650 10px/1.4 var(--mono);
}
.industry-case-sheet figcaption h2 {
  margin: 14px 0 34px;
  font-size: 27px;
  line-height: 1.12;
}
.industry-case-sheet figcaption dl {
  margin: 0;
}
.industry-case-sheet figcaption dl > div {
  padding: 15px 0;
  border-top: 1px solid var(--rule);
}
.industry-case-sheet figcaption dd {
  margin-top: 7px;
}
.industry-scenarios,
.industry-role-flow,
.industry-risk-control,
.industry-content-flow,
.industry-related,
.industry-closing {
  padding-right: max(24px, calc((100vw - 1200px) / 2));
  padding-left: max(24px, calc((100vw - 1200px) / 2));
}
.industry-scenarios {
  padding-top: 88px;
  padding-bottom: 88px;
  display: grid;
  grid-template-columns: 0.68fr 1.32fr;
  gap: 72px;
  border-bottom: 1px solid var(--rule);
}
.industry-scenarios header h2,
.industry-role-flow header h2,
.industry-risk-control h2 {
  max-width: 520px;
  margin: 0;
  font-size: 34px;
  line-height: 1.1;
}
.industry-scenarios > div {
  border-top: 1px solid var(--ink);
}
.industry-scenarios article {
  min-height: 94px;
  padding: 18px 0;
  display: grid;
  grid-template-columns: minmax(120px, 0.55fr) 1fr;
  gap: 24px;
  border-bottom: 1px solid var(--rule);
}
.industry-scenarios article span {
  color: var(--registry);
  font: 650 10px/1.4 var(--mono);
}
.industry-scenarios article b {
  font-size: 17px;
  line-height: 1.45;
}
.industry-role-flow {
  padding-top: 96px;
  padding-bottom: 96px;
  color: #edf3f0;
  background: var(--ink);
}
.industry-role-flow .eyebrow {
  color: #9fb5ab;
}
.industry-role-flow ol {
  margin: 44px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  border-top: 1px solid #53635c;
  border-bottom: 1px solid #53635c;
}
.industry-role-flow li {
  min-height: 230px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #53635c;
}
.industry-role-flow li:last-child {
  border-right: 0;
}
.industry-role-flow li span {
  color: #91b4a4;
  font: 650 10px/1.4 var(--mono);
}
.industry-role-flow li b {
  margin-top: 38px;
  font-size: 18px;
}
.industry-role-flow li p {
  margin: auto 0 0;
  color: #bac7c1;
  font-size: 12px;
  line-height: 1.55;
}
.industry-risk-control {
  padding-top: 88px;
  padding-bottom: 88px;
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 72px;
  border-bottom: 1px solid var(--rule);
  background: #eef1ee;
}
.industry-risk-control [role="table"] {
  border: 1px solid #aebbb5;
  background: var(--paper);
}
.industry-risk-control [role="row"] {
  padding: 15px 18px;
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 24px;
  border-bottom: 1px solid var(--rule);
}
.industry-risk-control [role="row"]:last-child {
  border-bottom: 0;
}
.industry-risk-control [role="columnheader"] {
  color: var(--muted);
  font: 650 10px/1.4 var(--mono);
}
.industry-risk-control [role="row"] span {
  font-size: 13px;
  line-height: 1.55;
}
.industry-content-flow {
  padding-top: 96px;
  padding-bottom: 44px;
}
.industry-content-flow .content-chapter {
  max-width: 980px;
  margin: 0 auto;
}
.industry-related {
  padding-top: 36px;
  padding-bottom: 84px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.industry-related a {
  min-height: 70px;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--rule);
  border-right: 0;
}
.industry-related a:last-child {
  border-right: 1px solid var(--rule);
}
.industry-closing {
  padding-top: 80px;
  padding-bottom: 88px;
  border-top: 1px solid var(--rule);
  background: #eef1ee;
}
.industry-closing h2 {
  max-width: 680px;
  margin: 0 0 26px;
  font-size: 38px;
}
.industry-directory-guidance {
  padding: 76px max(24px, calc((100vw - 1120px) / 2));
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 72px;
  border-bottom: 1px solid var(--rule);
  background: #eef1ee;
}
.industry-directory-guidance h2 {
  margin: 0;
  font-size: 33px;
  line-height: 1.12;
}
.industry-directory-guidance p {
  margin: 0 0 14px;
  line-height: 1.65;
}
.industry-directory-intro {
  min-height: 640px;
}
.industry-document-stack {
  min-height: 470px;
  position: relative;
}
.industry-document-stack img {
  width: 250px;
  position: absolute;
  top: 0;
  left: 50%;
  border: 1px solid #aebbb5;
  background: white;
  box-shadow: 7px 10px 0 rgba(61, 78, 70, 0.12);
}
.industry-document-stack img:nth-child(1) {
  transform: translateX(-108%) rotate(-5deg);
}
.industry-document-stack img:nth-child(2) {
  z-index: 2;
  transform: translateX(-50%);
}
.industry-document-stack img:nth-child(3) {
  transform: translateX(8%) rotate(5deg);
}

@media (max-width: 980px) {
  .industry-case-hero,
  .industry-directory-intro,
  .industry-scenarios,
  .industry-risk-control {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .industry-role-flow ol {
    grid-template-columns: repeat(2, 1fr);
  }
  .industry-role-flow li:nth-child(2) {
    border-right: 0;
  }
  .industry-role-flow li:nth-child(-n + 2) {
    border-bottom: 1px solid #53635c;
  }
  .industry-document-stack {
    min-height: 410px;
  }
}

@media (max-width: 640px) {
  .industry-case-hero,
  .industry-directory-intro {
    padding: 64px 18px 72px;
  }
  .industry-case-copy h1,
  .industry-directory-intro h1 {
    font-size: 42px;
  }
  .industry-case-sheet {
    grid-template-columns: 1fr;
    box-shadow: 8px 10px 0 #d7ddd8;
  }
  .industry-document-preview {
    min-height: 360px;
    border-right: 0;
    border-bottom: 1px solid var(--rule);
  }
  .industry-scenarios,
  .industry-role-flow,
  .industry-risk-control,
  .industry-content-flow,
  .industry-related,
  .industry-closing {
    padding-right: 18px;
    padding-left: 18px;
  }
  .industry-scenarios article,
  .industry-risk-control [role="row"] {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .industry-role-flow ol {
    grid-template-columns: 1fr;
  }
  .industry-role-flow li,
  .industry-role-flow li:nth-child(2) {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid #53635c;
  }
  .industry-role-flow li:last-child {
    border-bottom: 0;
  }
  .industry-role-flow li b {
    margin-top: 18px;
  }
  .industry-role-flow li p {
    margin-top: 28px;
  }
  .industry-related {
    grid-template-columns: 1fr;
  }
  .industry-related a,
  .industry-related a:last-child {
    border-right: 1px solid var(--rule);
    border-bottom: 0;
  }
  .industry-related a:last-child {
    border-bottom: 1px solid var(--rule);
  }
  .industry-document-stack {
    min-height: 330px;
  }
  .industry-document-stack img {
    width: 180px;
  }
}

/* Guide and help family: compact task documentation rather than marketing pages. */
.task-family {
  background: #fafbf9;
}
.task-breadcrumbs,
.task-header,
.task-rail,
.task-content,
.task-recovery,
.task-related {
  padding-right: max(24px, calc((100vw - 1120px) / 2));
  padding-left: max(24px, calc((100vw - 1120px) / 2));
}
.task-breadcrumbs {
  padding-top: 22px;
  display: flex;
  gap: 10px;
  color: var(--muted);
  font: 600 11px/1.4 var(--mono);
  text-transform: uppercase;
}
.task-header {
  padding-top: 60px;
  padding-bottom: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 72px;
  border-bottom: 1px solid var(--rule);
}
.task-header h1 {
  max-width: 760px;
  margin: 0;
  font: 700 clamp(38px, 4vw, 54px) / 1.05 var(--display);
}
.task-header dl {
  margin: 0;
  border-top: 1px solid var(--ink);
}
.task-header dl > div {
  padding: 12px 0;
  border-bottom: 1px solid var(--rule);
}
.task-header dt {
  color: var(--registry);
  font: 650 9px/1.4 var(--mono);
  text-transform: uppercase;
}
.task-header dd {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.5;
}
.task-rail {
  padding-top: 62px;
  padding-bottom: 62px;
  display: grid;
  grid-template-columns: 0.58fr 1.42fr;
  gap: 64px;
  border-bottom: 1px solid var(--rule);
  background: #edf1ee;
}
.task-rail h2 {
  margin: 0;
  font-size: 30px;
}
.task-rail ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #9aa8a1;
}
.task-rail li {
  padding: 14px 0;
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
  border-bottom: 1px solid #bdc7c2;
}
.task-rail li span {
  color: var(--registry);
  font: 650 10px/1.5 var(--mono);
}
.task-rail li p {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}
.task-content {
  padding-top: 82px;
  padding-bottom: 82px;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 72px;
  align-items: start;
}
.task-content > aside {
  position: sticky;
  top: 108px;
  border-top: 1px solid var(--ink);
}
.task-content > aside > span {
  padding: 13px 0;
  display: block;
  color: var(--muted);
  font: 650 10px/1.4 var(--mono);
}
.task-content > aside ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.task-content > aside a {
  padding: 10px 0;
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 7px;
  border-top: 1px solid var(--rule);
  font-size: 11px;
  line-height: 1.4;
}
.task-content > aside a[aria-current="location"] {
  color: var(--registry);
  font-weight: 700;
}
.task-content > div .content-chapter:first-child {
  padding-top: 0;
}
.task-recovery {
  padding-top: 64px;
  padding-bottom: 64px;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr auto;
  gap: 48px;
  align-items: center;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  background: #fbf4e8;
}
.task-recovery h2 {
  margin: 0;
  font-size: 28px;
}
.task-recovery > p {
  color: #66513b;
  line-height: 1.65;
}
.task-related,
.resource-related,
.decision-related {
  padding-top: 52px;
  padding-bottom: 72px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.task-related a,
.resource-related a,
.decision-related a {
  min-height: 66px;
  padding: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--rule);
  border-right: 0;
}
.task-related a:last-child,
.resource-related a:last-child,
.decision-related a:last-child {
  border-right: 1px solid var(--rule);
}

/* Resource family: searchable public library with URL-backed state. */
.resource-header {
  padding: 76px max(24px, calc((100vw - 1120px) / 2)) 66px;
  border-bottom: 1px solid var(--rule);
  background: #e9eeeb;
}
.resource-header h1 {
  max-width: 760px;
  margin: 0;
  font: 700 clamp(44px, 5vw, 68px) / 1.02 var(--display);
}
.resource-family > .page-signal,
.task-family > .page-signal,
.decision-family > .page-signal {
  width: calc(100% - 48px);
  max-width: 1120px;
  margin: 48px auto;
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  align-items: stretch;
}
.resource-family > .page-signal .marketing-visual,
.task-family > .page-signal .marketing-visual,
.decision-family > .page-signal .marketing-visual {
  aspect-ratio: 16 / 9;
  border-right: 1px solid var(--rule);
}
.resource-family > .page-signal > div:last-child,
.task-family > .page-signal > div:last-child,
.decision-family > .page-signal > div:last-child {
  padding: 24px;
  align-self: center;
}
.resource-family > .page-signal b,
.task-family > .page-signal b,
.decision-family > .page-signal b {
  margin-top: 9px;
  font-size: 18px;
}
.resource-family > .page-signal p,
.task-family > .page-signal p,
.decision-family > .page-signal p {
  max-width: 580px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.55;
}
.resource-finder {
  padding: 54px max(24px, calc((100vw - 1120px) / 2)) 88px;
}
.resource-controls {
  display: grid;
  grid-template-columns: 1fr 210px 210px;
  gap: 14px;
}
.resource-controls label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font: 650 10px/1.4 var(--mono);
  text-transform: uppercase;
}
.resource-controls input,
.resource-controls select {
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid #9fada6;
  border-radius: 3px;
  background: white;
  color: var(--ink);
  font: 500 14px/1.2 var(--body);
}
.resource-results-meta {
  padding: 20px 0 14px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--ink);
}
.resource-results-meta b {
  font: 650 11px/1.4 var(--mono);
}
.resource-results-meta button {
  border: 0;
  background: transparent;
  color: var(--registry);
  cursor: pointer;
  font-weight: 700;
}
.resource-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.resource-result {
  min-height: 168px;
  padding: 24px;
  position: relative;
  border-bottom: 1px solid var(--rule);
}
.resource-result:nth-child(odd) {
  border-right: 1px solid var(--rule);
}
.resource-result > span {
  color: var(--registry);
  font: 650 9px/1.4 var(--mono);
}
.resource-result > b {
  margin-top: 18px;
  display: block;
  font-size: 18px;
}
.resource-result > p {
  max-width: 90%;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.resource-result > i {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-style: normal;
}
.resource-empty {
  padding: 70px 24px;
  text-align: center;
  border-bottom: 1px solid var(--rule);
}
.resource-source-content,
.resource-related {
  padding-right: max(24px, calc((100vw - 1120px) / 2));
  padding-left: max(24px, calc((100vw - 1120px) / 2));
}
.resource-source-content {
  padding-top: 70px;
}

/* Pricing and comparison family: decision support, not a generic content page. */
.decision-header {
  padding: 82px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 88px;
  align-items: center;
  border-bottom: 1px solid var(--rule);
  background: #f4f1eb;
}
.decision-header h1 {
  max-width: 720px;
  margin: 0;
  font: 700 clamp(44px, 5vw, 66px) / 1.02 var(--display);
}
.usage-estimator {
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  border: 1px solid #9ca9a3;
  border-radius: 4px;
  background: white;
}
.usage-estimator > span,
.usage-estimator output,
.usage-estimator small {
  grid-column: 1 / -1;
}
.usage-estimator > span {
  color: var(--registry);
  font: 700 10px/1.4 var(--mono);
}
.usage-estimator label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 11px;
}
.usage-estimator input {
  width: 100%;
  min-height: 43px;
  padding: 0 10px;
  border: 1px solid var(--rule);
  border-radius: 3px;
  font: 600 16px/1 var(--mono);
}
.usage-estimator output {
  min-height: 58px;
  padding: 17px;
  display: flex;
  align-items: center;
  background: #e8efec;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  white-space: nowrap;
}
.usage-estimator small {
  color: var(--muted);
  line-height: 1.5;
}
.decision-criteria,
.decision-verification,
.decision-content,
.decision-related,
.decision-closing {
  padding-right: max(24px, calc((100vw - 1120px) / 2));
  padding-left: max(24px, calc((100vw - 1120px) / 2));
}
.decision-criteria {
  padding-top: 70px;
}
.decision-criteria .fact-grid {
  margin-top: 22px;
}
.decision-verification {
  padding-top: 64px;
  padding-bottom: 64px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--rule);
}
.decision-verification > div {
  min-height: 190px;
  padding: 22px;
  border: 1px solid var(--rule);
  border-right: 0;
}
.decision-verification > div:last-child {
  border-right: 1px solid var(--rule);
}
.decision-verification span {
  color: var(--registry);
  font: 650 10px/1.4 var(--mono);
}
.decision-verification b {
  margin-top: 28px;
  display: block;
}
.decision-verification p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.decision-content {
  padding-top: 56px;
}
.decision-closing {
  padding-top: 70px;
  padding-bottom: 78px;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 80px;
  border-top: 1px solid var(--rule);
  background: #e9eeeb;
}
.decision-closing h2 {
  margin: 0;
  font-size: 34px;
}
.decision-closing p {
  margin: 0 0 24px;
  line-height: 1.65;
}

/* Connected product family: lifecycle and boundaries instead of a dashboard copy. */
.connected-product-header {
  min-height: 650px;
  padding: 82px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: 0.84fr 1.16fr;
  gap: 76px;
  align-items: center;
  border-bottom: 1px solid var(--rule);
  background: #e8efec;
}
.connected-product-header h1 {
  margin: 0;
  font: 700 clamp(44px, 5vw, 66px) / 1.02 var(--display);
}
.connected-product-header .marketing-visual {
  border-radius: 4px;
}
.connected-product-content {
  padding: 76px max(24px, calc((100vw - 1040px) / 2));
}
.connection-boundary {
  padding: 70px max(24px, calc((100vw - 1120px) / 2));
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 76px;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  background: #fbf4e8;
}
.connection-boundary h2 {
  margin: 0;
  font-size: 31px;
  line-height: 1.12;
}
.connection-boundary p {
  color: #66513b;
  line-height: 1.65;
}
.connected-product-family > .fact-grid,
.connected-product-family > .product-related {
  margin-right: max(24px, calc((100vw - 1120px) / 2));
  margin-left: max(24px, calc((100vw - 1120px) / 2));
}

@media (max-width: 980px) {
  .task-header,
  .task-rail,
  .task-content,
  .task-recovery,
  .decision-header,
  .decision-closing,
  .connected-product-header,
  .connection-boundary,
  .industry-directory-guidance {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .task-content > aside {
    position: static;
  }
  .resource-controls {
    grid-template-columns: 1fr 1fr;
  }
  .resource-controls label:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .task-breadcrumbs,
  .task-header,
  .task-rail,
  .task-content,
  .task-recovery,
  .task-related,
  .resource-header,
  .resource-finder,
  .resource-source-content,
  .resource-related,
  .decision-header,
  .decision-criteria,
  .decision-content,
  .decision-verification,
  .decision-related,
  .decision-closing,
  .connected-product-header,
  .connected-product-content,
  .connection-boundary,
  .industry-directory-guidance {
    padding-right: 18px;
    padding-left: 18px;
  }
  .task-header h1,
  .resource-header h1,
  .decision-header h1,
  .connected-product-header h1 {
    font-size: 40px;
  }
  .resource-family > .page-signal,
  .task-family > .page-signal,
  .decision-family > .page-signal {
    width: calc(100% - 36px);
    grid-template-columns: 1fr;
  }
  .resource-family > .page-signal .marketing-visual,
  .task-family > .page-signal .marketing-visual,
  .decision-family > .page-signal .marketing-visual {
    border-right: 0;
    border-bottom: 1px solid var(--rule);
  }
  .task-related,
  .resource-related,
  .decision-related,
  .resource-controls,
  .resource-results,
  .usage-estimator,
  .decision-verification {
    grid-template-columns: 1fr;
  }
  .task-related a,
  .resource-related a,
  .decision-related a,
  .task-related a:last-child,
  .resource-related a:last-child,
  .decision-related a:last-child {
    border-right: 1px solid var(--rule);
    border-bottom: 0;
  }
  .task-related a:last-child,
  .resource-related a:last-child,
  .decision-related a:last-child {
    border-bottom: 1px solid var(--rule);
  }
  .resource-result:nth-child(odd) {
    border-right: 0;
  }
  .resource-controls label:first-child,
  .usage-estimator > span,
  .usage-estimator output,
  .usage-estimator small {
    grid-column: 1;
  }
  .usage-estimator output {
    min-height: 80px;
    white-space: normal;
  }
}

/* Public navigation: a compact Carbon brand frame around every page family. */
.service-bar {
  min-height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #314146;
  background: rgba(24, 36, 39, 0.96);
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  backdrop-filter: blur(12px) saturate(115%);
  color: #b9c7c1;
  font-size: 9px;
  line-height: 19px;
}
.service-bar a {
  color: #91c9b7;
}
.site-header {
  height: 72px;
  border-bottom-color: #34464a;
  background: rgba(24, 36, 39, 0.88);
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  backdrop-filter: blur(12px) saturate(115%);
  color: #d6dfda;
}
.site-header .brand-logo {
  height: 32px;
}
.site-header .nav-wordmark-mark {
  --nav-mark-a: #f7f8f5;
  --nav-mark-b: #75d4be;
  --nav-mark-c: #f2c86b;
}
.site-header .nav-wordmark-text {
  color: #f7f8f5;
}
.site-header .nav-wordmark-accent {
  color: #75d4be;
}
.site-header .wordmark:hover .nav-wordmark-text {
  color: #75d4be;
}
.site-header .wordmark:hover .nav-wordmark-accent {
  color: #b7ebdd;
}
#site-nav > a,
.nav-trigger,
.plain-action {
  color: #d6dfda;
}
#site-nav > a,
.nav-trigger {
  transition:
    color 140ms ease,
    box-shadow 140ms ease;
}
#site-nav > a:hover,
.nav-trigger:hover,
.plain-action:hover {
  color: #ffffff;
}
.site-header .account-menu-trigger {
  border-color: #61716a;
  background: transparent;
  color: #d6dfda;
}
.site-header .account-menu-trigger:hover,
.site-header .account-menu-trigger[aria-expanded="true"] {
  border-color: #9dafa6;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
#site-nav > a[aria-current="page"],
.nav-trigger[aria-current="page"] {
  color: #ffffff;
  box-shadow: inset 0 -2px #8ed0ba;
}
.nav-trigger span {
  border-color: #91a49b;
}
.nav-panel {
  top: calc(100% + 12px);
  color: var(--carbon);
  border-color: #cbd5d0;
  background: var(--paper);
  box-shadow: 0 18px 42px rgba(10, 18, 20, 0.2);
}
.nav-panel::before {
  border-color: #cbd5d0;
  background: var(--paper);
}
.nav-panel a[aria-current="page"] {
  border-left-color: var(--registry);
  background: #edf3f0;
}
@media (min-width: 981px) {
  #site-nav > a:not(.sales-mobile-link):not(.workspace-mobile-link),
  .nav-trigger {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-flex;
    align-items: center;
  }
  .nav-cluster .nav-panel {
    display: grid;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -6px);
    transition:
      opacity 160ms ease,
      transform 180ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 180ms;
  }
  .nav-cluster.open .nav-panel {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
    transition-delay: 0s;
  }
  .nav-trigger span {
    transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .nav-cluster .nav-panel,
  .nav-trigger span {
    transition: none;
  }
}
.site-header .sales-action {
  color: #edf3f0;
  border-color: #61716a;
  background: transparent;
}
.site-header .sales-action:hover {
  color: #ffffff;
  border-color: #9dafA6;
  background: #253438;
}
.site-header .primary-action.small {
  border-color: #2b826c;
  background: #2b826c;
  color: #ffffff;
}
.site-header .primary-action.small:hover {
  border-color: #35957c;
  background: #35957c;
}
.site-header a:focus-visible,
.site-header button:focus-visible {
  outline-color: #8ed0ba;
}
.account-menu-trigger i {
  border-color: #91a49b;
}
.account-menu-panel {
  color: var(--carbon);
}

@media (max-width: 980px) {
  .site-header {
    background: rgba(24, 36, 39, 0.94);
  }
  .site-header .nav-cluster:not(.open) .nav-panel {
    display: none;
  }
  .site-header .nav-cluster.open .nav-panel {
    display: grid;
  }
  .site-header .nav-toggle {
    border-color: #52635d;
    background: #202f33;
  }
  .site-header .nav-toggle:hover {
    border-color: #81968d;
  }
  .site-header .nav-toggle span {
    background: #e9eeeb;
  }
  .site-header #site-nav {
    width: auto;
    justify-self: stretch;
    color: var(--carbon);
    border-bottom-color: #b8c4be;
    background: var(--archive);
    box-shadow: 0 18px 40px rgba(15, 25, 28, 0.2);
  }
  .site-header #site-nav > a,
  .site-header .nav-trigger {
    color: var(--carbon);
  }
  .site-header #site-nav > a:hover,
  .site-header .nav-trigger:hover,
  .site-header #site-nav > a[aria-current="page"],
  .site-header .nav-trigger[aria-current="page"] {
    color: var(--registry);
    box-shadow: none;
  }
  .site-header #site-nav > a[aria-current="page"],
  .site-header .nav-trigger[aria-current="page"] {
    padding-left: 12px;
    border-left: 2px solid var(--registry);
  }
  .site-header .nav-trigger span {
    border-color: var(--muted);
  }
  #site-nav .sales-mobile-link,
  #site-nav .workspace-mobile-link {
    color: var(--registry);
  }
}

@media (max-width: 640px) {
  .site-header {
    height: 64px;
  }
  .site-header #site-nav {
    top: 64px;
  }
}

/* ============================================================
   UNIFIED TITLE SCALE
   收敛此前 13 档散乱标题字号为 4 档（Display / Page / Section /
   Subsection），避免大字号在窄信息栏内挤压成孤词行。
   - T1 Display   首页 / inside / API 大标题     桌面 ≈ 48px
   - T2 Page H1   内页一级标题                   桌面 ≈ 42px
   - T3 Section   区块标题                       桌面 ≈ 36px
   - T4 Subsection 小节 / 文档内标题             桌面 ≈ 32px
   ============================================================ */

/* T1 · Display hero */
.home-hero h1,
.inside-hero h1,
.api-reference-intro h1 {
  font-size: clamp(36px, 3.8vw, 44px);
  line-height: 1.05;
}

/* T2 · Page H1 */
h1,
.inner-hero h1,
.product-hero h1,
.workflow-signature-copy h1,
.industry-case-copy h1,
.industry-directory-intro h1,
.workflow-intro h1,
.plan-page-heading h1,
.trial-number-intro h1,
.task-header h1,
.resource-header h1,
.decision-header h1,
.connected-product-header h1,
.workflow-directory-hero h1,
.workflow-landing-hero h1,
.sales-contact-hero h1,
.auth-context h1 {
  font-size: clamp(32px, 3vw, 42px);
  line-height: 1.1;
}

/* T3 · Section H2 */
h2,
.inside-section-heading h2,
.inside-boundary h2,
.inside-workbench-copy h2,
.inside-cta h2,
.inside-questions h2,
.auth-panel h2,
.workflow-section h2,
.document-evidence h2,
.split-band h2,
.capability-section h2,
.access-band h2,
.help-directory > header h2,
.industry-lead-copy h2,
.industry-scenarios header h2,
.industry-role-flow header h2,
.industry-risk-control h2,
.industry-closing h2,
.decision-closing h2,
.workflow-directory-bridge h2,
.workflow-readiness h2,
.workflow-handoff h2,
.workflow-capabilities h2,
.workflow-closing h2 {
  font-size: clamp(28px, 2.5vw, 36px);
  line-height: 1.15;
}

/* T4 · Subsection H2（文档小节 / 索引标题） */
.content-chapter h2,
.route-showcase h2,
.api-reference-fallback h2 {
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1.2;
}

/* 窄屏收紧：clamp 之外再主动降一档，避免标题挤压 */
@media (max-width: 900px) {
  .home-hero h1,
  .inside-hero h1,
  .api-reference-intro h1 {
    font-size: 38px;
  }
  h1,
  .inner-hero h1,
  .product-hero h1,
  .workflow-signature-copy h1,
  .industry-case-copy h1,
  .industry-directory-intro h1,
  .workflow-intro h1,
  .plan-page-heading h1,
  .trial-number-intro h1,
  .task-header h1,
  .resource-header h1,
  .decision-header h1,
  .connected-product-header h1,
  .workflow-directory-hero h1,
  .workflow-landing-hero h1,
  .sales-contact-hero h1,
  .auth-context h1 {
    font-size: 36px;
  }
  h2,
  .inside-section-heading h2,
  .inside-boundary h2,
  .inside-workbench-copy h2,
  .inside-cta h2,
  .inside-questions h2,
  .auth-panel h2,
  .workflow-section h2,
  .document-evidence h2,
  .split-band h2,
  .capability-section h2,
  .access-band h2,
  .help-directory > header h2,
  .industry-lead-copy h2,
  .industry-scenarios header h2,
  .industry-role-flow header h2,
  .industry-risk-control h2,
  .industry-closing h2,
  .decision-closing h2,
  .workflow-directory-bridge h2,
  .workflow-readiness h2,
  .workflow-handoff h2,
  .workflow-capabilities h2,
  .workflow-closing h2 {
    font-size: 30px;
  }
  .content-chapter h2,
  .route-showcase h2,
  .api-reference-fallback h2 {
    font-size: 28px;
  }
}

/* ============================================================
   HERO VERTICAL ALIGNMENT
   内页两栏 hero 统一垂直居中，避免标题改小后内容贴顶、
   底部空出大片空白（注册页经验：剩余空间不再堆在某侧）。
   ============================================================ */
.inner-hero,
.inside-hero,
.workflow-directory-hero,
.workflow-route .workflow-landing-hero,
.product-hero,
.workflow-signature-hero,
.sales-contact-hero {
  align-items: center;
}
.page-signal,
.inside-hero .inside-product-preview,
.workflow-directory-visual,
.workflow-route .workflow-landing-hero figure {
  align-self: center;
}

/* Editorial family: company, international, and marketing pages */
.editorial-family {
  background: #fafbf9;
}
.editorial-header,
.editorial-facts,
.editorial-destinations,
.editorial-article,
.editorial-related,
.editorial-closing {
  padding-right: max(24px, calc((100vw - 1040px) / 2));
  padding-left: max(24px, calc((100vw - 1040px) / 2));
}
.editorial-header {
  padding-top: 72px;
  padding-bottom: 64px;
  border-bottom: 1px solid var(--rule);
}
.editorial-header .eyebrow {
  color: var(--registry);
  font: 650 11px/1.4 var(--mono);
  text-transform: uppercase;
}
.editorial-header h1 {
  max-width: 820px;
  margin: 18px 0 0;
  font: 700 clamp(40px, 4.6vw, 62px) / 1.02 var(--display);
}
.editorial-header .lede {
  max-width: 680px;
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.6;
}
.editorial-header .hero-actions {
  margin-top: 30px;
}
.editorial-facts {
  padding-top: 34px;
  padding-bottom: 34px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  border-bottom: 1px solid var(--rule);
}
.editorial-facts > div {
  border-top: 1px solid var(--ink);
  padding-top: 12px;
}
.editorial-facts span {
  display: block;
  color: var(--registry);
  font: 650 10px/1.4 var(--mono);
  text-transform: uppercase;
}
.editorial-facts b {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
}
.editorial-destinations {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--rule);
  background: #edf1ee;
}
.editorial-destinations p {
  margin: 0 0 18px;
  color: var(--registry);
  font: 650 11px/1.4 var(--mono);
  text-transform: uppercase;
}
.editorial-destinations div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.editorial-destinations a {
  padding: 9px 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #bdc7c2;
  border-radius: 5px;
  background: #fff;
  color: var(--carbon);
  font-size: 13px;
}
.editorial-destinations a span {
  color: var(--registry);
}
.editorial-destinations a:hover {
  border-color: var(--registry);
  background: #f3f8f5;
}
.editorial-article {
  padding-top: 70px;
  padding-bottom: 84px;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 64px;
  align-items: start;
}
.editorial-toc {
  position: sticky;
  top: 108px;
  border-top: 1px solid var(--ink);
}
.editorial-toc > span {
  padding: 13px 0;
  display: block;
  color: var(--muted);
  font: 650 10px/1.4 var(--mono);
}
.editorial-toc ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.editorial-toc a {
  padding: 10px 0;
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 7px;
  border-top: 1px solid var(--rule);
  font-size: 11px;
  line-height: 1.4;
}
.editorial-toc i {
  color: var(--registry);
  font: 650 10px/1.4 var(--mono);
  font-style: normal;
}
.editorial-chapters {
  display: grid;
  gap: 34px;
  min-width: 0;
}
.editorial-chapters .content-chapter {
  max-width: 720px;
}
.editorial-related {
  padding-top: 26px;
  padding-bottom: 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  border-top: 1px solid var(--rule);
}
.editorial-related > span {
  grid-column: 1 / -1;
  color: var(--muted);
  font: 650 10px/1.4 var(--mono);
}
.editorial-related a {
  padding: 16px;
  display: grid;
  gap: 8px;
  border: 1px solid var(--rule);
  border-radius: 5px;
  background: #fff;
}
.editorial-related a b {
  font-size: 14px;
}
.editorial-related a span {
  color: var(--registry);
  font-size: 13px;
}
.editorial-related a:hover {
  border-color: #86a999;
}
.editorial-closing {
  padding-top: 64px;
  padding-bottom: 84px;
  border-top: 1px solid var(--rule);
}
.editorial-closing .eyebrow {
  color: var(--registry);
  font: 650 11px/1.4 var(--mono);
  text-transform: uppercase;
}
.editorial-closing h2 {
  max-width: 640px;
  margin: 16px 0 0;
  font-size: 32px;
}
.editorial-closing p {
  max-width: 620px;
  margin: 14px 0 0;
  color: var(--muted);
}
.editorial-closing .hero-actions {
  margin-top: 26px;
}

/* Template family: printable fax cover sheets */
.template-family {
  background: #fafbf9;
}
.template-breadcrumbs,
.template-hero,
.template-preparation,
.template-sections,
.template-related,
.template-closing {
  padding-right: max(24px, calc((100vw - 1120px) / 2));
  padding-left: max(24px, calc((100vw - 1120px) / 2));
}
.template-breadcrumbs {
  padding-top: 22px;
  display: flex;
  gap: 10px;
  color: var(--muted);
  font: 600 11px/1.4 var(--mono);
  text-transform: uppercase;
}
.template-hero {
  padding-top: 54px;
  padding-bottom: 62px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 64px;
  align-items: center;
  border-bottom: 1px solid var(--rule);
}
.template-copy .eyebrow {
  color: var(--registry);
  font: 650 11px/1.4 var(--mono);
  text-transform: uppercase;
}
.template-copy h1 {
  margin: 16px 0 0;
  font: 700 clamp(38px, 4vw, 54px) / 1.05 var(--display);
}
.template-copy .lede {
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}
.template-copy .hero-actions {
  margin-top: 28px;
}
.template-preview {
  margin: 0;
}
.template-preview img {
  width: 100%;
  display: block;
  border: 1px solid var(--rule);
  border-radius: 4px;
  box-shadow: 0 14px 28px rgba(24, 36, 39, 0.12);
}
.template-preview figcaption {
  padding-top: 14px;
}
.template-preview figcaption span {
  color: var(--registry);
  font: 650 10px/1.4 var(--mono);
}
.template-preview figcaption b {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}
.template-preview figcaption p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.template-preparation {
  padding-top: 30px;
  padding-bottom: 36px;
  border-bottom: 1px solid var(--rule);
}
.template-preparation > .eyebrow {
  margin: 0 0 18px;
  color: var(--registry);
  font: 650 11px/1.4 var(--mono);
  text-transform: uppercase;
}
.template-preparation-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.template-preparation-grid > div {
  border-top: 1px solid var(--ink);
  padding-top: 12px;
}
.template-preparation-grid span {
  display: block;
  color: var(--registry);
  font: 650 10px/1.4 var(--mono);
  text-transform: uppercase;
}
.template-preparation-grid b {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
}
.template-sections {
  padding-top: 70px;
  padding-bottom: 70px;
  display: grid;
  grid-template-columns: minmax(0, 720px);
  gap: 34px;
}
.template-sections .content-chapter {
  max-width: 720px;
}
.template-related {
  padding-top: 26px;
  padding-bottom: 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  border-top: 1px solid var(--rule);
}
.template-related > span {
  grid-column: 1 / -1;
  color: var(--muted);
  font: 650 10px/1.4 var(--mono);
}
.template-related a {
  padding: 16px;
  display: grid;
  gap: 8px;
  border: 1px solid var(--rule);
  border-radius: 5px;
  background: #fff;
}
.template-related a b {
  font-size: 14px;
}
.template-related a span {
  color: var(--registry);
  font-size: 13px;
}
.template-related a:hover {
  border-color: #86a999;
}
.template-closing {
  padding-top: 60px;
  padding-bottom: 84px;
  border-top: 1px solid var(--rule);
}
.template-closing .eyebrow {
  color: var(--registry);
  font: 650 11px/1.4 var(--mono);
  text-transform: uppercase;
}
.template-closing h2 {
  max-width: 640px;
  margin: 16px 0 0;
  font-size: 32px;
}
.template-closing p {
  max-width: 620px;
  margin: 14px 0 0;
  color: var(--muted);
}
.template-closing .primary-action {
  margin-top: 26px;
  display: inline-flex;
}

@media (max-width: 900px) {
  .editorial-facts {
    grid-template-columns: repeat(3, 1fr);
  }
  .editorial-article {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .editorial-toc {
    position: static;
  }
  .editorial-related {
    grid-template-columns: 1fr;
  }
  .template-preparation-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .template-hero {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .template-preview {
    max-width: 320px;
  }
}

@media (max-width: 700px) {
  .editorial-header {
    padding-top: 48px;
    padding-bottom: 46px;
  }
  .editorial-header h1 {
    font-size: clamp(32px, 9vw, 44px);
  }
  .editorial-facts {
    grid-template-columns: 1fr;
  }
  .template-preparation-grid {
    grid-template-columns: 1fr;
  }
}

/* DECISION INPUTS strip — the strip already sits inside .decision-criteria,
   which pads the page to the content column, so drop the extra side padding
   (otherwise cards get double-inset and become too narrow). Five cells wrap
   evenly and the last row stretches to fill the width, so no column is ever
   left blank and the copy keeps room to breathe. */
.decision-criteria .content-highlights {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
}

.decision-criteria .content-highlights > div {
  flex: 1 1 190px;
  min-width: 0;
}

/* Pricing catalog page — the plan cards are promoted to the hero and the
   former title + usage estimator hero becomes a normal module below the cards,
   so prices land on the first screen without removing any module.
   Scoped to the pricing route only. */
.decision-pricing .pricing-catalog {
  padding-top: 32px;
}

.decision-pricing .pricing-catalog > header > p:last-child {
  margin: 0 0 16px;
}

.decision-pricing .public-plan-grid {
  margin-top: 20px;
}

.decision-pricing .decision-header {
  background: transparent;
  padding-top: 64px;
  padding-bottom: 64px;
}