.showcase-hero{
  overflow:hidden;
  padding:var(--hm-space-5) 0 var(--hm-space-6);
  border-bottom:1px solid var(--hm-line-strong);
  background:linear-gradient(115deg,var(--hm-amber-pale),var(--hm-amber),var(--hm-orange));
}
.showcase-hero .c-breadcrumb{
  margin-bottom:var(--hm-space-4);
  color:var(--hm-ink);
}
.showcase-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:var(--hm-space-5);
  align-items:center;
}
.showcase-hero__grid>*{
  min-width:0;
}
.showcase-hero__copy .hm-eyebrow{
  color:var(--hm-ink);
}
.showcase-hero__copy .hm-eyebrow::before{
  background:var(--hm-ink);
}
.showcase-hero__copy h1{
  max-width:760px;
  margin-bottom:var(--hm-space-3);
}
.showcase-hero__lead{
  max-width:720px;
  margin-bottom:var(--hm-space-3);
  color:var(--hm-ink);
  font-size:var(--hm-fs-3);
}
.showcase-hero__actions{
  gap:var(--hm-space-1);
}
.showcase-hero__matrix{
  border:1px solid var(--hm-ink);
  border-radius:var(--hm-radius-lg);
  background:var(--hm-white);
  box-shadow:var(--hm-shadow-float);
}
.showcase-hero__matrix-head{
  display:flex;
  padding:var(--hm-space-2) var(--hm-space-3);
  align-items:center;
  justify-content:space-between;
  gap:var(--hm-space-2);
  border-bottom:1px solid var(--hm-line);
}
.showcase-hero__matrix-head span{
  color:var(--hm-muted);
  font-size:var(--hm-fs-0);
}
.showcase-hero__matrix-head strong{
  color:var(--hm-ink);
}
.showcase-hero__matrix dl{
  margin:0;
}
.showcase-hero__matrix dl div{
  display:grid;
  grid-template-columns:minmax(max-content,.35fr) minmax(0,1fr);
  gap:var(--hm-space-2);
  padding:var(--hm-space-2) var(--hm-space-3);
  border-bottom:1px solid var(--hm-line);
}
.showcase-hero__matrix dt{
  color:var(--hm-muted);
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-1);
}
.showcase-hero__matrix dd{
  margin:0;
  color:var(--hm-ink);
}
.showcase-hero__route{
  padding:var(--hm-space-2) var(--hm-space-3);
  color:var(--hm-ink);
  background:var(--hm-soft);
  font-size:var(--hm-fs-1);
  letter-spacing:.08em;
}
.showcase-factor{
  display:flex;
  min-height:240px;
  padding:var(--hm-space-3);
  flex-direction:column;
}
.showcase-factor>svg{
  margin-bottom:var(--hm-space-2);
  color:var(--hm-orange-dark);
}
.showcase-factor h3{
  margin-bottom:var(--hm-space-1);
}
.showcase-factor p{
  margin-bottom:var(--hm-space-2);
  color:var(--hm-muted);
}
.showcase-factor>span{
  margin-top:auto;
  color:var(--hm-muted);
  font-size:var(--hm-fs-0);
}
.case-section--soft{
  background:var(--hm-soft);
}
.case-study{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:var(--hm-space-5);
  align-items:start;
}
.case-study--reverse .case-study__summary{
  order:2;
}
.case-study--reverse .route-board{
  order:1;
}
.case-study>*{
  min-width:0;
}
.case-study__index{
  margin-bottom:var(--hm-space-3);
  color:var(--hm-orange-dark);
  font-size:var(--hm-fs-0);
  letter-spacing:.12em;
}
.case-study__summary h2{
  margin-bottom:var(--hm-space-2);
}
.case-study__summary>p{
  margin-bottom:var(--hm-space-3);
  color:var(--hm-muted);
  font-size:var(--hm-fs-3);
}
.case-study__facts{
  margin:0 0 var(--hm-space-3);
  border-top:1px solid var(--hm-line-strong);
}
.case-study__facts div{
  display:grid;
  grid-template-columns:minmax(max-content,.4fr) minmax(0,1fr);
  gap:var(--hm-space-2);
  padding:var(--hm-space-2) 0;
  border-bottom:1px solid var(--hm-line);
}
.case-study__facts dt{
  color:var(--hm-muted);
}
.case-study__facts dd{
  margin:0;
  color:var(--hm-ink);
  font-weight:650;
  overflow-wrap:anywhere;
}
.case-study__workflow,
.route-board,
.lab-console{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--hm-line-strong);
  border-radius:var(--hm-radius-lg);
  background:var(--hm-white);
}
.workflow-panel__head,
.route-board__head,
.lab-console__top{
  display:flex;
  min-width:0;
  padding:var(--hm-space-2) var(--hm-space-3);
  align-items:center;
  justify-content:space-between;
  gap:var(--hm-space-2);
  border-bottom:1px solid var(--hm-line);
  background:var(--hm-soft);
}
.workflow-panel__head>span:last-child,
.route-board__head>span,
.lab-console__top>span:first-child{
  color:var(--hm-muted);
  font-size:var(--hm-fs-0);
  letter-spacing:.08em;
}
.workflow-steps{
  margin:0;
  padding:0;
  list-style:none;
}
.workflow-steps li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--hm-space-2);
  padding:var(--hm-space-3);
  border-bottom:1px solid var(--hm-line);
}
.workflow-steps li:last-child{
  border-bottom:0;
}
.workflow-steps__number{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border:1px solid var(--hm-line-strong);
  border-radius:50%;
  color:var(--hm-orange-dark);
  background:var(--hm-amber-pale);
  font-size:var(--hm-fs-0);
}
.workflow-steps h3{
  margin-bottom:var(--hm-space-1);
  font-size:var(--hm-fs-3);
}
.workflow-steps p{
  margin-bottom:var(--hm-space-1);
  color:var(--hm-muted);
}
.workflow-steps code{
  display:inline-block;
  max-width:100%;
  padding:4px 7px;
  overflow-wrap:anywhere;
  border:1px solid var(--hm-line);
  border-radius:var(--hm-radius-sm);
  color:var(--hm-ink);
  background:var(--hm-soft);
  font-size:var(--hm-fs-0);
}
.case-checkpoints{
  margin-top:var(--hm-space-4);
  padding-top:var(--hm-space-3);
  border-top:1px solid var(--hm-line);
}
.case-checkpoints>div{
  min-width:0;
}
.case-checkpoints strong{
  display:block;
  margin-bottom:var(--hm-space-1);
  color:var(--hm-ink);
}
.case-checkpoints p{
  margin:0;
  color:var(--hm-muted);
}
.route-board__map{
  display:flex;
  padding:var(--hm-space-4) var(--hm-space-3);
  align-items:center;
}
.route-node{
  display:flex;
  min-width:0;
  flex:0 1 auto;
  align-items:center;
  flex-direction:column;
  text-align:center;
}
.route-node__code{
  display:grid;
  width:42px;
  height:42px;
  margin-bottom:var(--hm-space-1);
  place-items:center;
  border:1px solid var(--hm-orange-dark);
  border-radius:50%;
  color:var(--hm-ink);
  background:var(--hm-amber);
  font-size:var(--hm-fs-1);
}
.route-node strong{
  color:var(--hm-ink);
}
.route-node small{
  margin-top:4px;
  color:var(--hm-muted);
}
.route-line{
  min-width:var(--hm-space-3);
  height:1px;
  margin:0 var(--hm-space-1);
  flex:1 1 auto;
  background:var(--hm-line-strong);
}
.route-board__checks{
  border-top:1px solid var(--hm-line);
}
.route-board__checks>div{
  display:grid;
  grid-template-columns:minmax(max-content,.25fr) minmax(0,1fr);
  gap:var(--hm-space-2);
  padding:var(--hm-space-2) var(--hm-space-3);
  border-bottom:1px solid var(--hm-line);
}
.route-board__checks>div:last-child{
  border-bottom:0;
}
.route-board__checks span{
  color:var(--hm-orange-dark);
  font-size:var(--hm-fs-0);
}
.route-board__checks p{
  margin:0;
  color:var(--hm-muted);
}
.lab-console{
  color:var(--hm-white);
  background:var(--hm-dark-surface);
  border-color:var(--hm-dark-surface);
}
.lab-console__top{
  background:var(--hm-ink);
  border-color:var(--hm-muted);
}
.lab-console__meters{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid var(--hm-muted);
}
.lab-console__meters div{
  min-width:0;
  padding:var(--hm-space-2);
  border-right:1px solid var(--hm-muted);
}
.lab-console__meters div:last-child{
  border-right:0;
}
.lab-console__meters span{
  display:block;
  margin-bottom:var(--hm-space-1);
  color:var(--hm-line-strong);
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-0);
}
.lab-console__meters strong{
  color:var(--hm-white);
  overflow-wrap:anywhere;
}
.lab-console .c-code{
  margin:var(--hm-space-3);
  border-color:var(--hm-muted);
}
.lab-console__pipeline{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--hm-muted);
}
.lab-console__pipeline div{
  min-width:0;
  padding:var(--hm-space-3);
  border-right:1px solid var(--hm-muted);
}
.lab-console__pipeline div:last-child{
  border-right:0;
}
.lab-console__pipeline span{
  display:block;
  margin-bottom:var(--hm-space-1);
  color:var(--hm-amber);
  font-size:var(--hm-fs-0);
}
.lab-console__pipeline strong{
  display:block;
  margin-bottom:var(--hm-space-1);
  color:var(--hm-white);
}
.lab-console__pipeline p{
  margin:0;
  color:var(--hm-line-strong);
}
.quote-section{
  color:var(--hm-white);
  background:var(--hm-ink);
}
.quote-section .hm-eyebrow,
.quote-section .hm-section-head>p{
  color:var(--hm-line-strong);
}
.quote-section .hm-eyebrow::before{
  background:var(--hm-amber);
}
.quote-section h2{
  color:var(--hm-white);
}
.quote-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--hm-muted);
  border-radius:var(--hm-radius-lg);
}
.quote-strip blockquote{
  display:flex;
  min-width:0;
  min-height:310px;
  margin:0;
  padding:var(--hm-space-3);
  flex-direction:column;
  border-right:1px solid var(--hm-muted);
}
.quote-strip blockquote:last-child{
  border-right:0;
}
.quote-strip blockquote>p{
  margin-bottom:var(--hm-space-3);
  color:var(--hm-white);
  font-size:var(--hm-fs-3);
}
.quote-strip footer{
  margin-top:auto;
  padding-top:var(--hm-space-2);
  border-top:1px solid var(--hm-muted);
}
.quote-strip footer strong,
.quote-strip footer span{
  display:block;
}
.quote-strip footer strong{
  margin-bottom:4px;
  color:var(--hm-amber);
}
.quote-strip footer span{
  color:var(--hm-line-strong);
  font-size:var(--hm-fs-1);
}
.reuse-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:var(--hm-space-3);
}
.reuse-grid>*{
  min-width:0;
}
.reuse-checklist,
.reuse-summary{
  overflow:hidden;
  border:1px solid var(--hm-line-strong);
  border-radius:var(--hm-radius-lg);
  background:var(--hm-white);
}
.reuse-checklist__head{
  display:flex;
  padding:var(--hm-space-2) var(--hm-space-3);
  align-items:center;
  justify-content:space-between;
  gap:var(--hm-space-2);
  border-bottom:1px solid var(--hm-line);
  background:var(--hm-soft);
}
.reuse-checklist__head span{
  color:var(--hm-muted);
  font-size:var(--hm-fs-0);
}
.reuse-checklist ul{
  margin:0;
  padding:0;
  list-style:none;
}
.reuse-checklist li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--hm-space-2);
  padding:var(--hm-space-2) var(--hm-space-3);
  border-bottom:1px solid var(--hm-line);
}
.reuse-checklist li:last-child{
  border-bottom:0;
}
.reuse-checklist li>svg{
  margin-top:2px;
  color:var(--hm-positive);
}
.reuse-checklist li strong,
.reuse-checklist li span{
  display:block;
}
.reuse-checklist li strong{
  margin-bottom:4px;
  color:var(--hm-ink);
}
.reuse-checklist li span{
  color:var(--hm-muted);
}
.reuse-summary{
  padding:var(--hm-space-3);
}
.reuse-summary__label{
  margin-bottom:var(--hm-space-2);
  color:var(--hm-orange-dark);
  font-size:var(--hm-fs-0);
  letter-spacing:.08em;
}
.reuse-summary h3{
  margin-bottom:var(--hm-space-3);
}
.reuse-summary__plans{
  border-top:1px solid var(--hm-line);
}
.reuse-summary__plans>div{
  padding:var(--hm-space-2) 0;
  border-bottom:1px solid var(--hm-line);
}
.reuse-summary__plans strong,
.reuse-summary__plans span{
  display:block;
}
.reuse-summary__plans strong{
  margin-bottom:4px;
  color:var(--hm-ink);
}
.reuse-summary__plans span{
  margin-bottom:var(--hm-space-1);
  color:var(--hm-orange-dark);
  font-size:var(--hm-fs-1);
}
.reuse-summary__plans p{
  margin:0;
  color:var(--hm-muted);
}
.reuse-summary__link{
  display:flex;
  margin-top:var(--hm-space-3);
  padding-top:var(--hm-space-2);
  align-items:center;
  justify-content:space-between;
  gap:var(--hm-space-2);
  color:var(--hm-ink);
  font-weight:650;
}
.reuse-summary__link:hover{
  color:var(--hm-orange-dark);
}
.showcase-cta{
  border-top:1px solid var(--hm-line);
}
.showcase-cta__card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--hm-space-4);
  padding:var(--hm-space-4);
  align-items:center;
  border:1px solid var(--hm-ink);
  border-radius:var(--hm-radius-lg);
  color:var(--hm-white);
  background:var(--hm-ink);
}
.showcase-cta__card>*{
  min-width:0;
}
.showcase-cta__card .hm-eyebrow{
  color:var(--hm-amber);
}
.showcase-cta__card .hm-eyebrow::before{
  background:var(--hm-amber);
}
.showcase-cta__card h2{
  margin-bottom:var(--hm-space-2);
  color:var(--hm-white);
}
.showcase-cta__card p{
  max-width:760px;
  color:var(--hm-line-strong);
}
.showcase-cta__payment{
  margin-bottom:0;
  font-size:var(--hm-fs-1);
}
.showcase-cta__actions{
  display:flex;
  min-width:0;
  align-items:stretch;
  flex-direction:column;
  gap:var(--hm-space-1);
}
.showcase-cta__actions .c-btn-ghost{
  color:var(--hm-white);
}
.showcase-cta__actions .c-btn-ghost:hover{
  color:var(--hm-ink);
}

