.bvm-use-hero{
  padding-block:var(--bvm-hero-space);
  background:#ffffff;
  color:#101716;
}

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

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

.bvm-use-hero__copy{
  min-width:0;
  align-items:flex-start;
  text-align:left;
}

.bvm-title-block{
  display:grid;
  gap:.75rem;
  min-width:0;
}

.bvm-title-block>.c-kicker,
.bvm-title-block>.c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.bvm-use-hero h1{
  max-width:15ch;
  font-size:clamp(2.7rem,5vw,3.7rem);
  line-height:1.16;
}

.bvm-use-hero__lead{
  max-width:42rem;
  margin-top:var(--bvm-space-3);
  color:#35413e;
  font-size:var(--bvm-text-3);
}

.bvm-use-hero__note{
  max-width:42rem;
  margin-top:var(--bvm-space-2);
  color:#59635f;
}

.bvm-use-hero__actions{
  justify-content:flex-start;
  margin-block:var(--bvm-space-4);
}

.bvm-hero-facts{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0 0 var(--bvm-space-3);
  border-top:1px solid #dfe3de;
  border-bottom:1px solid #dfe3de;
}

.bvm-hero-facts div{
  min-width:0;
  padding:var(--bvm-space-2) var(--bvm-space-2) var(--bvm-space-2) 0;
}

.bvm-hero-facts div+div{
  padding-left:var(--bvm-space-2);
  border-left:1px solid #dfe3de;
}

.bvm-hero-facts dt,
.bvm-hero-facts dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.bvm-hero-facts dt{
  color:#59635f;
}

.bvm-hero-facts dd{
  margin-top:.5rem;
  color:#101716;
  font-size:var(--bvm-text-2);
  font-weight:var(--bvm-weight-semibold);
}

.bvm-workload-board{
  min-width:0;
  height:auto;
  overflow:hidden;
  border-radius:var(--bvm-radius-lg);
  background:#101716;
  color:#ffffff;
}

.bvm-workload-board__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--bvm-space-2);
  padding:var(--bvm-space-3) var(--bvm-space-4);
  background:#101716;
  color:#ffffff;
}

.bvm-workload-board__head>div{
  min-width:0;
}

.bvm-workload-board__head strong{
  display:block;
  margin-top:.5rem;
  color:#ffffff;
  font-size:var(--bvm-text-3);
  line-height:var(--bvm-leading-heading);
}

.bvm-board-label{
  color:#aab4b1;
  font-family:var(--bvm-font-mono);
  font-size:var(--bvm-text-00);
  line-height:var(--bvm-leading-label);
  letter-spacing:.08em;
}

.bvm-board-id{
  flex:0 0 auto;
  color:#aab4b1;
  font-size:var(--bvm-text-00);
}

.bvm-workload-board__body{
  padding:var(--bvm-space-3) var(--bvm-space-4) var(--bvm-space-4);
  background:#eef0e5;
  color:#1d2118;
}

.bvm-board-route{
  display:grid;
  grid-template-columns:minmax(4.5rem,.45fr) minmax(0,1fr) auto;
  gap:var(--bvm-space-2);
  align-items:center;
  min-width:0;
  padding-block:.875rem;
  border-bottom:1px solid rgba(29,33,24,.14);
}

.bvm-board-route>span,
.bvm-board-route>strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.bvm-board-route>span:first-child{
  color:#60675a;
  font-size:var(--bvm-text-0);
}

.bvm-board-route>strong{
  color:#1d2118;
  font-size:var(--bvm-text-1);
}

.bvm-board-route .c-badge{
  justify-self:end;
  background:#ffffff;
  color:#27302b;
}

.bvm-board-route .c-badge-success{
  background:#00685f;
  color:#ffffff;
}

.bvm-board-configs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bvm-space-2);
  margin-top:var(--bvm-space-3);
}

.bvm-board-configs article{
  min-width:0;
  padding:var(--bvm-space-3);
  border-radius:var(--bvm-radius-md);
  background:#ffffff;
  color:#17201f;
}

.bvm-board-configs article:nth-child(2){
  background:#f2eaf0;
  color:#241b22;
}

