.workflow-hero{
  padding-block:var(--zm-space-5);
  background:var(--zm-paper);
  color:var(--zm-ink);
}

.workflow-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(28rem,1.1fr);
  gap:var(--zm-space-5);
  align-items:center;
}

.workflow-hero__copy,
.workflow-hero__heading,
.workflow-section__heading,
.workflow-section__layout,
.plan-fit__intro,
.cross-platform-card,
.cross-platform-card__head,
.ai-workbench__heading,
.combination-card,
.combination-card__heading,
.workflow-cta__copy,
.workflow-cta__actions{
  min-width:0;
}

.workflow-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-3);
}

.workflow-hero__heading,
.workflow-section__heading,
.plan-fit__intro,
.cross-platform-card__head,
.ai-workbench__heading,
.combination-card__heading,
.workflow-cta__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
}

.workflow-hero__heading h1{
  max-width:min(36rem,100%);
  overflow-wrap:anywhere;
}

.workflow-hero__heading p{
  max-width:40rem;
  color:var(--zm-muted);
}

.workflow-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--zm-space-1);
}

.workflow-hero__facts{
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));
  gap:var(--zm-space-2);
  margin:0;
  padding-top:var(--zm-space-2);
  border-top:1px solid var(--zm-line);
}

.workflow-hero__facts div{
  min-width:0;
  display:grid;
  gap:var(--zm-space-1);
}

.workflow-hero__facts dt{
  color:var(--zm-muted);
  font-family:var(--zm-font-mono);
  font-weight:700;
}

.workflow-hero__facts dd{
  color:var(--zm-ink);
  overflow-wrap:anywhere;
}

.workflow-board{
  min-width:0;
  overflow:hidden;
  border-radius:var(--zm-radius-lg);
  background:var(--zm-ink);
  color:#ffffff;
  box-shadow:var(--zm-shadow);
}

.workflow-board__header{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--zm-space-2);
  padding:var(--zm-space-2) var(--zm-space-3);
  background:#252528;
  color:#ffffff;
  border-bottom:1px solid var(--zm-line-dark);
}

.workflow-board__label,
.workflow-board__state{
  min-width:0;
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:var(--zm-lh-small);
  overflow-wrap:anywhere;
}

.workflow-board__state{
  color:var(--zm-yellow);
  text-align:right;
}

.workflow-board__route{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.workflow-board__route li{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--zm-space-2);
  align-items:center;
  padding:var(--zm-space-2) var(--zm-space-3);
  border-bottom:1px solid var(--zm-line-dark);
}

.workflow-board__index{
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-1);
  color:var(--zm-muted-light);
}

.workflow-board__step{
  min-width:0;
  display:grid;
  gap:var(--zm-space-1);
}

.workflow-board__step strong{
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-3);
  line-height:1.3;
  color:#ffffff;
  overflow-wrap:anywhere;
}

.workflow-board__step span{
  color:#b5b5ba;
  font-size:var(--zm-fs-1);
  line-height:var(--zm-lh-small);
  overflow-wrap:anywhere;
}

.workflow-board__tag{
  width:fit-content;
  max-width:100%;
  padding:.4em .8em;
  border-radius:var(--zm-radius-pill);
  background:#252528;
  color:#d5d5d8;
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.3;
}

.workflow-board__tag--active{
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.workflow-board__map{
  padding:var(--zm-space-2) var(--zm-space-3);
  color:var(--zm-yellow);
}

.workflow-board__map svg{
  width:100%;
  height:auto;
}

.workflow-board__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--zm-space-2);
  padding:var(--zm-space-2) var(--zm-space-3);
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.workflow-board__footer span,
.workflow-board__footer strong{
  min-width:0;
  font-size:var(--zm-fs-1);
  line-height:var(--zm-lh-small);
  overflow-wrap:anywhere;
}

.workflow-section{
  padding-block:var(--zm-space-6);
  background:var(--zm-surface);
  color:var(--zm-ink);
}

.workflow-section--paper{
  background:var(--zm-paper);
  color:var(--zm-ink);
}

.workflow-section--soft{
  background:var(--zm-soft);
  color:var(--zm-ink);
}

.workflow-section--dark{
  background:var(--zm-ink);
  color:#ffffff;
}

