.region-page .c-page-hero{
  padding-block:var(--hero-pad);
}

.region-hero{
  background:#17161a;
  color:#f8f7f5;
}

.region-hero h1,
.region-hero h2,
.region-hero h3{
  color:#f8f7f5;
}

.region-hero p{
  color:#c7c3cb;
}

.region-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:start;
  gap:var(--space-5);
}

.region-hero-copy{
  min-width:0;
  align-items:flex-start;
  gap:0;
  text-align:left;
}

.region-page .c-kicker + h1,
.region-page .c-kicker + h2,
.region-page .c-kicker + h3,
.region-page .c-badge + h1,
.region-page .c-badge + h2,
.region-page .c-badge + h3{
  margin-top:var(--space-2);
}

.region-hero-lead{
  max-width:40rem;
  margin-top:var(--space-3);
  font-size:var(--fs-3);
}

.region-hero .c-actions{
  justify-content:flex-start;
  margin-top:var(--space-3);
}

.region-hero .c-btn-ghost{
  border-color:rgba(255,255,255,.38);
  color:#f8f7f5;
}

.region-hero .c-btn svg{
  width:1.1rem;
  height:1.1rem;
  flex:0 0 auto;
}

.region-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin:var(--space-3) 0 0;
  padding-top:var(--space-3);
  border-top:1px solid rgba(255,255,255,.12);
}

.region-hero-facts div{
  min-width:0;
  padding-inline:var(--space-2);
}

.region-hero-facts div:first-child{
  padding-left:0;
}

.region-hero-facts div + div{
  border-left:1px solid rgba(255,255,255,.12);
}

.region-hero-facts dt{
  color:#aaa7ae;
  font-weight:650;
}

.region-hero-facts dd{
  margin-top:var(--space-1);
  color:#f8f7f5;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.region-stage{
  width:100%;
  height:auto;
  min-height:0;
  min-width:0;
  align-self:start;
  padding:var(--space-3);
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#fcfbf7;
  color:#17161a;
  box-shadow:var(--shadow-soft);
}

.region-stage h2,
.region-stage h3{
  color:#17161a;
}

.region-stage p{
  color:#5f5b63;
}

.region-stage-head{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  padding-bottom:var(--space-3);
  border-bottom:1px solid color-mix(in srgb,#17161a 12%,transparent);
}

.region-stage-head>div{
  min-width:0;
}

.region-stage-head h2{
  font-size:var(--fs-4);
}

.region-stage-code{
  max-width:42%;
  padding:.45rem .7rem;
  border-radius:var(--radius-sm);
  background:#26335f;
  color:#ffffff;
  font-size:var(--fs-0);
  line-height:1.35;
  text-align:right;
  overflow-wrap:anywhere;
}

.region-stage-grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  align-items:stretch;
  gap:var(--space-2);
  margin-top:var(--space-3);
}

.region-stage-panel{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#e3e1ea;
  color:#211d2c;
}

.region-stage-panel strong{
  display:block;
  margin-top:var(--space-1);
  color:#211d2c;
  font-family:var(--font-heading);
  font-size:var(--fs-3);
  line-height:var(--lh-heading);
  overflow-wrap:anywhere;
}

.region-stage-panel p{
  margin-top:var(--space-1);
  color:#514b5b;
  font-size:var(--fs-1);
}

.region-stage-panel-primary{
  background:#f4dce7;
  color:#361b27;
}

.region-stage-panel-primary strong{
  color:#361b27;
}

.region-stage-panel-primary p{
  color:#593846;
}

.region-stage-panel-route{
  background:#d8e8e6;
  color:#172a31;
}

.region-stage-panel-route strong{
  color:#172a31;
}

.region-stage-panel-route p{
  color:#40545a;
}

.region-stage-panel-config{
  background:#e4e1c7;
  color:#252719;
}

.region-stage-panel-flow{
  background:#f2e0cf;
  color:#321e17;
}

.region-stage-label{
  display:block;
  color:inherit;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:750;
  line-height:var(--lh-small);
  letter-spacing:.06em;
}

