.p-page-hero.use-hero{
  padding-block:var(--mw-space-5) var(--mw-space-6);
  overflow:hidden;
  border-bottom:1px solid var(--mw-line);
  background:var(--mw-paper)
}

.use-hero__layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
  gap:var(--mw-space-5);
  align-items:end;
  margin-top:var(--mw-space-4)
}

.use-hero__layout>*{
  min-width:0
}

.use-hero__content .p-page-hero__title{
  max-width:900px;
  font-size:clamp(var(--mw-size-3xl),6vw,var(--mw-size-hero))
}

.use-hero__content .p-page-hero__copy{
  max-width:760px;
  margin-top:var(--mw-space-3);
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-lg)
}

.use-hero__actions{
  margin-top:var(--mw-space-4)
}

.use-hero__checks{
  min-width:0;
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  display:grid;
  gap:var(--mw-space-3);
  background:var(--mw-white);
  box-shadow:var(--mw-shadow)
}

.use-hero__check{
  min-width:0;
  padding-bottom:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line)
}

.use-hero__check:last-child{
  padding-bottom:0;
  border-bottom:0
}

.use-hero__check strong{
  display:block;
  margin-top:var(--mw-space-1);
  font-family:var(--mw-heading)
}

.use-hero__check p{
  margin:.25rem 0 0;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.use-filter{
  gap:var(--mw-space-1)
}

.use-filter__status{
  margin:var(--mw-space-2) 0 0;
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.use-case-section[hidden]{
  display:none
}

.use-case-heading{
  display:flex;
  align-items:flex-start;
  gap:var(--mw-space-3);
  margin-bottom:var(--mw-space-4)
}

.use-case-heading>*{
  min-width:0
}

.use-case-heading__icon{
  width:52px;
  height:52px;
  flex:0 0 auto;
  border:1px solid var(--mw-ink);
  border-radius:var(--mw-radius-md);
  display:grid;
  place-items:center;
  background:var(--mw-primary-soft);
  color:var(--mw-accent)
}

.use-case-heading__icon svg{
  width:28px;
  height:28px
}

.use-case-heading .mw-kicker{
  margin-bottom:var(--mw-space-1)
}

.use-case-heading h2{
  max-width:900px
}

.use-case-layout{
  align-items:start;
  gap:var(--mw-space-4)
}

.use-case-copy p{
  color:var(--mw-ink-soft)
}

.use-workflow h3,
.use-experiment h3{
  margin-bottom:var(--mw-space-3)
}

.use-steps{
  display:grid;
  gap:var(--mw-space-2)
}

.use-steps li{
  min-width:0;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:var(--mw-space-2);
  align-items:start
}

.use-steps li>span{
  width:32px;
  height:32px;
  border:1px solid var(--mw-line-strong);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--mw-white);
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  font-weight:700
}

.use-steps p{
  margin:.15rem 0 0;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.use-facts{
  margin:var(--mw-space-3) 0 0
}

.use-facts div{
  min-width:0;
  padding:var(--mw-space-2) 0;
  border-top:1px solid var(--mw-line);
  display:grid;
  grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);
  gap:var(--mw-space-2)
}

.use-facts dt{
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.use-facts dd{
  margin:0;
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-sm)
}

.use-pipeline{
  min-width:0;
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  display:grid;
  grid-template-columns:repeat(7,minmax(0,auto));
  gap:var(--mw-space-2);
  align-items:center;
  background:var(--mw-white)
}

.use-pipeline>div{
  min-width:0
}

.use-pipeline>svg{
  width:24px;
  color:var(--mw-primary)
}

.use-pipeline span{
  display:block;
  margin-bottom:.25rem;
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.use-pipeline strong{
  display:block;
  font-size:var(--mw-size-sm)
}

.use-records{
  display:grid;
  gap:var(--mw-space-1)
}

.use-records>div{
  min-width:0;
  padding:var(--mw-space-2);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  display:grid;
  grid-template-columns:minmax(76px,.25fr) minmax(0,1fr);
  gap:var(--mw-space-2);
  background:var(--mw-white)
}

.use-records code{
  color:var(--mw-primary);
  font-size:var(--mw-size-sm);
  font-weight:700
}

.use-records p{
  margin:0;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.use-checklist{
  margin-top:var(--mw-space-3);
  padding-top:var(--mw-space-2);
  border-top:1px solid var(--mw-line);
  display:grid;
  gap:var(--mw-space-1)
}

.use-checklist li{
  position:relative;
  padding-left:var(--mw-space-3);
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-sm)
}

.use-checklist li::before{
  position:absolute;
  top:.7rem;
  left:.25rem;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mw-teal);
  content:""
}

.use-boundary-table{
  min-width:640px
}

.latency-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  overflow:hidden;
  background:var(--mw-white)
}

