.showcase-hero{
  padding:var(--space-5) 0 var(--space-7);
  background:var(--color-light);
  color:var(--color-paper-text);
}

.showcase-hero .c-breadcrumb{
  color:var(--color-paper-muted);
}

.showcase-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:var(--space-5);
  align-items:center;
}

.showcase-hero__grid>*{
  min-width:0;
}

.showcase-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
}

.showcase-hero__copy h1{
  max-width:min(36rem,100%);
  margin-inline:0;
}

.showcase-hero__lead{
  max-width:42rem;
  color:var(--color-paper-muted);
}

.showcase-hero__copy .c-actions{
  margin-top:var(--space-2);
  justify-content:flex-start;
}

.showcase-hero__stats{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1);
  margin:var(--space-3) 0 0;
  padding-top:var(--space-3);
  border-top:1px solid var(--line-paper);
}

.showcase-hero__stats div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
}

.showcase-hero__stats dt{
  color:var(--color-primary);
  font-family:var(--font-heading);
  font-size:var(--fs-4);
  line-height:1.1;
}

.showcase-hero__stats dd{
  color:var(--color-paper-muted);
  overflow-wrap:anywhere;
}

.showcase-manifest{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--color-ink-2);
  color:var(--color-text);
  box-shadow:var(--shadow-float);
}

.showcase-manifest__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:var(--color-surface);
  color:var(--color-text);
}

.showcase-manifest__head>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
}

.showcase-manifest__head span{
  color:var(--color-muted);
  font-size:var(--fs-1);
}

.showcase-manifest__head strong{
  overflow-wrap:anywhere;
}

.showcase-manifest__status{
  width:fit-content;
  max-width:100%;
  flex:0 0 auto;
  padding:.55em .85em;
  border-radius:var(--radius-sm);
  background:var(--color-accent);
  color:var(--color-ink)!important;
  font-family:var(--font-mono);
  font-size:var(--fs-0)!important;
  font-weight:700;
  line-height:1;
}

.showcase-manifest__body{
  padding:var(--space-3);
  background:var(--color-ink-2);
  color:var(--color-text);
}

.showcase-manifest__route{
  display:grid;
  grid-template-columns:minmax(0,1fr) 1rem minmax(0,1fr) 1rem minmax(0,1fr);
  gap:var(--space-1);
  align-items:center;
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  background:var(--color-surface-2);
  color:var(--color-text);
  text-align:center;
}

.showcase-manifest__route span{
  min-width:0;
  overflow-wrap:anywhere;
  font-family:var(--font-heading);
  font-size:var(--fs-1);
  font-weight:720;
}

.showcase-manifest__route svg{
  width:1rem;
  height:1rem;
  color:var(--color-accent);
}

.showcase-manifest__jobs{
  display:grid;
  gap:var(--space-1);
  margin-top:var(--space-2);
}

.showcase-manifest__jobs article{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--color-surface);
  color:var(--color-text);
}

.showcase-manifest__jobhead{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:var(--space-1);
}

.showcase-manifest__jobhead span{
  width:fit-content;
  flex:0 0 auto;
  color:var(--color-accent);
  font-size:var(--fs-0);
}

.showcase-manifest__jobhead strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.showcase-manifest__jobs p{
  color:var(--color-muted);
  font-size:var(--fs-1);
}

.showcase-manifest__model{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.5em .8em;
  border-radius:var(--radius-sm);
  background:var(--color-ice);
  color:var(--color-paper-text);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.25;
  overflow-wrap:anywhere;
}

.showcase-manifest__foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  background:var(--color-primary);
  color:var(--color-white);
}

.showcase-manifest__foot span{
  color:var(--color-white);
  font-size:var(--fs-1);
}

.showcase-manifest__foot strong{
  min-width:0;
  text-align:end;
  overflow-wrap:anywhere;
}

.showcase-section-head{
  max-width:52rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
}

.c-section-deep .showcase-section-head{
  color:var(--color-text);
}

.c-section-deep .showcase-section-head p{
  color:var(--color-muted);
}