.region-stage-metric{
  display:flex;
  align-items:flex-end;
  gap:.4rem;
  margin-top:var(--space-1);
  color:#172a31;
  font-size:clamp(2rem,5cqi,3.25rem);
  font-weight:800;
  line-height:1;
  overflow-wrap:anywhere;
}

.region-stage-metric small{
  padding-bottom:.25rem;
  color:#40545a;
}

.region-stage-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:var(--space-1);
  padding-block:.65rem;
  color:#252719;
  font-size:var(--fs-1);
}

.region-stage-row + .region-stage-row{
  border-top:1px solid color-mix(in srgb,#252719 14%,transparent);
}

.region-stage-row span,
.region-stage-row b{
  min-width:0;
  overflow-wrap:anywhere;
}

.region-stage-row b{
  text-align:right;
}

.region-stage-panel-flow ol{
  display:grid;
  gap:.3rem;
  margin:var(--space-1) 0 0;
  padding:0;
  list-style:none;
}

.region-stage-panel-flow li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-1);
  padding-block:.28rem;
  color:#321e17;
  font-size:var(--fs-1);
}

.region-stage-panel-flow li + li{
  border-top:1px solid color-mix(in srgb,#321e17 12%,transparent);
}

.region-stage-panel-flow b{
  color:#321e17;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.region-stage-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-1);
  margin-top:var(--space-3);
  padding-top:var(--space-2);
  border-top:1px solid color-mix(in srgb,#17161a 12%,transparent);
  color:#5f5b63;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:var(--lh-small);
}

.region-section{
  padding-block:var(--section-space);
}

.region-plans,
.region-delivery,
.region-faq{
  background:#ffffff;
  color:#17161a;
}

.region-plans h2,
.region-plans h3,
.region-delivery h2,
.region-delivery h3,
.region-faq h2,
.region-faq h3{
  color:#17161a;
}

.region-section-head{
  display:flex;
  max-width:48rem;
  flex-direction:column;
  align-items:flex-start;
}

.region-section-head h2{
  overflow-wrap:anywhere;
}

.region-section-head>p{
  margin-top:var(--space-2);
  color:#5f5b63;
  font-size:var(--fs-3);
}

.region-price-grid{
  margin-top:var(--space-4);
}

.region-price-grid .c-price-card{
  display:flex;
  height:auto;
  flex-direction:column;
  align-items:stretch;
}

.region-price-grid .c-price-head>div{
  min-width:0;
}

.region-price-grid .c-badge{
  max-width:45%;
}

.region-plan-copy{
  margin-top:var(--space-3);
}

.region-price-grid .c-periods{
  min-width:0;
}

.region-plan-list{
  display:grid;
  gap:var(--space-1);
  margin:var(--space-3) 0 0;
  padding-left:1.2rem;
  color:inherit;
}

.region-plan-list li{
  color:inherit;
}

.region-price-grid .c-actions{
  justify-content:flex-start;
  margin-top:var(--space-3);
}

.region-payment-note{
  display:grid;
  gap:var(--space-1);
  margin-top:var(--space-3);
  padding:var(--space-3);
  background:#f2e0cf;
  color:#321e17;
}

.region-payment-note strong{
  color:#321e17;
}

.region-payment-note p{
  color:#60453b;
}

.region-network{
  background:#d8e8e6;
  color:#172a31;
}

.region-network h2,
.region-network h3{
  color:#172a31;
}

.region-network .region-section-head>p{
  color:#40545a;
}

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

.region-network-card{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#17161a;
}

.region-network-card h3{
  margin-top:var(--space-2);
  color:#17161a;
}

.region-network-card p{
  margin-top:var(--space-1);
  color:#5f5b63;
}

.region-network-index{
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:#26335f;
  color:#ffffff;
  line-height:1;
}

.region-network-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--space-3);
  overflow:hidden;
  border-radius:var(--radius-md);
  background:#17161a;
  color:#f8f7f5;
}