.workflow-section--yellow{
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.workflow-section__layout{
  display:flex;
  flex-direction:column;
  gap:var(--zm-space-4);
}

.workflow-section__heading{
  max-width:52rem;
}

.workflow-section__heading p{
  color:var(--zm-muted);
}

.workflow-section--dark .workflow-section__heading p{
  color:#b8b8bd;
}

.workflow-section--dark .c-badge:not(.c-badge-accent){
  background:#252528;
  color:#ffffff;
}

.pipeline-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
  margin:0;
  padding:0;
  list-style:none;
}

.pipeline-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#ffffff;
  color:var(--zm-ink);
}

.pipeline-card__index{
  width:fit-content;
  max-width:100%;
  padding:.4em .8em;
  border-radius:var(--zm-radius-pill);
  background:var(--zm-yellow);
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.3;
  font-weight:700;
}

.pipeline-card p{
  color:var(--zm-muted);
}

.plan-fit{
  display:grid;
  grid-template-columns:minmax(16rem,.65fr) minmax(0,1.35fr);
  gap:var(--zm-space-3);
  align-items:start;
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-lg);
  background:var(--zm-soft);
  color:var(--zm-ink);
}

.plan-fit__intro p{
  color:var(--zm-muted);
}

.plan-fit__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
}

.plan-fit__grid article{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#ffffff;
  color:var(--zm-ink);
}

.plan-fit__grid article > strong{
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-3);
  line-height:1.3;
  overflow-wrap:anywhere;
}

.plan-fit__grid article > span,
.plan-fit__grid article p{
  color:var(--zm-muted);
  overflow-wrap:anywhere;
}

.plan-fit__grid article a{
  margin-top:var(--zm-space-1);
  color:var(--zm-ink);
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-1);
  line-height:1.4;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:var(--zm-yellow-paper);
  text-decoration-thickness:3px;
  text-underline-offset:4px;
  overflow-wrap:anywhere;
}

.runner-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);
  gap:var(--zm-space-3);
  align-items:stretch;
}

.runner-ledger{
  min-width:0;
  overflow:hidden;
  border-radius:var(--zm-radius-lg);
  background:#ffffff;
  color:var(--zm-ink);
}

.runner-ledger__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--zm-space-2);
  padding:var(--zm-space-2) var(--zm-space-3);
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.runner-ledger__head span,
.runner-ledger__head strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.runner-ledger__head span{
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
}

.runner-ledger__head strong{
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-2);
  line-height:1.35;
  text-align:right;
}

.runner-ledger__rows{
  display:grid;
}

.runner-ledger__rows > div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(7rem,.6fr) minmax(0,1fr);
  gap:var(--zm-space-1) var(--zm-space-2);
  padding:var(--zm-space-3);
  border-bottom:1px solid var(--zm-line);
}

.runner-ledger__rows > div:last-child{
  border-bottom:0;
}

.runner-ledger__tag{
  width:fit-content;
  max-width:100%;
  align-self:start;
  padding:.4em .8em;
  border-radius:var(--zm-radius-pill);
  background:var(--zm-soft);
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.3;
  overflow-wrap:anywhere;
}

.runner-ledger__rows strong{
  min-width:0;
  font-family:var(--zm-font-heading);
  line-height:1.35;
  overflow-wrap:anywhere;
}

.runner-ledger__rows small{
  grid-column:2;
  color:var(--zm-muted);
  overflow-wrap:anywhere;
}

.runner-rules{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--zm-space-2);
  align-content:stretch;
}

.runner-rules article{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#252528;
  color:#ffffff;
}

.runner-rules svg{
  width:1.5rem;
  height:1.5rem;
  color:var(--zm-yellow);
}

.runner-rules h3{
  font-size:var(--zm-fs-3);
  overflow-wrap:anywhere;
}

.runner-rules p{
  color:#b8b8bd;
  font-size:var(--zm-fs-1);
}

.runner-notice{
  display:grid;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-left:4px solid var(--zm-yellow);
  border-radius:var(--zm-radius-md);
  background:#252528;
  color:#ffffff;
}

.runner-notice p{
  color:#b8b8bd;
}

.cross-platform-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));
  gap:var(--zm-space-3);
  align-items:start;
}

.cross-platform-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-3);
  padding:var(--zm-space-4);
  border-radius:var(--zm-radius-lg);
  background:var(--zm-ink);
  color:#ffffff;
}