.c-section-ice .showcase-section-head{
  color:var(--color-paper-text);
}

.c-section-ice .showcase-section-head p{
  color:var(--color-paper-muted);
}

.showcase-method-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));
  gap:var(--space-3);
  align-items:start;
  margin-top:var(--space-5);
}

.showcase-method-grid article{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-surface);
  color:var(--color-text);
}

.showcase-method-grid article>span{
  width:fit-content;
  align-self:flex-start;
  color:var(--color-accent);
  font-size:var(--fs-1);
  font-weight:700;
}

.showcase-method-grid p{
  color:var(--color-muted);
}

.usecase-card{
  min-width:0;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(17rem,.38fr) minmax(0,1fr);
  align-items:stretch;
  border-radius:var(--radius-lg);
  background:var(--color-primary);
  color:var(--color-paper-text);
  box-shadow:var(--shadow-paper);
}

.usecase-card__rail{
  min-width:0;
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  padding:var(--space-4);
  background:var(--color-primary);
  color:var(--color-white);
}

.usecase-card--ci{background:var(--color-surface)}
.usecase-card--ai{background:var(--color-accent)}
.usecase-card--media{background:var(--color-ink-2)}
.usecase-card--ci .usecase-card__rail{
  background:var(--color-surface);
  color:var(--color-text);
}

.usecase-card--ai .usecase-card__rail{
  background:var(--color-accent);
  color:var(--color-ink);
}

.usecase-card--media .usecase-card__rail{
  background:var(--color-ink-2);
  color:var(--color-text);
}

.usecase-card__index{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:inherit;
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.08em;
}

.usecase-card__icon{
  width:3rem;
  height:3rem;
  display:grid;
  place-items:center;
  margin-top:var(--space-2);
  border-radius:var(--radius-sm);
  background:var(--color-white);
  color:var(--color-primary);
}

.usecase-card--ci .usecase-card__icon,
.usecase-card--media .usecase-card__icon{
  background:var(--color-ice);
  color:var(--color-primary);
}

.usecase-card--ai .usecase-card__icon{
  background:var(--color-ink);
  color:var(--color-accent);
}

.usecase-card__icon svg{
  width:1.5rem;
  height:1.5rem;
}

.usecase-card__rail h2{
  margin-top:var(--space-2);
  overflow-wrap:anywhere;
}

.usecase-card__rail>p{
  color:inherit;
  opacity:.88;
}

.usecase-card__rail dl{
  width:100%;
  display:grid;
  gap:var(--space-1);
  margin:var(--space-3) 0 0;
}

.usecase-card__rail dl div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.11);
  color:var(--color-white);
}

.usecase-card--ai .usecase-card__rail dl div{
  background:rgba(8,11,33,.12);
  color:var(--color-ink);
}

.usecase-card__rail dt{
  color:inherit;
  opacity:.78;
  font-size:var(--fs-1);
}

.usecase-card__rail dd{
  color:inherit;
  overflow-wrap:anywhere;
  font-size:var(--fs-2);
  font-weight:700;
}

.usecase-card__body{
  min-width:0;
  align-self:start;
  padding:var(--space-4);
  background:var(--color-white);
  color:var(--color-paper-text);
}

.usecase-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  align-items:start;
}

.usecase-summary>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-ice);
  color:var(--color-paper-text);
}

.usecase-summary span{
  width:fit-content;
  align-self:flex-start;
  color:var(--color-accent-paper);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.06em;
}

.usecase-summary p{
  color:var(--color-paper-muted);
}

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

.usecase-steps li{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-light);
  color:var(--color-paper-text);
}

.usecase-steps li>span{
  width:fit-content;
  align-self:flex-start;
  color:var(--color-primary);
  font-size:var(--fs-1);
  font-weight:700;
}

.usecase-steps h3{
  overflow-wrap:anywhere;
  font-size:var(--fs-3);
}

.usecase-steps p{
  color:var(--color-paper-muted);
  font-size:var(--fs-1);
}

.usecase-notes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  align-items:start;
  margin-top:var(--space-4);
}

.usecase-notes>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-surface-2);
  color:var(--color-text);
}

