.home-availability{
  background:var(--ops-ink);
  color:var(--ops-surface)
}
.home-availability__inner{
  min-height:3.25rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ops-space-2);
  padding-block:.65rem
}
.home-availability__inner p{
  min-width:0;
  margin:0;
  display:flex;
  align-items:center;
  gap:.5rem;
  color:var(--ops-muted-2);
  font-size:var(--ops-fs-1)
}
.home-availability__inner a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  color:var(--ops-surface);
  font-size:var(--ops-fs-1);
  font-weight:700
}
.home-availability__inner a svg{
  width:.9rem;
  height:.9rem
}
.ops-hero-copy{
  text-align:center
}
.ops-hero-copy>p{
  max-width:52rem;
  margin-inline:auto
}
.ops-hero-copy .ops-kicker{
  margin-inline:auto
}
.ops-hero-copy .ops-kicker+h1{
  margin-top:.75rem
}
.ops-hero-copy .ops-actions{
  justify-content:center
}
.home-device{
  filter:drop-shadow(0 25px 28px rgba(19,19,22,.18))
}
.home-device-body{
  fill:var(--ops-line);
  stroke:var(--ops-muted);
  stroke-width:1.2
}
.home-device-front{
  fill:var(--ops-ink-2);
  stroke:var(--ops-ink);
  stroke-width:1.2
}
.home-device-slot{
  fill:var(--ops-line-dark)
}
.home-device-port{
  fill:var(--ops-ink)
}
.home-device-light{
  fill:var(--ops-yellow)
}
.home-device-ready{
  fill:var(--ops-success)
}
.home-device-vents{
  fill:none;
  stroke:var(--ops-muted);
  stroke-width:4;
  stroke-dasharray:3 7
}
.hero-fact{
  padding:var(--ops-space-2);
  border:1px solid var(--ops-line);
  border-radius:var(--ops-radius-sm);
  background:var(--ops-surface);
  color:var(--ops-ink);
  box-shadow:var(--ops-shadow)
}
.hero-fact strong{
  display:flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:.65rem;
  color:var(--ops-ink);
  font-size:var(--ops-fs-1)
}
.hero-fact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.4rem
}
.hero-fact-grid span{
  min-width:0;
  padding:.45rem;
  border-radius:.3rem;
  background:var(--ops-paper);
  color:var(--ops-ink);
  font:var(--ops-fs-0)/1.5 var(--ops-mono);
  overflow-wrap:anywhere
}
.tool-wall{
  border-block:1px solid var(--ops-line);
  background:var(--ops-surface);
  color:var(--ops-ink)
}
.tool-grid{
  display:grid;
  grid-template-columns:1.45fr repeat(6,minmax(0,1fr))
}
.tool-grid>*{
  min-width:0;
  min-height:8.5rem;
  padding:1.25rem;
  display:grid;
  place-items:center;
  border-right:1px solid var(--ops-line);
  color:var(--ops-ink);
  text-align:center;
  font-weight:700
}
.tool-grid>*:first-child{
  place-items:center start;
  border-left:1px solid var(--ops-line);
  text-align:left
}
.tool-grid small{
  display:block;
  margin-top:.45rem;
  color:var(--ops-muted);
  font-size:var(--ops-fs-0);
  font-weight:400;
  line-height:1.5
}
.node-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--ops-line);
  border-radius:var(--ops-radius-md);
  background:var(--ops-surface);
  color:var(--ops-ink)
}
.node{
  min-width:0;
  padding:1.35rem;
  border-right:1px solid var(--ops-line);
  background:var(--ops-surface);
  color:var(--ops-ink)
}
.node:last-child{
  border-right:0
}
.node-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  color:var(--ops-muted);
  font:var(--ops-fs-0)/1.4 var(--ops-mono)
}
.node-top span:last-child{
  display:inline-flex;
  align-items:center;
  gap:.35rem
}
.node-top .c-dot{
  width:.35rem;
  height:.35rem;
  flex:0 0 auto
}
.node h3{
  margin:2.1rem 0 .45rem;
  color:var(--ops-ink);
  font-size:var(--ops-fs-3)
}
.node p{
  margin:0;
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}
.node a{
  display:inline-block;
  margin-top:1.5rem;
  color:var(--ops-ink);
  font-size:var(--ops-fs-1);
  font-weight:700
}
.billing-band{
  margin-top:.75rem;
  padding:var(--ops-space-2) 1.25rem;
  display:flex;
  justify-content:space-between;
  gap:var(--ops-space-2);
  border-radius:var(--ops-radius-sm);
  background:var(--ops-yellow-pale);
  color:var(--ops-ink);
  font-size:var(--ops-fs-1)
}
.billing-band strong,
.billing-band span{
  color:var(--ops-ink)
}
.usecase-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--ops-space-2);
  align-items:start
}
.usecase{
  min-width:0;
  padding:var(--ops-space-3);
  border-radius:var(--ops-radius-md);
  background:var(--ops-surface);
  color:var(--ops-ink);
  box-shadow:var(--ops-shadow)
}
.usecase .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}
.usecase h3{
  margin:2.5rem 0 .7rem;
  color:var(--ops-ink);
  font-size:1.1rem
}
.usecase p{
  color:var(--ops-muted);
  font-size:var(--ops-fs-2)
}
.usecase code{
  display:block;
  max-width:100%;
  padding-top:1.25rem;
  overflow-x:auto;
  border-top:1px solid var(--ops-line);
  color:var(--ops-muted);
  font-size:var(--ops-fs-0);
  white-space:nowrap
}
.home-fleet{
  background:var(--ops-ink);
  color:var(--ops-surface)
}
.home-fleet .ops-section-head-center h2{
  color:var(--ops-surface)
}
.home-fleet .ops-section-head-center p{
  color:var(--ops-muted-2)
}
.fleet-grid{
  display:grid;
  grid-template-columns:.85fr 1.3fr .85fr;
  gap:var(--ops-space-2);
  align-items:start
}
.fleet-card{
  min-width:0;
  padding:var(--ops-space-3);
  border:1px solid var(--ops-line-dark);
  border-radius:var(--ops-radius-md);
  background:var(--ops-ink-2);
  color:var(--ops-surface)
}
.fleet-card h3{
  margin-bottom:.5rem;
  color:var(--ops-surface);
  font-size:var(--ops-fs-3)
}
.fleet-card p{
  color:var(--ops-muted-2);
  font-size:var(--ops-fs-2)
}
.fleet-list{
  display:grid;
  gap:.5rem;
  margin-top:1.5rem
}
.fleet-row{
  min-width:0;
  padding:.7rem;
  display:grid;
  grid-template-columns:.6rem minmax(0,1fr) auto;
  gap:.6rem;
  align-items:center;
  border-radius:.4rem;
  background:var(--ops-ink);
  color:var(--ops-muted-2);
  font:var(--ops-fs-0)/1.4 var(--ops-mono)
}
.fleet-row i{
  width:.38rem;
  height:.38rem;
  border-radius:50%;
  background:var(--ops-success)
}
.fleet-row span,
.fleet-row b{
  min-width:0;
  overflow-wrap:anywhere
}
.fleet-row b{
  color:var(--ops-surface);
  text-align:right
}
.host-plate{
  margin-top:1.5rem;
  padding:1.25rem;
  display:grid;
  gap:.35rem;
  overflow-x:auto;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-ink);
  color:var(--ops-muted-2);
  font:var(--ops-fs-1)/1.6 var(--ops-mono)
}
.host-plate span{
  min-width:max-content
}
.host-plate span:nth-child(4),
.host-plate span:nth-child(6){
  margin-top:.75rem
}
.host-plate b{
  color:var(--ops-yellow)
}
.meter-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ops-space-1);
  margin-top:1.2rem;
  color:var(--ops-muted-2);
  font-size:var(--ops-fs-1)
}
.meter-label strong{
  color:var(--ops-surface)
}
.meter{
  height:.4rem;
  margin-top:.45rem;
  overflow:hidden;
  border-radius:1rem;
  background:var(--ops-line-dark);
  color:var(--ops-surface)
}
.meter span{
  display:block;
  height:100%;
  background:var(--ops-yellow);
  color:var(--ops-ink)
}
.meter-memory{
  width:62%
}
.meter-queue{
  width:78%
}
.fleet-card .fleet-note{
  margin-top:1.5rem;
  margin-bottom:0;
  font-size:var(--ops-fs-1)
}
.c-price{
  display:flex;
  flex-direction:column
}
.c-price>.c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:.75rem
}
.c-price h3{
  margin-bottom:.5rem
}
.c-price>p:not(.ops-mt-3){
  min-height:3rem
}
.c-price .ops-mt-3{
  overflow-wrap:anywhere
}
.home-readiness{
  align-items:stretch
}
.home-readiness>.c-card{
  display:flex;
  flex-direction:column
}
.home-readiness .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:.75rem
}
.home-readiness h3{
  margin-bottom:.5rem
}
.home-readiness>.c-card>.c-btn{
  width:fit-content;
  max-width:100%;
  margin-top:auto
}
.timeline{
  display:grid;
  gap:0;
  margin:var(--ops-space-3) 0 0;
  padding:0;
  list-style:none
}
.timeline-step{
  position:relative;
  min-width:0;
  min-height:5.2rem;
  display:grid;
  grid-template-columns:2.4rem minmax(0,1fr) auto;
  gap:.75rem
}
.timeline-step:not(:last-child)::after{
  content:"";
  position:absolute;
  left:1rem;
  top:2.1rem;
  bottom:0;
  width:1px;
  background:var(--ops-line)
}
.timeline-step>b{
  width:2rem;
  height:2rem;
  z-index:1;
  display:grid;
  place-items:center;
  border:1px solid var(--ops-line);
  border-radius:50%;
  background:var(--ops-surface);
  color:var(--ops-ink);
  font:var(--ops-fs-0)/1 var(--ops-mono)
}
.timeline-step h4{
  margin:.2rem 0 .4rem;
  color:var(--ops-ink);
  font-size:var(--ops-fs-2)
}
.timeline-step p{
  margin:0;
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}
.timeline-step time{
  color:var(--ops-muted);
  font:var(--ops-fs-0)/1.4 var(--ops-mono);
  white-space:nowrap
}
.home-readiness .c-checklist{
  margin:var(--ops-space-3) 0
}
.connect-panel{
  display:grid;
  grid-template-columns:23rem minmax(0,1fr);
  overflow:hidden;
  border-radius:var(--ops-radius-lg);
  background:var(--ops-ink);
  color:var(--ops-surface)
}
.connect-copy{
  padding:var(--ops-space-4);
  background:var(--ops-surface);
  color:var(--ops-ink)
}
.connect-copy .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:.75rem
}
.connect-copy h3{
  margin-bottom:.5rem;
  color:var(--ops-ink)
}
.connect-copy p{
  color:var(--ops-muted)
}
.connect-copy .c-checklist{
  margin-top:var(--ops-space-3)
}
.connect-map{
  position:relative;
  min-width:0;
  min-height:30rem;
  overflow:hidden;
  background:var(--ops-ink-2);
  color:var(--ops-surface)
}
.connect-map>img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.78
}
.connect-map__legend{
  position:absolute;
  left:1.5rem;
  top:1.5rem;
  max-width:calc(100% - 3rem);
  display:grid;
  gap:.45rem
}
.connect-map__legend span{
  width:fit-content;
  max-width:100%;
  padding:.55rem .7rem;
  display:flex;
  align-items:center;
  gap:.45rem;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-ink);
  color:var(--ops-surface);
  font-size:var(--ops-fs-1)
}
.connect-map>a{
  position:absolute;
  right:1.5rem;
  bottom:1.5rem;
  max-width:calc(100% - 3rem)
}
.home-payment{
  background:var(--ops-yellow);
  color:var(--ops-ink)
}
.payment-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:var(--ops-space-4);
  align-items:center
}
.home-payment .ops-kicker{
  background:var(--ops-ink);
  color:var(--ops-surface);
  padding:.42em .9em;
  border-radius:var(--ops-radius-sm)
}
.home-payment .ops-kicker+h2{
  margin-top:.75rem
}
.home-payment h2{
  color:var(--ops-ink)
}
.home-payment p{
  margin-bottom:0;
  color:var(--ops-ink)
}
.pay-methods{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem
}
.pay-method{
  min-width:0;
  padding:var(--ops-space-3);
  border:1px solid color-mix(in srgb,var(--ops-ink) 16%,transparent);
  border-radius:var(--ops-radius-md);
  background:color-mix(in srgb,var(--ops-surface) 55%,var(--ops-yellow));
  color:var(--ops-ink)
}
.pay-method span{
  display:block;
  margin-bottom:.45rem;
  color:var(--ops-ink);
  font-size:var(--ops-fs-0)
}
.pay-method strong{
  display:block;
  color:var(--ops-ink);
  font:700 var(--ops-fs-1)/1.4 var(--ops-mono);
  overflow-wrap:anywhere
}
.home-faq{
  align-items:start
}
.home-faq .ops-kicker+h2{
  margin-top:.75rem
}
.home-faq>div:first-child>.c-btn{
  margin-top:var(--ops-space-2)
}
.home-final .c-cta{
  background:var(--ops-ink);
  color:var(--ops-surface)
}
.home-final .c-cta h2{
  color:var(--ops-surface)
}
.home-final .c-cta p{
  color:var(--ops-muted-2)
}
.home-final__actions{
  min-width:0;
  display:grid;
  gap:.5rem
}
.home-final__actions .c-btn{
  width:100%
}
.home-final__actions .c-btn-ghost{
  border-color:var(--ops-line-dark);
  background:transparent;
  color:var(--ops-surface)
}
.home-final__actions .c-btn-ghost:hover{
  border-color:var(--ops-muted);
  background:var(--ops-ink-3);
  color:var(--ops-surface)
}
@media(max-width:1000px){
  .tool-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .tool-grid>*:first-child{
    grid-column:1/-1
  }
  .node-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .node:nth-child(3){
    border-right:0
  }
  .node:nth-child(-n+3){
    border-bottom:1px solid var(--ops-line)
  }
  .usecase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .fleet-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .fleet-card-main{
    grid-row:span 2
  }
  .connect-panel{
    grid-template-columns:1fr
  }
}
@media(max-width:768px){
  .home-availability__inner{
    align-items:flex-start;
    flex-direction:column;
    gap:.5rem
  }
  .home-availability__inner a{
    margin-left:1rem
  }
  .fleet-grid{
    grid-template-columns:1fr
  }
  .fleet-card-main{
    grid-row:auto
  }
  .payment-grid{
    grid-template-columns:1fr
  }
}
@media(max-width:640px){
  .home-availability__inner a{
    margin-left:0
  }
  .tool-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .tool-grid>*{
    min-height:6.5rem
  }
  .node-grid,
  .usecase-grid{
    grid-template-columns:1fr
  }
  .node{
    border-right:0;
    border-bottom:1px solid var(--ops-line)
  }
  .node:last-child{
    border-bottom:0
  }
  .billing-band{
    flex-direction:column
  }
  .timeline-step{
    grid-template-columns:2.4rem minmax(0,1fr)
  }
  .timeline-step time{
    grid-column:2
  }
  .connect-copy{
    padding:var(--ops-space-3)
  }
  .connect-map{
    min-height:25rem
  }
  .connect-map__legend{
    left:var(--ops-space-2);
    top:var(--ops-space-2);
    max-width:calc(100% - 2rem)
  }
  .connect-map>a{
    right:var(--ops-space-2);
    bottom:var(--ops-space-2);
    max-width:calc(100% - 2rem)
  }
  .pay-methods{
    grid-template-columns:1fr
  }
}
@media(max-width:390px){
  .tool-grid{
    grid-template-columns:1fr
  }
  .tool-grid>*:first-child{
    grid-column:auto
  }
  .hero-fact-grid{
    grid-template-columns:1fr
  }
  .node-top{
    align-items:flex-start;
    flex-direction:column
  }
  .timeline-step{
    gap:.5rem
  }
  .connect-map__legend span{
    align-items:flex-start
  }
}
