.use-cases-hero{
  overflow:hidden;
}

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

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

.use-cases-hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:var(--mr-space-1);
  margin-top:var(--mr-space-3);
  color:var(--mr-color-text-muted);
  font-family:var(--mr-font-mono);
  font-size:var(--mr-fs-0);
}

.use-cases-hero__facts span{
  padding:var(--mr-space-1);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-sm);
  background:var(--mr-color-surface);
}

.use-cases-console{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--mr-line-strong);
  border-radius:var(--mr-radius-lg);
  background:var(--mr-color-dark-deep);
  box-shadow:var(--mr-shadow-md),var(--mr-shadow-glow);
}

.use-cases-console__head{
  display:flex;
  min-width:0;
  align-items:center;
  gap:var(--mr-space-2);
  padding:var(--mr-space-2) var(--mr-space-3);
  color:var(--mr-color-text-muted);
  border-bottom:1px solid var(--mr-line-purple);
  background:var(--mr-color-surface);
  font-size:var(--mr-fs-0);
}

.use-cases-console__head>span{
  min-width:0;
  overflow-wrap:anywhere;
}

.use-cases-console__lights{
  display:flex;
  flex:0 0 auto;
  gap:var(--mr-space-1);
}

.use-cases-console__lights i{
  display:block;
  width:.625rem;
  height:.625rem;
  border-radius:var(--mr-radius-pill);
  background:var(--mr-color-danger);
}

.use-cases-console__lights i+ i{
  background:var(--mr-color-warning);
}

.use-cases-console__lights i+ i+ i{
  background:var(--mr-color-success);
}

.use-cases-console__body{
  display:grid;
  gap:var(--mr-space-2);
  padding:var(--mr-space-3);
}

.use-cases-console__route{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--mr-space-2);
  align-items:center;
  min-width:0;
  padding:var(--mr-space-2);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-md);
  background:var(--mr-color-surface);
}

.use-cases-console__route>span{
  color:var(--mr-color-primary);
  font-family:var(--mr-font-mono);
  font-weight:var(--mr-weight-bold);
}

.use-cases-console__route div{
  display:grid;
  min-width:0;
}

.use-cases-console__route strong{
  color:var(--mr-color-text);
}

.use-cases-console__route small{
  color:var(--mr-color-text-muted);
  overflow-wrap:anywhere;
}

.use-cases-console__route svg{
  width:1.5rem;
  height:1.5rem;
  color:var(--mr-color-primary);
}

.use-cases-console__result{
  display:grid;
  gap:var(--mr-space-1);
  padding:var(--mr-space-3);
  border:1px solid var(--mr-line-strong);
  border-radius:var(--mr-radius-md);
  background:var(--mr-color-surface-raised);
}

.use-cases-console__result strong{
  font-family:var(--mr-font-heading);
  font-size:var(--mr-fs-4);
}

.use-cases-console__result small{
  color:var(--mr-color-text-muted);
}

.use-case-heading{
  max-width:var(--mr-container-narrow);
  margin-bottom:var(--mr-space-4);
}

.use-case-heading .c-badge{
  width:fit-content;
  margin-bottom:var(--mr-space-2);
}

.use-case-heading h2{
  margin-bottom:var(--mr-space-2);
}

.use-case-heading p{
  color:var(--mr-color-text-muted);
  font-size:var(--mr-fs-3);
}

.use-case-detail{
  align-items:start;
}

.use-case-icon{
  display:flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--mr-space-2);
  color:var(--mr-color-primary);
  border:1px solid var(--mr-line-strong);
  border-radius:var(--mr-radius-md);
  background:var(--mr-color-surface);
}

.use-case-icon svg{
  width:1.5rem;
  height:1.5rem;
}

.c-card--light .use-case-icon{
  color:var(--mr-color-dark);
  border-color:var(--mr-color-dark);
  background:var(--mr-color-primary);
}

.use-case-icon+h3{
  margin-bottom:var(--mr-space-2);
}

.use-case-list{
  display:grid;
  gap:var(--mr-space-2);
  padding-inline-start:var(--mr-space-3);
}

.use-case-list li{
  color:var(--mr-color-text-muted);
}

.c-card--light .use-case-list li{
  color:var(--mr-color-dark);
}

.use-case-detail .c-code{
  margin-bottom:var(--mr-space-2);
}

.use-case-alert{
  margin-top:var(--mr-space-3);
}

.use-cases-band{
  background:var(--mr-color-dark-deep);
}

.use-cases-pipeline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  gap:var(--mr-space-2);
  align-items:center;
  padding:var(--mr-space-3);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-lg);
  background:var(--mr-color-surface);
}

.use-cases-pipeline__item{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  padding:var(--mr-space-3);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-md);
  background:var(--mr-color-dark);
}

.use-cases-pipeline__item>span{
  margin-bottom:var(--mr-space-2);
  color:var(--mr-color-primary);
}