.usecase-notes p{
  color:var(--color-muted);
}

.usecase-addon-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));
  gap:var(--space-1);
  align-items:start;
  margin-top:var(--space-4);
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--color-primary);
  color:var(--color-white);
}

.usecase-addon-strip div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  background:var(--color-white);
  color:var(--color-paper-text);
}

.usecase-addon-strip span{
  color:var(--color-paper-muted);
  overflow-wrap:anywhere;
}

.usecase-addon-strip strong{
  color:var(--color-primary);
  overflow-wrap:anywhere;
}

.node-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  gap:var(--space-2);
  align-items:start;
  margin-top:var(--space-5);
}

.node-grid article{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-white);
  color:var(--color-paper-text);
  box-shadow:var(--shadow-paper);
}

.node-grid__code{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.5em .8em;
  border-radius:var(--radius-sm);
  background:var(--color-ink);
  color:var(--color-accent);
  font-size:var(--fs-0);
  font-weight:700;
}

.node-grid p{
  color:var(--color-paper-muted);
}

.node-table-wrap{
  margin-top:var(--space-4);
}

.node-table-wrap caption{
  padding:var(--space-2) var(--space-3);
  background:var(--color-white);
  color:var(--color-paper-text);
  font-family:var(--font-heading);
  font-size:var(--fs-3);
  font-weight:720;
  text-align:start;
}

.node-table-wrap th,
.node-table-wrap td{
  overflow-wrap:anywhere;
}

.node-notice{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-1);
  margin-top:var(--space-3);
  background:var(--color-white);
  color:var(--color-paper-text);
}

.node-notice strong{
  color:var(--color-primary);
}

.node-notice span{
  min-width:0;
  color:var(--color-paper-muted);
}

.showcase-close{
  padding:var(--space-7) 0;
  background:var(--color-ink-2);
  color:var(--color-text);
}

.showcase-close__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(16rem,.38fr);
  gap:var(--space-5);
  align-items:center;
}

.showcase-close__inner>*{
  min-width:0;
}

.showcase-close__copy{
  max-width:48rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
}

.showcase-close__copy p{
  color:var(--color-muted);
}

.showcase-close__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-1);
}

.showcase-close__actions .c-btn{
  width:100%;
}

@media(max-width:64rem){
  .showcase-hero__grid{
    grid-template-columns:1fr;
  }

  .showcase-hero__copy h1{
    max-width:15ch;
  }

  .showcase-manifest{
    width:100%;
  }

  .usecase-card{
    grid-template-columns:1fr;
  }

  .showcase-close__inner{
    grid-template-columns:1fr;
    align-items:start;
  }

  .showcase-close__actions{
    width:min(100%,28rem);
  }
}

@media(max-width:48rem){
  .showcase-hero__stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .usecase-summary,
  .usecase-notes{
    grid-template-columns:1fr;
  }

  .showcase-manifest__foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .showcase-manifest__foot strong{
    text-align:start;
  }
}

@media(max-width:40rem){
  .showcase-hero{
    padding-top:var(--space-4);
  }

  .showcase-hero__copy h1{
    max-width:none;
  }

  .showcase-hero__copy .c-actions{
    width:100%;
  }

  .showcase-hero__copy .c-btn{
    width:100%;
    white-space:normal;
  }

  .showcase-manifest__head{
    align-items:flex-start;
  }

  .showcase-manifest__route{
    grid-template-columns:1fr;
    text-align:start;
  }

  .showcase-manifest__route svg{
    transform:rotate(90deg);
  }

  .usecase-card__rail,
  .usecase-card__body{
    padding:var(--space-3);
  }

  .showcase-close__actions{
    width:100%;
  }

  .showcase-close__actions .c-btn{
    white-space:normal;
  }
}

@media(max-width:24rem){
  .showcase-hero__stats{
    grid-template-columns:1fr;
  }

  .showcase-manifest__head{
    flex-direction:column;
  }

  .usecase-card__rail,
  .usecase-card__body,
  .showcase-method-grid article,
  .node-grid article{
    padding:var(--space-2);
  }
}