.cross-platform-card--soft{
  background:var(--zm-soft);
  color:var(--zm-ink);
}

.cross-platform-card ul{
  display:grid;
  gap:var(--zm-space-2);
  margin:0;
  padding-left:1.2rem;
}

.cross-platform-card li{
  color:#c0c0c5;
}

.cross-platform-card--soft li{
  color:var(--zm-muted);
}

.cross-platform-card li strong{
  color:#ffffff;
}

.cross-platform-card--soft li strong{
  color:var(--zm-ink);
}

.cross-platform-check{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
}

.cross-platform-check > div{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:var(--zm-paper);
  color:var(--zm-ink);
}

.cross-platform-check span{
  color:var(--zm-success);
  font-size:var(--zm-fs-0);
  font-weight:700;
}

.cross-platform-check strong{
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-3);
  line-height:1.35;
  overflow-wrap:anywhere;
}

.cross-platform-check p{
  color:var(--zm-muted);
}

.ai-workbench{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);
  gap:var(--zm-space-3);
  align-items:stretch;
}

.ai-workbench__main{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-3);
  padding:var(--zm-space-4);
  border-radius:var(--zm-radius-lg);
  background:var(--zm-ink);
  color:#ffffff;
}

.ai-workbench__main > .c-btn-primary{
  background:var(--zm-yellow);
  color:var(--zm-ink);
  border-color:var(--zm-yellow);
}

.ai-workbench__heading p{
  color:#b8b8bd;
}

.ai-workbench__stages{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--zm-space-2);
}

.ai-workbench__stages > div{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#252528;
  color:#ffffff;
}

.ai-workbench__stages span{
  width:fit-content;
  padding:.4em .8em;
  border-radius:var(--zm-radius-pill);
  background:var(--zm-yellow);
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.3;
}

.ai-workbench__stages strong{
  font-family:var(--zm-font-heading);
  line-height:1.35;
  overflow-wrap:anywhere;
}

.ai-workbench__stages p{
  color:#b8b8bd;
  font-size:var(--zm-fs-1);
}

.ai-workbench__side{
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:var(--zm-space-2);
}

.ai-workbench__side article{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#ffffff;
  color:var(--zm-ink);
}

.ai-workbench__side strong{
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-3);
  line-height:1.35;
}

.ai-workbench__side p{
  color:var(--zm-muted);
}

.media-flow{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
}

.media-flow article{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#ffffff;
  color:var(--zm-ink);
}

.media-flow__number{
  width:fit-content;
  max-width:100%;
  padding:.4em .8em;
  border-radius:var(--zm-radius-pill);
  background:var(--zm-yellow);
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.3;
  font-weight:700;
  overflow-wrap:anywhere;
}

.media-flow article > p{
  color:var(--zm-muted);
}

.media-flow dl{
  width:100%;
  display:grid;
  gap:var(--zm-space-1);
  margin:var(--zm-space-2) 0 0;
}

.media-flow dl div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(3rem,.35fr) minmax(0,1fr);
  gap:var(--zm-space-1);
  padding-top:var(--zm-space-1);
  border-top:1px solid var(--zm-line);
}

.media-flow dd{
  color:var(--zm-muted);
  overflow-wrap:anywhere;
}

.media-notice{
  display:grid;
  gap:var(--zm-space-1);
}

.release-gate{
  display:grid;
  grid-template-columns:minmax(16rem,.7fr) minmax(0,1.3fr);
  gap:var(--zm-space-3);
  align-items:start;
}

.release-gate__summary{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-4);
  border-radius:var(--zm-radius-lg);
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.release-gate__summary p{
  color:var(--zm-ink-2);
}

.release-gate__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--zm-space-2);
  margin:0;
  padding:0;
  list-style:none;
}

.release-gate__list li{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--zm-space-2);
  align-items:start;
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:var(--zm-soft);
  color:var(--zm-ink);
}

.release-gate__list li > span{
  width:2.2rem;
  height:2.2rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--zm-radius-pill);
  background:var(--zm-ink);
  color:var(--zm-yellow);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1;
}

.release-gate__list li > div{
  min-width:0;
  display:grid;
  gap:var(--zm-space-1);
}

.release-gate__list strong{
  font-family:var(--zm-font-heading);
  line-height:1.35;
  overflow-wrap:anywhere;
}

.release-gate__list p{
  color:var(--zm-muted);
  font-size:var(--zm-fs-1);
}