.use-cases-pipeline__item svg{
  width:2rem;
  height:2rem;
  margin-bottom:var(--mr-space-2);
  color:var(--mr-color-primary);
}

.use-cases-pipeline__item h3{
  margin-bottom:var(--mr-space-2);
  font-size:var(--mr-fs-3);
}

.use-cases-pipeline__item p{
  margin-bottom:0;
  color:var(--mr-color-text-muted);
  font-size:var(--mr-fs-1);
}

.use-cases-pipeline__arrow{
  color:var(--mr-color-primary);
  font-family:var(--mr-font-mono);
  font-size:var(--mr-fs-4);
}

.use-cases-operations{
  margin-top:var(--mr-space-3);
}

.use-cases-operations h3{
  margin-bottom:var(--mr-space-2);
}

.use-cases-operations p{
  margin-bottom:0;
  color:var(--mr-color-text-muted);
}

.use-cases-ai{
  align-items:start;
}

.use-cases-ai__panel{
  min-width:0;
  padding:var(--mr-space-4);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-lg);
  background:var(--mr-color-surface);
}

.use-cases-ai__panel h3{
  margin-bottom:var(--mr-space-3);
}

.use-cases-directory{
  display:grid;
  gap:var(--mr-space-2);
}

.use-cases-directory div{
  display:grid;
  grid-template-columns:minmax(max-content,auto) minmax(0,1fr);
  gap:var(--mr-space-3);
  align-items:center;
  padding:var(--mr-space-2);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-sm);
  background:var(--mr-color-dark-deep);
}

.use-cases-directory span{
  color:var(--mr-color-primary);
  font-weight:var(--mr-weight-bold);
}

.use-cases-directory small{
  color:var(--mr-color-text-muted);
  overflow-wrap:anywhere;
}

.use-cases-definition{
  display:grid;
  gap:var(--mr-space-2);
  margin:0;
}

.use-cases-definition div{
  display:grid;
  grid-template-columns:minmax(max-content,auto) minmax(0,1fr);
  gap:var(--mr-space-3);
  padding-bottom:var(--mr-space-2);
  border-bottom:1px solid var(--mr-line-purple);
}

.use-cases-definition div+div{
  padding-top:var(--mr-space-1);
}

.use-cases-definition dt{
  color:var(--mr-color-primary);
  font-weight:var(--mr-weight-bold);
}

.use-cases-definition dd{
  margin:0;
  color:var(--mr-color-text-muted);
}

.use-cases-observe{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:var(--mr-space-3);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-lg);
  overflow:hidden;
}

.use-cases-observe div{
  min-width:0;
  padding:var(--mr-space-3);
  background:var(--mr-color-dark-deep);
}

.use-cases-observe div+div{
  border-left:1px solid var(--mr-line-purple);
}

.use-cases-observe span{
  display:block;
  margin-bottom:var(--mr-space-2);
  color:var(--mr-color-primary);
}

.use-cases-observe strong{
  display:block;
  margin-bottom:var(--mr-space-1);
}

.use-cases-observe p{
  margin-bottom:0;
  color:var(--mr-color-text-muted);
  font-size:var(--mr-fs-1);
}

.use-cases-region-section{
  background:var(--mr-color-surface);
}

.use-cases-region-grid{
  align-items:start;
}

.use-cases-region-code{
  display:inline-flex;
  width:fit-content;
  margin-bottom:var(--mr-space-2);
  padding:var(--mr-space-1) var(--mr-space-2);
  color:var(--mr-color-dark);
  border-radius:var(--mr-radius-sm);
  background:var(--mr-color-primary);
  font-weight:var(--mr-weight-black);
}

.use-cases-region-code+h3{
  margin-bottom:var(--mr-space-2);
}

.use-cases-region-grid p{
  margin-bottom:var(--mr-space-2);
}

.use-cases-region-grid ul{
  display:grid;
  gap:var(--mr-space-1);
  color:var(--mr-color-dark);
  font-size:var(--mr-fs-1);
}

.use-cases-region-method{
  margin-top:var(--mr-space-4);
  padding:var(--mr-space-4);
  border:1px solid var(--mr-line-strong);
  border-radius:var(--mr-radius-lg);
  background:var(--mr-color-dark-deep);
}

.use-cases-region-method h3{
  margin-bottom:var(--mr-space-3);
}

.use-cases-region-method ol{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--mr-space-3);
  margin:0;
  padding:0;
  list-style:none;
}

.use-cases-region-method li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--mr-space-2);
  min-width:0;
}

.use-cases-region-method li>span{
  display:flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  color:var(--mr-color-dark);
  border-radius:var(--mr-radius-pill);
  background:var(--mr-color-primary);
  font-family:var(--mr-font-mono);
  font-weight:var(--mr-weight-black);
}

.use-cases-region-method strong{
  display:block;
  margin-bottom:var(--mr-space-1);
}