.bvm-board-configs article .bvm-board-label{
  color:#4d5955;
}

.bvm-board-configs article:nth-child(2) .bvm-board-label{
  color:#594851;
}

.bvm-board-configs h2{
  margin-top:.75rem;
  color:inherit;
  font-size:var(--bvm-text-3);
  letter-spacing:-.02em;
}

.bvm-board-configs dl{
  margin:var(--bvm-space-2) 0 0;
}

.bvm-board-configs dl div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--bvm-space-1);
  padding-block:.5rem;
  border-bottom:1px solid rgba(16,23,22,.12);
}

.bvm-board-configs dl div:last-child{
  border-bottom:0;
}

.bvm-board-configs dt,
.bvm-board-configs dd{
  min-width:0;
  color:inherit;
  overflow-wrap:anywhere;
}

.bvm-board-configs dt{
  opacity:.65;
}

.bvm-workload-board__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--bvm-space-2);
  padding:var(--bvm-space-2) var(--bvm-space-4);
  background:#171e1d;
  color:#ffffff;
}

.bvm-workload-board__foot .c-stock{
  color:#ffffff;
}

.bvm-workload-board__foot .c-stock::before{
  background:#62c9bd;
}

.bvm-workload-board__foot>span:last-child{
  color:#aab4b1;
  font-size:var(--bvm-text-0);
}

.bvm-section-heading{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr);
  gap:var(--bvm-space-5);
  align-items:end;
  margin-bottom:var(--bvm-space-5);
}

.bvm-section-heading>*{
  min-width:0;
}

.bvm-section-heading>p{
  color:#59635f;
}

.bvm-section-heading--dark{
  color:#ffffff;
}

.bvm-section-heading--dark h2{
  color:#ffffff;
}

.bvm-section-heading--dark>p{
  color:#aab4b1;
}

.bvm-dev-layout{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:var(--bvm-space-3);
  align-items:stretch;
}

.bvm-dev-layout>*{
  min-width:0;
}

.bvm-task-panel{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.bvm-task-mark{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--bvm-space-1);
}

.bvm-icon-chip{
  width:2.5rem;
  height:2.5rem;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--bvm-radius-sm);
  background:#ffffff;
  color:#00685f;
}

.bvm-task-panel h3,
.bvm-boundary-panel h3{
  margin-top:var(--bvm-space-3);
}

.bvm-task-panel>p,
.bvm-boundary-panel>p{
  margin-top:var(--bvm-space-2);
}

.bvm-check-list{
  width:100%;
  margin-top:var(--bvm-space-3);
  padding:0;
  list-style:none;
}

.bvm-check-list li{
  padding-block:.875rem;
  border-bottom:1px solid rgba(21,33,38,.14);
}

.bvm-check-list li:first-child{
  border-top:1px solid rgba(21,33,38,.14);
}

.bvm-dev-companion{
  min-width:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:var(--bvm-space-3);
}

.bvm-acceptance-sheet{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.bvm-acceptance-sheet h3{
  margin-top:var(--bvm-space-3);
}

.bvm-acceptance-sheet dl{
  width:100%;
  flex:1;
  margin:var(--bvm-space-3) 0 0;
}

.bvm-acceptance-sheet dl div{
  display:grid;
  grid-template-columns:minmax(7rem,.45fr) minmax(0,1fr);
  gap:var(--bvm-space-2);
  min-width:0;
  padding-block:.75rem;
  border-bottom:1px solid rgba(37,28,22,.14);
}

.bvm-acceptance-sheet dl div:first-child{
  border-top:1px solid rgba(37,28,22,.14);
}

.bvm-acceptance-sheet dt,
.bvm-acceptance-sheet dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.bvm-acceptance-sheet dd{
  color:#584a41;
}

.bvm-control-surface{
  overflow:hidden;
  border-radius:var(--bvm-radius-lg);
  background:#171e1d;
  color:#ffffff;
}

.bvm-control-surface__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--bvm-space-3);
  padding:var(--bvm-space-3) var(--bvm-space-4);
  background:#202826;
  color:#ffffff;
}

.bvm-control-surface__head strong{
  display:block;
  margin-top:.5rem;
  color:#ffffff;
  font-size:var(--bvm-text-3);
}

