.region-hero{
  padding-block:var(--bm-space-6);
  background:var(--bm-ice);
  color:var(--bm-ink)
}

.region-hero__copy{
  display:flex;
  max-width:62rem;
  margin-inline:auto;
  flex-direction:column;
  align-items:center;
  gap:var(--bm-space-2)
}

.region-hero__copy .c-kicker{
  align-self:center
}

.region-hero__copy h1{
  max-width:60rem
}

.region-hero__accent{
  background:linear-gradient(90deg,var(--bm-ink-2),var(--bm-orange-paper));
  background-clip:text;
  color:transparent;
  -webkit-background-clip:text
}

.region-hero__lead{
  max-width:48rem;
  color:var(--bm-ink-2);
  font-size:var(--bm-step-4)
}

.region-hero__note{
  max-width:44rem;
  color:var(--bm-muted)
}

.region-hero__actions{
  justify-content:flex-start;
  margin-top:var(--bm-space-1)
}

.region-dispatch{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);
  gap:var(--bm-space-2);
  margin-top:var(--bm-space-4);
  padding:var(--bm-space-2);
  border-radius:var(--bm-radius-lg);
  background:var(--bm-ink);
  color:var(--bm-white);
  box-shadow:var(--bm-shadow-paper)
}

.region-dispatch>*{
  min-width:0
}

.region-dispatch__route{
  display:flex;
  min-height:20rem;
  padding:var(--bm-space-4);
  flex-direction:column;
  justify-content:space-between;
  border-radius:var(--bm-radius-md);
  background:var(--bm-white);
  color:var(--bm-ink)
}

.region-dispatch__route-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--bm-space-2)
}

.region-dispatch__label{
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  font-weight:800;
  letter-spacing:.1em;
  color:var(--bm-orange-paper)
}

.region-dispatch__path{
  display:grid;
  grid-template-columns:auto minmax(1rem,1fr) auto minmax(1rem,1fr) auto;
  align-items:center;
  padding-block:var(--bm-space-3)
}

.region-dispatch__path span{
  width:1.2rem;
  height:1.2rem;
  border-radius:50%;
  background:var(--bm-orange);
  box-shadow:0 0 0 .5rem color-mix(in srgb,var(--bm-orange) 15%,transparent)
}

.region-dispatch__path span:nth-child(3){
  background:var(--bm-lime);
  box-shadow:0 0 0 .5rem color-mix(in srgb,var(--bm-lime) 20%,transparent)
}

.region-dispatch__path span:nth-child(5){
  background:var(--bm-ink)
}

.region-dispatch__path i{
  height:2px;
  background:var(--bm-line)
}

.region-dispatch__ends{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bm-space-3)
}

.region-dispatch__ends div{
  min-width:0
}

.region-dispatch__ends small{
  display:block;
  margin-bottom:var(--bm-space-1);
  color:var(--bm-muted)
}

.region-dispatch__ends strong{
  display:block;
  font-family:var(--bm-font-heading);
  font-size:var(--bm-step-5);
  overflow-wrap:anywhere
}

.region-dispatch__facts{
  display:grid;
  gap:var(--bm-space-2)
}

.region-dispatch__fact{
  display:grid;
  min-width:0;
  padding:var(--bm-space-3);
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--bm-space-1) var(--bm-space-2);
  align-items:center;
  border-radius:var(--bm-radius-md);
  background:#1d4a57;
  color:var(--bm-white)
}

.region-dispatch__fact svg{
  grid-row:1 / span 2;
  width:1.75rem;
  height:1.75rem;
  color:var(--bm-lime)
}

.region-dispatch__fact span{
  color:#c7dade;
  font-size:var(--bm-step-2)
}

.region-dispatch__fact strong{
  font-size:var(--bm-step-4);
  overflow-wrap:anywhere
}

.region-plan{
  container-type:inline-size
}

.region-plan__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--bm-space-2)
}

.region-plan__head>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-2)
}

.region-plan__head h3{
  overflow-wrap:anywhere
}

.region-plan__dark-badge{
  background:#315563;
  color:#ffffff
}

.region-plan__fit{
  min-height:5.2rem;
  color:var(--bm-muted)
}

.c-price-card--featured .region-plan__fit{
  color:#aac4ca
}

.region-cycle-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bm-space-1);
  margin:var(--bm-space-3) 0 0
}

.region-cycle-grid div{
  min-width:0;
  padding:var(--bm-space-2);
  border-radius:var(--bm-radius-sm);
  background:var(--bm-ice);
  color:var(--bm-ink)
}

.region-cycle-grid dt{
  color:var(--bm-muted);
  font-size:var(--bm-step-2)
}

.region-cycle-grid dd{
  margin-top:var(--bm-space-1);
  font-family:var(--bm-font-mono);
  font-size: clamp(1.25rem,8cqi,1.8rem);
  line-height:1.2;
  font-weight:800;
  color:var(--bm-ink);
  overflow-wrap:anywhere
}

.region-cycle-grid--dark div{
  background:#1d4a57;
  color:var(--bm-white)
}

.region-cycle-grid--dark dt{
  color:#aac4ca
}

.region-cycle-grid--dark dd{
  color:var(--bm-white)
}

.region-plan__action{
  width:100%;
  margin-top:var(--bm-space-3)
}