.use-cases-region-method p{
  margin-bottom:0;
  color:var(--mr-color-text-muted);
}

.use-cases-release{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--mr-space-3);
}

.use-cases-release article{
  position:relative;
  min-width:0;
  padding:var(--mr-space-3);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-md);
  background:var(--mr-color-surface);
}

.use-cases-release article>span{
  display:block;
  margin-bottom:var(--mr-space-2);
  color:var(--mr-color-primary);
}

.use-cases-release h3{
  margin-bottom:var(--mr-space-2);
}

.use-cases-release p{
  margin-bottom:0;
  color:var(--mr-color-text-muted);
}

.use-cases-release-notes{
  margin-top:var(--mr-space-3);
}

.use-cases-release-notes h3{
  margin-bottom:var(--mr-space-2);
}

.use-cases-compare-section{
  background:var(--mr-color-dark-deep);
}

.use-cases-compare caption{
  padding:var(--mr-space-2);
  color:var(--mr-color-text-muted);
  background:var(--mr-color-surface);
  font-family:var(--mr-font-mono);
  font-size:var(--mr-fs-0);
  text-align:left;
}

.use-cases-compare th[scope="row"]{
  color:var(--mr-color-text);
  font-family:var(--mr-font-heading);
  font-size:var(--mr-fs-2);
  text-transform:none;
}

.use-cases-compare td strong{
  color:var(--mr-color-primary);
}

.use-cases-plan-map{
  align-items:stretch;
}

.use-cases-plan-map .c-price-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

.use-cases-plan-note{
  color:var(--mr-color-text-muted);
  font-size:var(--mr-fs-1);
}

.use-cases-plan-map .c-price-card__link{
  margin-top:auto;
}

.use-cases-plan-check{
  margin-top:var(--mr-space-4);
  padding:var(--mr-space-4);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-lg);
  background:var(--mr-color-surface);
}

.use-cases-plan-check h3{
  margin-bottom:var(--mr-space-3);
}

.use-cases-plan-check ul{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:var(--mr-space-2);
  margin:0;
  padding:0;
  list-style:none;
}

.use-cases-plan-check li{
  min-width:0;
  padding:var(--mr-space-2);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-md);
  background:var(--mr-color-dark-deep);
}

.use-cases-plan-check li>span{
  display:block;
  margin-bottom:var(--mr-space-2);
  color:var(--mr-color-primary);
  font-family:var(--mr-font-mono);
  font-weight:var(--mr-weight-black);
}

.use-cases-plan-check p{
  margin-bottom:0;
  color:var(--mr-color-text-muted);
  font-size:var(--mr-fs-1);
}

.use-cases-plan-check strong{
  color:var(--mr-color-text);
}

.page-cta .c-badge{
  width:fit-content;
  margin-bottom:var(--mr-space-2);
}

.page-cta h2{
  margin-bottom:var(--mr-space-2);
}

.page-cta p{
  max-width:var(--mr-container-narrow);
  color:var(--mr-color-text-muted);
}

@media(max-width:1100px){
  .use-cases-pipeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .use-cases-pipeline__arrow{
    display:none;
  }

  .use-cases-release{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .use-cases-plan-check ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .use-cases-plan-check li:last-child{
    grid-column:1/-1;
  }
}

@media(max-width:900px){
  .use-cases-hero__grid{
    grid-template-columns:1fr;
  }

  .use-cases-observe{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .use-cases-observe div+div{
    border-left:0;
  }

  .use-cases-observe div:nth-child(even){
    border-left:1px solid var(--mr-line-purple);
  }

  .use-cases-observe div:nth-child(n+3){
    border-top:1px solid var(--mr-line-purple);
  }

  .use-cases-region-method ol{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .use-cases-hero__facts{
    display:grid;
    grid-template-columns:1fr;
  }

  .use-cases-console__route{
    grid-template-columns:auto minmax(0,1fr);
  }

  .use-cases-console__route svg{
    display:none;
  }

  .use-cases-pipeline{
    grid-template-columns:1fr;
    padding:var(--mr-space-2);
  }

  .use-cases-ai__panel,
  .use-cases-region-method,
  .use-cases-plan-check{
    padding:var(--mr-space-3);
  }

  .use-cases-directory div,
  .use-cases-definition div{
    grid-template-columns:1fr;
    gap:var(--mr-space-1);
  }

  .use-cases-observe{
    grid-template-columns:1fr;
  }

  .use-cases-observe div:nth-child(even){
    border-left:0;
  }

  .use-cases-observe div+div,
  .use-cases-observe div:nth-child(n+3){
    border-top:1px solid var(--mr-line-purple);
  }

  .use-cases-release{
    grid-template-columns:1fr;
  }

  .use-cases-plan-check ul{
    grid-template-columns:1fr;
  }

  .use-cases-plan-check li:last-child{
    grid-column:auto;
  }

  .use-cases-region-method li{
    grid-template-columns:1fr;
  }
}