.region-hero{
  padding-block:var(--sp-6);
  background:linear-gradient(135deg,#00b34f 0%,#29d6c7 100%);
  color:#062d27
}

.region-hero__layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);
  gap:var(--sp-4);
  align-items:center
}

.region-hero__copy,
.region-manifest,
.region-network__copy,
.region-network__panel,
.region-step,
.region-flow__action{
  min-width:0
}

.region-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.region-hero__copy .c-kicker{
  background:#062d27;
  color:#dffbf0
}

.region-hero__copy .c-kicker+h1{
  margin-top:var(--sp-2)
}

.region-hero__copy h1{
  max-width:min(36rem,100%);
  font-size:var(--fs-6)
}

.region-hero__lead{
  max-width:43rem;
  margin-top:var(--sp-3);
  color:#073a31;
  font-size:var(--fs-3)
}

.region-hero__actions{
  justify-content:flex-start;
  margin-top:var(--sp-3)
}

.region-hero__actions .c-btn--ghost{
  color:#062d27;
  border-color:color-mix(in srgb,#062d27 48%,transparent)
}

.region-data-band{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sp-1);
  margin-top:var(--sp-4)
}

.region-data-band .p-data-band__item{
  min-width:0;
  padding:var(--sp-2);
  border-radius:var(--r-sm);
  background:rgba(255,255,255,.62);
  color:#062d27
}

.region-data-band b,
.region-data-band small{
  display:block;
  overflow-wrap:anywhere
}

.region-data-band b{
  font-family:var(--font-heading);
  font-size:var(--fs-3);
  line-height:1.2
}

.region-data-band small{
  margin-top:var(--sp-1);
  color:#315e54
}

.region-manifest{
  overflow:hidden;
  border-radius:var(--r-lg);
  background:#062d27;
  color:#fff;
  box-shadow:var(--shadow-lift)
}

.region-manifest__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
  padding:var(--sp-2) var(--sp-3);
  background:#12483f;
  color:#dffbf0;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.06em
}

.region-manifest__status{
  flex:0 0 auto;
  border-radius:var(--r-pill);
  padding:.4em .8em;
  background:#c7f28d;
  color:#10352d;
  line-height:1.2
}

.region-manifest__list{
  margin:0;
  padding:var(--sp-2) var(--sp-3) 0
}

.region-manifest__list div{
  display:grid;
  grid-template-columns:minmax(6rem,.42fr) minmax(0,1fr);
  gap:var(--sp-2);
  padding-block:var(--sp-2);
  border-bottom:1px solid rgba(255,255,255,.14)
}

.region-manifest__list dt{
  color:#8fd9c4
}

.region-manifest__list dd{
  color:#fff;
  overflow-wrap:anywhere
}

.region-manifest__note{
  padding:var(--sp-3);
  color:#b0ccc5
}

.region-plans{
  background:#f0fff8;
  color:#071e1a
}

.region-plans .p-section-head,
.region-network .p-section-head,
.region-faq .p-section-head{
  max-width:48rem
}

.region-plans .p-section-head p,
.region-network__copy p,
.region-faq .p-section-head p{
  color:#56716b
}

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

.region-plan__heading{
  display:grid;
  gap:var(--sp-1);
  margin-top:var(--sp-2)
}

.region-plan__uses{
  display:grid;
  gap:var(--sp-1);
  margin:0 0 var(--sp-3);
  padding-left:1.25rem;
  color:#315e54
}

.c-price-card--pro .region-plan__uses{
  color:#b0ccc5
}

.region-billing-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  margin-top:var(--sp-4);
  background:#ddf9ec;
  color:#153f36
}

.region-billing-note>div{
  min-width:0;
  display:grid;
  gap:var(--sp-1)
}

.region-billing-note p{
  max-width:50rem;
  color:#315e54
}

.region-billing-note .c-btn{
  flex:0 0 auto
}

.region-network{
  background:#fff;
  color:#071e1a
}

.region-network__layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr);
  gap:var(--sp-5);
  align-items:center
}

.region-network__copy{
  display:grid;
  gap:var(--sp-2)
}

.region-network__copy .c-kicker{
  margin-bottom:var(--sp-1)
}