.region-network-summary>div{
  min-width:0;
  padding:var(--space-3);
}

.region-network-summary>div + div{
  border-left:1px solid rgba(255,255,255,.12);
}

.region-network-summary span,
.region-network-summary strong,
.region-network-summary small{
  display:block;
}

.region-network-summary span{
  color:#aaa7ae;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.region-network-summary strong{
  margin-top:var(--space-1);
  color:#f8f7f5;
  font-family:var(--font-heading);
  font-size:var(--fs-4);
  line-height:var(--lh-heading);
  overflow-wrap:anywhere;
}

.region-network-summary small{
  margin-top:var(--space-1);
  color:#c7c3cb;
}

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

.region-step-card{
  display:flex;
  min-width:0;
  height:auto;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--space-3);
}

.region-step-card h3{
  margin-top:var(--space-3);
}

.region-step-card>p{
  margin-top:var(--space-1);
}

.region-step-head{
  display:flex;
  width:100%;
  min-width:0;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-1);
}

.region-step-number{
  display:inline-flex;
  width:2.4rem;
  height:2.4rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:#26335f;
  color:#ffffff;
  line-height:1;
}

.region-step-head .c-badge{
  max-width:calc(100% - 3rem);
}

.region-delivery-action{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  margin-top:var(--space-4);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#e3e1ea;
  color:#211d2c;
}

.region-delivery-action h3{
  color:#211d2c;
}

.region-delivery-action p{
  margin-top:var(--space-1);
  color:#514b5b;
}

.region-faq .c-faq{
  margin-top:var(--space-4);
  border-top-color:#d8d5d0;
}

.region-faq .c-faq details{
  background:#ffffff;
  color:#17161a;
  border-bottom-color:#d8d5d0;
}

.region-faq .c-faq summary{
  padding-bottom:var(--space-2);
  color:#17161a;
}

.region-faq .c-faq-answer{
  padding:var(--space-2) 2.5rem 1.4rem 0;
  border-top:1px solid #d8d5d0;
  color:#5f5b63;
}

.region-faq .c-faq-answer p{
  color:#5f5b63;
}

.region-close{
  padding-block:var(--space-5);
  background:#fcfbf7;
  color:#17161a;
}

.region-close-actions{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
}

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

@media(max-width:64rem){
  .region-hero-grid{
    grid-template-columns:1fr;
    gap:var(--space-4);
  }

  .region-stage{
    height:auto;
    overflow:hidden;
  }

  .region-network-grid{
    grid-template-columns:1fr;
  }

  .region-delivery-action{
    grid-template-columns:1fr;
  }
}

@media(max-width:48rem){
  .region-stage-grid,
  .region-step-grid,
  .region-network-summary{
    grid-template-columns:1fr;
  }

  .region-network-summary>div + div{
    border-top:1px solid rgba(255,255,255,.12);
    border-left:0;
  }

  .region-stage-code{
    max-width:100%;
  }
}

@media(max-width:40rem){
  .region-page .c-page-hero{
    padding-block:var(--space-5);
  }

  .region-hero-facts{
    grid-template-columns:1fr;
  }

  .region-hero-facts div{
    padding:var(--space-2) 0;
  }

  .region-hero-facts div:first-child{
    padding-top:0;
  }

  .region-hero-facts div + div{
    border-top:1px solid rgba(255,255,255,.12);
    border-left:0;
  }

  .region-stage{
    padding:var(--space-3);
  }

  .region-stage-head{
    flex-direction:column;
  }

  .region-stage-code{
    text-align:left;
  }

  .region-price-grid .c-price-head{
    flex-direction:column;
  }

  .region-price-grid .c-badge{
    max-width:100%;
  }

  .region-price-grid .c-periods{
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
  }

  .region-price-grid .c-periods>div:nth-child(2){
    border-right:0;
  }

  .region-price-grid .c-periods>div:nth-child(n+3){
    border-top:1px solid rgba(23,22,26,.24);
  }

  .region-close-actions{
    width:100%;
  }

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