.latency-meta>div{
  min-width:0;
  padding:var(--mw-space-2);
  border-right:1px solid var(--mw-line)
}

.latency-meta>div:last-child{
  border-right:0
}

.latency-meta span{
  display:block;
  margin-bottom:.35rem;
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.latency-meta strong{
  display:block;
  font-size:var(--mw-size-sm)
}

.latency-table{
  min-width:980px
}

.latency-table .is-number{
  white-space:nowrap
}

.latency-table .latency-best{
  background:var(--mw-success-bg);
  color:var(--mw-success);
  font-weight:700
}

.latency-note{
  margin:var(--mw-space-3) 0 0;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.resource-cards{
  align-items:stretch
}

.resource-cards .c-price{
  display:flex;
  flex-direction:column
}

.resource-fit{
  margin:var(--mw-space-3) 0;
  border-block:1px solid var(--mw-line)
}

.resource-fit>div{
  min-width:0;
  padding:var(--mw-space-1) 0;
  display:grid;
  grid-template-columns:minmax(100px,.45fr) minmax(0,1fr);
  gap:var(--mw-space-1)
}

.resource-fit span{
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.resource-fit strong{
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  font-weight:600
}

.resource-summary{
  flex:1;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.resource-table{
  min-width:780px
}

.resource-method{
  padding:var(--mw-space-4);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  background:var(--mw-paper)
}

.resource-method ol{
  margin-top:var(--mw-space-3);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--mw-space-3)
}

.resource-method li{
  min-width:0
}

.resource-method li span{
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  font-weight:700
}

.resource-method li p{
  margin:var(--mw-space-1) 0 0;
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-sm)
}

.use-page-cta{
  background:var(--mw-white)
}

.use-page-cta__card{
  min-width:0;
  padding:var(--mw-space-5);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:var(--mw-space-4);
  align-items:center;
  background:var(--mw-paper);
  box-shadow:var(--mw-shadow)
}

.use-page-cta__card>*{
  min-width:0
}

.use-page-cta__card h2{
  max-width:720px
}

.use-page-cta__card p:not(.mw-kicker){
  max-width:680px;
  margin:var(--mw-space-2) 0 0;
  color:var(--mw-muted)
}

.use-page-cta__actions{
  min-width:0;
  display:grid;
  gap:var(--mw-space-2)
}

@media (max-width:980px){
  .use-hero__layout{
    grid-template-columns:1fr
  }

  .use-hero__checks{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .use-hero__check{
    padding:0 var(--mw-space-2) 0 0;
    border-right:1px solid var(--mw-line);
    border-bottom:0
  }

  .use-hero__check:last-child{
    padding-right:0;
    border-right:0
  }

  .use-pipeline{
    grid-template-columns:1fr
  }

  .use-pipeline>svg{
    transform:rotate(90deg);
    justify-self:center
  }

  .latency-meta{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .latency-meta>div:nth-child(2){
    border-right:0
  }

  .latency-meta>div:nth-child(-n+2){
    border-bottom:1px solid var(--mw-line)
  }

  .resource-method ol{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .use-page-cta__card{
    grid-template-columns:1fr
  }
}

@media (max-width:640px){
  .p-page-hero.use-hero{
    padding-block:var(--mw-space-4) var(--mw-space-5)
  }

  .use-hero__layout{
    margin-top:var(--mw-space-3);
    gap:var(--mw-space-4)
  }

  .use-hero__content .p-page-hero__copy{
    font-size:var(--mw-size-base)
  }

  .use-hero__actions{
    display:grid
  }

  .use-hero__actions .c-btn{
    width:100%;
    white-space:normal
  }

  .use-hero__checks{
    grid-template-columns:1fr
  }

  .use-hero__check{
    padding:0 0 var(--mw-space-2);
    border-right:0;
    border-bottom:1px solid var(--mw-line)
  }

  .use-case-heading{
    gap:var(--mw-space-2)
  }

  .use-case-heading__icon{
    width:44px;
    height:44px
  }

  .use-case-heading__icon svg{
    width:24px;
    height:24px
  }

  .use-facts div,
  .use-records>div,
  .resource-fit>div{
    grid-template-columns:1fr
  }

  .latency-meta{
    grid-template-columns:1fr
  }

  .latency-meta>div,
  .latency-meta>div:nth-child(2){
    border-right:0;
    border-bottom:1px solid var(--mw-line)
  }

  .latency-meta>div:last-child{
    border-bottom:0
  }

  .resource-method{
    padding:var(--mw-space-3)
  }

  .resource-method ol{
    grid-template-columns:1fr
  }

  .use-page-cta__card{
    padding:var(--mw-space-3)
  }

  .use-page-cta__actions .c-btn{
    width:100%;
    white-space:normal
  }
}

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

  .use-filter .c-filter__button{
    width:100%;
    text-align:left
  }

  .use-case-heading{
    display:grid
  }
}