.release-boundary{
  display:grid;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-left:4px solid var(--zm-yellow-paper);
  border-radius:var(--zm-radius-md);
  background:var(--zm-paper);
  color:var(--zm-ink);
}

.release-boundary p{
  color:var(--zm-muted);
}

.combination-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
  gap:var(--zm-space-3);
  align-items:start;
}

.combination-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-3);
  padding:var(--zm-space-4);
  border-radius:var(--zm-radius-lg);
  background:#ffffff;
  color:var(--zm-ink);
}

.combination-card--accent{
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.combination-card > p{
  color:var(--zm-muted);
}

.combination-card--accent > p{
  color:var(--zm-ink-2);
}

.combination-card__metric{
  width:fit-content;
  max-width:100%;
  padding:.4em .8em;
  border-radius:var(--zm-radius-pill);
  background:var(--zm-ink);
  color:#ffffff;
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.3;
  font-weight:700;
  overflow-wrap:anywhere;
}

.combination-card ul{
  display:grid;
  gap:var(--zm-space-1);
  margin:0;
  padding-left:1.2rem;
  color:var(--zm-muted);
}

.combination-card--accent ul{
  color:var(--zm-ink-2);
}

.selection-ledger{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-lg);
  background:var(--zm-ink);
  color:#ffffff;
}

.selection-ledger > div{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-2);
}

.selection-ledger span{
  color:var(--zm-yellow);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  font-weight:700;
}

.selection-ledger strong{
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-3);
  line-height:1.35;
  overflow-wrap:anywhere;
}

.selection-ledger p{
  color:#b8b8bd;
}

.workflow-cta__copy{
  max-width:45rem;
}

.workflow-cta__copy p{
  color:#b8b8bd;
}

.workflow-cta__actions{
  flex:0 0 min(100%,19rem);
}

.workflow-cta__actions .c-btn{
  width:100%;
}

.workflow-cta__primary{
  background:var(--zm-yellow);
  color:var(--zm-ink);
  border-color:var(--zm-yellow);
}

.workflow-cta__primary:hover{
  background:#ffffff;
  color:var(--zm-ink);
  border-color:#ffffff;
}

.c-cta-band .c-btn-ghost{
  color:#ffffff;
  border-color:#77777d;
}

.c-cta-band .c-btn-ghost:hover{
  background:#252528;
  color:#ffffff;
}

@media(max-width:64rem){
  .workflow-hero__inner,
  .plan-fit,
  .runner-layout,
  .ai-workbench,
  .release-gate{
    grid-template-columns:1fr;
  }

  .workflow-hero__heading h1{
    max-width:15ch;
  }

  .runner-rules{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  }

  .ai-workbench__side{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
    grid-template-rows:none;
  }
}

@media(max-width:48rem){
  .workflow-hero{
    padding-block:var(--zm-space-4);
  }

  .workflow-hero__inner{
    gap:var(--zm-space-4);
  }

  .workflow-hero__actions{
    width:100%;
  }

  .workflow-board__route li{
    grid-template-columns:auto minmax(0,1fr);
  }

  .workflow-board__tag{
    grid-column:2;
  }

  .workflow-board__footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .runner-ledger__rows > div{
    grid-template-columns:1fr;
  }

  .runner-ledger__rows small{
    grid-column:auto;
  }

  .runner-ledger__head{
    align-items:flex-start;
    flex-direction:column;
  }

  .runner-ledger__head strong{
    text-align:left;
  }

  .cross-platform-card,
  .ai-workbench__main,
  .release-gate__summary,
  .combination-card{
    padding:var(--zm-space-3);
  }

  .ai-workbench__stages,
  .release-gate__list{
    grid-template-columns:1fr;
  }

  .workflow-cta__actions{
    flex-basis:auto;
    width:100%;
  }
}

@media(max-width:24.375rem){
  .workflow-board__header{
    align-items:flex-start;
    flex-direction:column;
  }

  .workflow-board__state{
    text-align:left;
  }

  .workflow-board__route li{
    padding-inline:var(--zm-space-2);
  }

  .workflow-board__map,
  .workflow-board__footer{
    padding-inline:var(--zm-space-2);
  }

  .media-flow dl div{
    grid-template-columns:1fr;
  }

  .release-gate__list li{
    grid-template-columns:1fr;
  }
}