.region-billing-note{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bm-space-3);
  margin-top:var(--bm-space-4);
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:var(--bm-ice);
  color:var(--bm-ink)
}

.region-billing-note>div{
  min-width:0
}

.region-billing-note strong{
  display:block;
  margin-bottom:var(--bm-space-1);
  font-family:var(--bm-font-heading)
}

.region-billing-note p{
  color:var(--bm-muted)
}

.region-network__layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr);
  gap:var(--bm-space-4);
  align-items:stretch
}

.region-network__layout>*{
  min-width:0
}

.region-network__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--bm-space-2)
}

.region-network__copy p{
  color:var(--bm-ink-2)
}

.region-network__sheet{
  overflow:hidden;
  border-radius:var(--bm-radius-md);
  background:var(--bm-white);
  color:var(--bm-ink);
  box-shadow:var(--bm-shadow-soft)
}

.region-network__sheet-head{
  display:flex;
  padding:var(--bm-space-3);
  align-items:center;
  justify-content:space-between;
  gap:var(--bm-space-2);
  background:var(--bm-ink);
  color:var(--bm-white)
}

.region-network__sheet-head span{
  color:#c7dade;
  font-size:var(--bm-step-2)
}

.region-network__sheet-head strong{
  overflow-wrap:anywhere
}

.region-network__checks{
  margin:0;
  padding:var(--bm-space-3)
}

.region-network__checks div{
  padding-block:var(--bm-space-2);
  border-bottom:1px solid var(--bm-line)
}

.region-network__checks div:last-child{
  border-bottom:0
}

.region-network__checks dt{
  margin-bottom:var(--bm-space-1)
}

.region-network__checks dd{
  color:var(--bm-muted)
}

.region-step-list{
  display:grid;
  gap:var(--bm-space-3);
  list-style:none;
  margin:0;
  padding:0
}

.region-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--bm-space-3);
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:var(--bm-ice);
  color:var(--bm-ink)
}

.region-step__number{
  display:grid;
  width:3.25rem;
  height:3.25rem;
  place-items:center;
  border-radius:50%;
  background:var(--bm-orange);
  color:var(--bm-white);
  font-weight:800
}

.region-step__body{
  min-width:0
}

.region-step__time{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin-bottom:var(--bm-space-1);
  padding:.45em .85em;
  border-radius:var(--bm-radius-pill);
  background:var(--bm-white);
  color:var(--bm-orange-paper);
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  font-weight:800;
  overflow-wrap:anywhere
}

.region-step__body h3{
  margin-bottom:var(--bm-space-1)
}

.region-step__body p{
  color:var(--bm-ink-2)
}

.region-step__body ul{
  display:grid;
  gap:var(--bm-space-1);
  margin-top:var(--bm-space-2)
}

.region-faq__list{
  display:grid;
  gap:var(--bm-space-2)
}

.region-faq .c-faq__content{
  margin-top:var(--bm-space-2);
  border-top:1px solid var(--bm-line)
}

.region-faq .c-faq__content p{
  color:var(--bm-muted)
}

.region-end{
  padding-top:var(--bm-space-6)
}

.region-end__copy{
  display:flex;
  max-width:46rem;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-2)
}

.region-end__copy h2{
  color:var(--bm-white)
}

.region-end__copy p{
  color:#c7dade
}

.region-end__kicker{
  width:fit-content;
  color:var(--bm-lime);
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  font-weight:800;
  letter-spacing:.08em
}

.region-end__actions{
  display:flex;
  min-width:min(100%,17rem);
  flex-direction:column;
  gap:var(--bm-space-1)
}

.region-end__actions .c-btn{
  width:100%
}

.region-end__actions .c-btn--ghost{
  border-color:color-mix(in srgb,#ffffff 55%,transparent);
  color:#ffffff
}

@media(max-width:64rem){
  .region-dispatch,
  .region-network__layout{
    grid-template-columns:1fr
  }

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

  .region-dispatch__fact{
    grid-template-columns:1fr;
    align-content:start
  }

  .region-dispatch__fact svg{
    grid-row:auto
  }

  .region-plan__fit{
    min-height:0
  }
}

@media(max-width:48rem){
  .region-hero{
    padding-block:var(--bm-space-5)
  }

  .region-dispatch{
    padding:var(--bm-space-1)
  }

  .region-dispatch__route{
    min-height:17rem;
    padding:var(--bm-space-3)
  }

  .region-dispatch__facts,
  .region-billing-note{
    grid-template-columns:1fr
  }

  .region-dispatch__fact{
    grid-template-columns:auto minmax(0,1fr)
  }

  .region-dispatch__fact svg{
    grid-row:1 / span 2
  }

  .region-step{
    grid-template-columns:1fr
  }

  .region-step__number{
    width:2.75rem;
    height:2.75rem
  }
}

@media(max-width:24.375rem){
  .region-hero__actions,
  .region-hero__actions .c-btn{
    width:100%
  }

  .region-dispatch__route-head{
    align-items:flex-start;
    flex-direction:column
  }

  .region-dispatch__ends,
  .region-cycle-grid{
    grid-template-columns:1fr
  }

  .region-network__sheet-head{
    align-items:flex-start;
    flex-direction:column
  }
}