@media (max-width:900px){
  .showcase-hero__grid,
  .case-study,
  .reuse-grid{
    grid-template-columns:1fr;
  }
  .case-study--reverse .case-study__summary,
  .case-study--reverse .route-board{
    order:initial;
  }
  .quote-strip{
    grid-template-columns:1fr;
  }
  .quote-strip blockquote{
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--hm-muted);
  }
  .quote-strip blockquote:last-child{
    border-bottom:0;
  }
  .showcase-cta__card{
    grid-template-columns:1fr;
  }
  .showcase-cta__actions{
    align-items:flex-start;
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media (max-width:640px){
  .showcase-hero{
    padding-top:var(--hm-space-3);
  }
  .showcase-hero .c-breadcrumb{
    margin-bottom:var(--hm-space-3);
  }
  .showcase-hero__matrix-head,
  .workflow-panel__head,
  .route-board__head,
  .lab-console__top,
  .reuse-checklist__head{
    align-items:flex-start;
    flex-direction:column;
  }
  .showcase-hero__matrix dl div,
  .case-study__facts div,
  .route-board__checks>div{
    grid-template-columns:1fr;
    gap:4px;
  }
  .showcase-hero__actions,
  .showcase-hero__actions .c-btn,
  .showcase-cta__actions,
  .showcase-cta__actions .c-btn{
    width:100%;
  }
  .route-board__map{
    align-items:stretch;
    flex-direction:column;
  }
  .route-node{
    width:100%;
  }
  .route-line{
    width:1px;
    min-width:1px;
    height:var(--hm-space-3);
    margin:var(--hm-space-1) auto;
  }
  .lab-console__meters,
  .lab-console__pipeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .lab-console__meters div:nth-child(2){
    border-right:0;
  }
  .lab-console__meters div{
    border-bottom:1px solid var(--hm-muted);
  }
  .lab-console__meters div:nth-child(3),
  .lab-console__meters div:nth-child(4){
    border-bottom:0;
  }
  .lab-console__pipeline div{
    border-right:0;
    border-bottom:1px solid var(--hm-muted);
  }
  .lab-console__pipeline div:last-child{
    grid-column:1/-1;
    border-bottom:0;
  }
  .showcase-cta__card{
    padding:var(--hm-space-3);
  }
}

@media (max-width:390px){
  .workflow-steps li,
  .reuse-checklist li{
    grid-template-columns:1fr;
  }
  .workflow-steps__number{
    width:32px;
    height:32px;
  }
  .lab-console__meters,
  .lab-console__pipeline{
    grid-template-columns:1fr;
  }
  .lab-console__meters div,
  .lab-console__meters div:nth-child(2),
  .lab-console__meters div:nth-child(3){
    border-right:0;
    border-bottom:1px solid var(--hm-muted);
  }
  .lab-console__meters div:last-child{
    border-bottom:0;
  }
  .lab-console__pipeline div:last-child{
    grid-column:auto;
  }
}