.bvm-control-surface__body{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);
  align-items:stretch;
  min-width:0;
}

.bvm-control-surface__body>*{
  min-width:0;
}

.bvm-runner-main{
  padding:var(--bvm-space-3) var(--bvm-space-4);
  background:#171e1d;
  color:#ffffff;
}

.bvm-runner-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--bvm-space-3);
  align-items:start;
  min-width:0;
  padding-block:var(--bvm-space-3);
  border-bottom:1px solid #303936;
}

.bvm-runner-row:first-child{
  border-top:1px solid #303936;
}

.bvm-runner-row>*{
  min-width:0;
  overflow-wrap:anywhere;
}

.bvm-runner-row>span:first-child{
  color:#62c9bd;
  font-size:var(--bvm-text-0);
}

.bvm-runner-row strong{
  color:#ffffff;
  font-size:var(--bvm-text-2);
}

.bvm-runner-row p{
  margin-top:.5rem;
  color:#aab4b1;
  font-size:var(--bvm-text-1);
}

.bvm-output{
  width:fit-content;
  color:#c8d2cf;
  font-size:var(--bvm-text-0);
  text-align:right;
}

.bvm-runner-summary{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:var(--bvm-space-4);
  background:#eaf1f4;
  color:#152126;
}

.bvm-runner-summary .bvm-board-label{
  color:#53646a;
}

.bvm-runner-summary dl{
  margin:var(--bvm-space-3) 0 0;
}

.bvm-runner-summary dl div{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--bvm-space-2);
  padding-block:.75rem;
  border-bottom:1px solid rgba(21,33,38,.14);
}

.bvm-runner-summary dt,
.bvm-runner-summary dd{
  min-width:0;
  color:#152126;
  overflow-wrap:anywhere;
}

.bvm-runner-summary dd{
  text-align:right;
}

.bvm-runner-summary .c-btn{
  margin-top:var(--bvm-space-4);
  background:#101716;
  color:#ffffff;
  border-color:#101716;
}

.bvm-pipeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--bvm-space-3);
  align-items:start;
}

.bvm-pipeline-step{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.bvm-pipeline-step__phase{
  width:fit-content;
  align-self:flex-start;
  padding:.45rem .7rem;
  border-radius:var(--bvm-radius-sm);
  background:#ffffff;
  color:#34403d;
  font-size:var(--bvm-text-00);
  font-weight:var(--bvm-weight-bold);
  letter-spacing:.08em;
}

.bvm-pipeline-step h3{
  margin-top:var(--bvm-space-3);
  font-size:var(--bvm-text-3);
}

.bvm-pipeline-step>p{
  margin-top:var(--bvm-space-2);
}

.bvm-pipeline-step ul{
  margin-top:var(--bvm-space-3);
  padding-left:1.1rem;
}

.bvm-pipeline-step li+li{
  margin-top:.5rem;
}

.bvm-ai-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:var(--bvm-space-3);
  align-items:start;
}

.bvm-ai-layout>*{
  min-width:0;
}

.bvm-ai-panel,
.bvm-ai-check{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.bvm-ai-panel h3,
.bvm-ai-check h3{
  margin-top:var(--bvm-space-3);
}

.bvm-ai-check>p{
  margin-top:var(--bvm-space-2);
}

.bvm-ai-cases{
  width:100%;
  flex:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bvm-space-2);
  margin-top:var(--bvm-space-3);
}

.bvm-ai-cases div{
  min-width:0;
  padding:var(--bvm-space-3);
  border-radius:var(--bvm-radius-md);
  background:#ffffff;
  color:#17201f;
}

.bvm-ai-cases strong{
  color:#17201f;
}

.bvm-ai-cases p{
  margin-top:.5rem;
  color:#59635f;
  font-size:var(--bvm-text-1);
}

.bvm-ai-check .c-badge{
  background:#252c2a;
  color:#d3dbd8;
}

.bvm-ai-check dl{
  width:100%;
  flex:1;
  margin:var(--bvm-space-3) 0 0;
}

.bvm-ai-check dl div{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:var(--bvm-space-2);
  padding-block:.75rem;
  border-bottom:1px solid #303936;
}