.region-network__panel{
  border-radius:var(--r-lg);
  padding:var(--sp-4);
  background:#dffbf8;
  color:#071e1a;
  box-shadow:var(--shadow-soft)
}

.region-network__metric{
  display:grid;
  gap:var(--sp-1);
  padding-bottom:var(--sp-3);
  border-bottom:1px solid rgba(7,30,26,.12)
}

.region-network__metric span{
  font-size:clamp(2.8rem,12cqi,3.6rem);
  font-variant-numeric:tabular-nums;
  font-weight:700;
  line-height:1;
  letter-spacing:-.06em;
  overflow-wrap:anywhere
}

.region-network__metric strong{
  color:#315e54
}

.region-network__checks{
  display:grid;
  gap:var(--sp-3);
  margin-top:var(--sp-3)
}

.region-network__checks div{
  display:grid;
  gap:var(--sp-1)
}

.region-network__checks b{
  font-family:var(--font-heading);
  font-size:var(--fs-3)
}

.region-network__checks p{
  color:#56716b
}

.region-flow{
  background:#062d27;
  color:#fff
}

.region-flow .p-section-head{
  max-width:52rem
}

.region-flow .p-section-head p{
  color:#b0ccc5
}

.region-flow__kicker{
  background:#174d44;
  color:#c9f9e6
}

.region-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sp-3);
  margin:var(--sp-4) 0 0;
  padding:0;
  list-style:none
}

.region-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-2);
  padding:var(--sp-3);
  border-radius:var(--r-md);
  background:#12483f;
  color:#fff
}

.region-step__number{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#29d6c7;
  color:#062d27;
  font-family:var(--font-mono);
  font-weight:700;
  line-height:1
}

.region-step div{
  display:grid;
  gap:var(--sp-1)
}

.region-step h3{
  font-size:var(--fs-3)
}

.region-step p{
  color:#c9ded8
}

.region-step small{
  color:#8fd9c4;
  font-family:var(--font-mono)
}

.region-flow__action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  margin-top:var(--sp-4);
  padding:var(--sp-3);
  border-radius:var(--r-md);
  background:#c7f28d;
  color:#10352d
}

.region-flow__action>div{
  display:grid;
  gap:var(--sp-1)
}

.region-flow__action p{
  color:#315e54
}

.region-flow__action .c-btn{
  flex:0 0 auto
}

.region-faq{
  background:#fff;
  color:#071e1a
}

.region-faq__list{
  margin-top:var(--sp-4)
}

.region-faq .c-faq{
  color:#071e1a
}

.region-faq .c-faq__body{
  padding-top:var(--sp-2);
  border-top:1px solid rgba(7,30,26,.12);
  color:#56716b
}

.region-close{
  padding-top:0;
  background:#fff;
  color:#071e1a
}

.region-close .c-cta{
  background:#062d27;
  color:#fff
}

.region-close .c-cta h2{
  font-size:clamp(2rem,4vw,3.5rem)
}

.region-close .c-cta p{
  max-width:46rem;
  color:#b6d1ca
}

.region-close .c-btn--ghost{
  color:#fff;
  border-color:rgba(255,255,255,.45)
}

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

  .region-hero__copy h1{
    max-width:14ch
  }

  .region-manifest{
    width:100%;
    max-width:46rem
  }

  .region-network__panel{
    max-width:46rem
  }
}

@media(max-width:48rem){
  .region-plan-grid,
  .region-steps{
    grid-template-columns:1fr
  }

  .region-billing-note,
  .region-flow__action{
    align-items:flex-start;
    flex-direction:column
  }

  .region-billing-note .c-btn,
  .region-flow__action .c-btn{
    width:100%
  }
}

@media(max-width:24.375rem){
  .region-hero{
    padding-block:var(--sp-5)
  }

  .region-hero__copy h1{
    font-size:var(--fs-6)
  }

  .region-data-band{
    grid-template-columns:1fr
  }

  .region-hero__actions{
    width:100%
  }

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

  .region-manifest__list div{
    grid-template-columns:1fr;
    gap:var(--sp-1)
  }

  .region-network__panel,
  .region-step,
  .region-flow__action{
    padding:var(--sp-2)
  }

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