.bvm-ai-check dt,
.bvm-ai-check dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.bvm-ai-check dt{
  color:#ffffff;
}

.bvm-ai-check dd{
  color:#aab4b1;
}

.bvm-ai-check .c-btn{
  margin-top:var(--bvm-space-4);
}

.bvm-boundary-panel{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.bvm-boundary-notice{
  margin-top:var(--bvm-space-3);
  background:#ffffff;
  color:#152126;
}

.bvm-boundary-notice p{
  color:#44545a;
}

.bvm-fit-table th,
.bvm-fit-table td{
  text-align:left;
}

.bvm-fit-table td{
  overflow-wrap:anywhere;
}

.bvm-fit-table tbody tr:nth-child(4) td,
.bvm-fit-table tbody tr:nth-child(5) td{
  background:#f2eaf0;
  color:#241b22;
}

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

.bvm-decision-grid article{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.bvm-decision-grid h3{
  margin-top:var(--bvm-space-3);
}

.bvm-decision-grid p{
  margin-top:var(--bvm-space-2);
}

.bvm-closing-section{
  background:#ffffff;
  color:#101716;
}

.bvm-closing{
  align-items:center;
}

.bvm-closing__copy{
  min-width:0;
  max-width:45rem;
}

.bvm-closing__copy .c-kicker{
  background:#252c2a;
  color:#d3dbd8;
}

.bvm-closing__copy .c-kicker::before{
  background:#62c9bd;
}

.bvm-closing__copy h2{
  color:#ffffff;
}

.bvm-closing__copy p{
  color:#aab4b1;
}

.bvm-closing__actions{
  flex:0 0 min(100%,18rem);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  margin-top:0;
}

.bvm-closing__actions .c-btn{
  width:100%;
}

.bvm-closing__actions .c-btn-ghost{
  color:#ffffff;
  border-color:rgba(255,255,255,.38);
}

@media (max-width:64rem){
  .bvm-use-hero__grid,
  .bvm-section-heading,
  .bvm-dev-layout,
  .bvm-control-surface__body,
  .bvm-ai-layout{
    grid-template-columns:1fr;
  }

  .bvm-use-hero h1{
    max-width:18ch;
  }

  .bvm-section-heading{
    gap:var(--bvm-space-3);
    align-items:start;
  }

  .bvm-dev-layout,
  .bvm-ai-layout{
    align-items:start;
  }

  .bvm-dev-companion{
    grid-template-rows:auto;
  }

  .bvm-pipeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .bvm-control-surface__body{
    align-items:start;
  }
}

@media (max-width:43rem){
  .bvm-use-hero h1{
    max-width:none;
    font-size:clamp(2.45rem,13vw,3.15rem);
  }

  .bvm-use-hero__grid{
    gap:var(--bvm-space-4);
  }

  .bvm-use-hero__actions{
    width:100%;
  }

  .bvm-hero-facts{
    grid-template-columns:1fr;
  }

  .bvm-hero-facts div{
    padding:var(--bvm-space-2) 0;
  }

  .bvm-hero-facts div+div{
    padding-left:0;
    border-top:1px solid #dfe3de;
    border-left:0;
  }

  .bvm-workload-board__head,
  .bvm-workload-board__foot,
  .bvm-control-surface__head{
    display:grid;
  }

  .bvm-board-route{
    grid-template-columns:1fr;
    gap:.5rem;
  }

  .bvm-board-route .c-badge{
    justify-self:start;
  }

  .bvm-board-configs,
  .bvm-pipeline,
  .bvm-ai-cases,
  .bvm-decision-grid{
    grid-template-columns:1fr;
  }

  .bvm-acceptance-sheet dl div,
  .bvm-runner-summary dl div,
  .bvm-ai-check dl div{
    grid-template-columns:1fr;
    gap:.5rem;
  }

  .bvm-runner-summary dd{
    text-align:left;
  }

  .bvm-runner-row{
    grid-template-columns:1fr;
    gap:var(--bvm-space-1);
  }

  .bvm-output{
    text-align:left;
  }

  .bvm-closing__actions{
    width:100%;
    flex-basis:auto;
  }
}