.region-hero{
  padding-block:var(--sv-hero-top) var(--sv-section);
  background:#FFFFFF;
  color:#0F1F17
}

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

.region-hero-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.region-hero-copy h1{
  max-width:12.5ch;
  color:#0F1F17
}

.region-hero-lead{
  max-width:42rem;
  color:#4E5C54;
  font-size:var(--sv-text-4)
}

.region-hero-points{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--sv-space-2);
  border-top:1px solid var(--sv-line);
  border-bottom:1px solid var(--sv-line)
}

.region-hero-points>div{
  min-width:0;
  padding:var(--sv-space-2) var(--sv-space-2) var(--sv-space-2) 0
}

.region-hero-points>div+div{
  padding-left:var(--sv-space-2);
  border-left:1px solid var(--sv-line)
}

.region-hero-points strong,
.region-hero-points span{
  display:block;
  overflow-wrap:anywhere
}

.region-hero-points strong{
  color:#0F1F17;
  font-size:var(--sv-text-3)
}

.region-hero-points span{
  margin-top:.35rem;
  color:#526058;
  font-size:var(--sv-text-1);
  line-height:var(--sv-leading-label)
}

.region-hero-actions{
  justify-content:flex-start;
  margin-block:var(--sv-space-2) 0
}

.region-hero-note{
  max-width:40rem;
  color:#66736B;
  font-size:var(--sv-text-2)
}

.region-node-board{
  align-self:start;
  min-width:0;
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-lg);
  background:linear-gradient(135deg,var(--sv-mint) 0 27%,var(--sv-butter) 27% 51%,var(--sv-peach) 51% 75%,var(--sv-sky) 75% 100%);
  color:#0F1F17
}

.region-node-board-head,
.region-node-board-body,
.region-node-board-foot{
  min-width:0;
  background:#FFFFFF;
  color:#0F1F17
}

.region-node-board-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md) var(--sv-radius-md) 0 0
}

.region-node-board-head>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:.4rem
}

.region-board-label{
  color:#67736C;
  font-family:var(--sv-font-mono);
  font-size:var(--sv-text-1);
  letter-spacing:.08em
}

.region-node-board-head strong{
  overflow-wrap:anywhere;
  font-family:var(--sv-font-heading);
  font-size:var(--sv-text-5);
  line-height:var(--sv-leading-tight)
}

.region-board-state{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:.45rem;
  padding:.55rem .8rem;
  border-radius:999px;
  background:#DDF2E4;
  color:#1D4A36;
  font-size:var(--sv-text-1);
  font-weight:750
}

.region-board-state i{
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background:#2F5D12
}

.region-node-board-body{
  display:grid;
  gap:var(--sv-space-2);
  padding:0 var(--sv-space-3) var(--sv-space-3)
}

.region-route-block{
  min-width:0;
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#0F1F17;
  color:#F6F8F4
}

.region-route-block>span{
  display:block;
  color:#BFCBC3;
  font-size:var(--sv-text-1);
  font-weight:700
}

.region-route-block>strong{
  display:block;
  margin-top:var(--sv-space-1);
  color:#F6F8F4;
  font-size:var(--sv-text-5);
  overflow-wrap:anywhere
}

.region-route-line{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  margin-block:var(--sv-space-3)
}

.region-route-line i{
  width:.75rem;
  height:.75rem;
  border:3px solid #DDF2E4;
  border-radius:50%;
  background:#2F5D12
}

.region-route-line b{
  height:.25rem;
  background:#DDF2E4
}

.region-route-block dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sv-space-2);
  margin:0
}

.region-route-block dl>div{
  min-width:0
}

.region-route-block dt{
  color:#AEBBB3
}

.region-route-block dd{
  margin-top:.35rem;
  color:#FFFFFF;
  overflow-wrap:anywhere
}

.region-board-configs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sv-space-2)
}

.region-board-configs article{
  min-width:0;
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#F7F6F2;
  color:#0F1F17
}

.region-board-configs article span,
.region-board-configs article strong,
.region-board-configs article small{
  display:block;
  overflow-wrap:anywhere
}

.region-board-configs article span{
  color:#526058;
  font-family:var(--sv-font-mono);
  font-size:var(--sv-text-1)
}

.region-board-configs article strong{
  margin-top:var(--sv-space-1);
  color:#0F1F17;
  font-size:var(--sv-text-3)
}

.region-board-configs article small{
  margin-top:.35rem;
  color:#526058
}

.region-node-board-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding:var(--sv-space-2) var(--sv-space-3);
  border-top:1px solid var(--sv-line);
  border-radius:0 0 var(--sv-radius-md) var(--sv-radius-md)
}

.region-node-board-foot span,
.region-node-board-foot strong{
  min-width:0;
  color:#526058;
  font-size:var(--sv-text-1);
  overflow-wrap:anywhere
}

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

.region-plan{
  min-width:0;
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg)
}

.region-plan-core{
  background:#F8EFC9;
  color:#5C4A0B
}

.region-plan-plus{
  background:#EAE3F5;
  color:#4A3670
}

.region-plan-head{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sv-space-2)
}

.region-plan-head>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.region-plan-head h3{
  color:#0F1F17
}

.region-plan-code{
  max-width:42%;
  padding:.45rem .65rem;
  border-radius:999px;
  background:#FFFFFF;
  color:#0F1F17;
  font-size:var(--sv-text-1);
  overflow-wrap:anywhere
}

.region-plan>p{
  margin-top:var(--sv-space-2);
  color:#3F4D45
}

.region-spec-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.6rem;
  margin-top:var(--sv-space-3)
}

.region-spec-row>div{
  min-width:0;
  padding:var(--sv-space-2);
  border-radius:var(--sv-radius-sm);
  background:rgba(255,255,255,.72);
  color:#0F1F17
}

.region-spec-row small,
.region-spec-row strong{
  display:block;
  overflow-wrap:anywhere
}

.region-spec-row small{
  color:#526058
}

.region-spec-row strong{
  margin-top:.3rem;
  color:#0F1F17;
  font-size:var(--sv-text-2)
}

.region-price-list{
  margin-top:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#FFFFFF;
  color:#0F1F17
}

.region-price-list>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--sv-space-2);
  padding:.8rem var(--sv-space-2)
}

.region-price-list>div+div{
  border-top:1px solid var(--sv-line)
}

.region-price-list span{
  color:#526058;
  font-size:var(--sv-text-2)
}

.region-price-list strong{
  color:#0F1F17;
  font-size:var(--sv-text-2);
  text-align:right
}

.region-plan .region-plan-hint{
  color:#4E5C54;
  font-size:var(--sv-text-2)
}

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

.region-payment-note{
  display:flex;
  align-items:flex-start;
  gap:var(--sv-space-2);
  margin-top:var(--sv-space-4);
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#DCEAF6;
  color:#1F4260
}

.region-payment-note svg{
  width:1.25rem;
  height:1.25rem;
  flex:0 0 1.25rem;
  margin-top:.15rem
}

.region-payment-note strong{
  display:block;
  color:#1F4260
}

.region-payment-note p{
  margin-top:var(--sv-space-1);
  color:#1F4260
}

.region-network-section{
  background:#F7F6F2;
  color:#0F1F17
}

.region-network-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:stretch;
  gap:var(--sv-space-3)
}

.region-latency-card,
.region-quality-card{
  min-width:0;
  height:100%;
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg)
}

.region-latency-card{
  background:#0F1F17;
  color:#F6F8F4
}

.region-metric-label{
  color:#BFCBC3;
  font-family:var(--sv-font-mono);
  font-size:var(--sv-text-1);
  letter-spacing:.08em
}

.region-latency-value{
  display:flex;
  min-width:0;
  align-items:flex-end;
  gap:var(--sv-space-1);
  margin-top:var(--sv-space-3)
}

.region-latency-value strong{
  color:#FFFFFF;
  font-size:clamp(2.75rem,9cqi,4.25rem);
  line-height:1;
  overflow-wrap:anywhere
}

.region-latency-value span{
  padding-bottom:.35rem;
  color:#D7E2DA;
  font-size:var(--sv-text-4)
}

.region-latency-card>p{
  margin-top:var(--sv-space-2);
  color:#C9D6CE
}

.region-latency-card dl{
  display:grid;
  gap:var(--sv-space-2);
  margin:var(--sv-space-4) 0 0
}

.region-latency-card dl>div{
  padding-top:var(--sv-space-2);
  border-top:1px solid var(--sv-line-dark)
}

.region-latency-card dt{
  color:#AEBBB3
}

.region-latency-card dd{
  margin-top:.35rem;
  color:#FFFFFF
}

.region-quality-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--sv-space-3);
  background:#DCEAF6;
  color:#1F4260
}

.region-quality-card>div:first-child{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.region-quality-card h3,
.region-quality-card p,
.region-quality-card li{
  color:#1F4260
}

.region-quality-card ul{
  display:grid;
  gap:var(--sv-space-2);
  margin:0;
  padding-left:1.25rem
}

.region-quality-foot{
  display:flex;
  flex-wrap:wrap;
  gap:var(--sv-space-1)
}

.region-quality-foot span{
  padding:.5rem .7rem;
  border-radius:999px;
  background:#FFFFFF;
  color:#1F4260;
  font-size:var(--sv-text-1);
  font-weight:700
}

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

.region-step{
  min-width:0;
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-lg)
}

.region-step-mint{
  background:#DDF2E4;
  color:#1D4A36
}

.region-step-butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.region-step-lilac{
  background:#EAE3F5;
  color:#4A3670
}

.region-step-peach{
  background:#F8DCD2;
  color:#7A3A26
}

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

.region-step-mark span{
  display:inline-flex;
  width:2.4rem;
  height:2.4rem;
  flex:0 0 2.4rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#2F5D12;
  color:#FFFFFF;
  font-size:var(--sv-text-1)
}

.region-step-mark strong{
  min-width:0;
  color:inherit;
  font-size:var(--sv-text-1);
  text-align:right;
  overflow-wrap:anywhere
}

.region-step h3{
  margin-top:var(--sv-space-3);
  color:inherit;
  font-size:var(--sv-text-4)
}

.region-step p{
  margin-top:var(--sv-space-1);
  color:inherit
}

.region-delivery-note{
  display:flex;
  align-items:flex-start;
  gap:var(--sv-space-2);
  margin-top:var(--sv-space-4);
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#F7F6F2;
  color:#0F1F17
}

.region-delivery-note svg{
  width:1.25rem;
  height:1.25rem;
  flex:0 0 1.25rem;
  margin-top:.15rem
}

.region-delivery-note p{
  color:#3E4B44
}

.region-faq-section{
  background:#F7F6F2;
  color:#0F1F17
}

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

.region-faq-item{
  min-width:0;
  padding:0 var(--sv-space-3);
  border-radius:var(--sv-radius-lg);
  background:#FFFFFF;
  color:#0F1F17
}

.region-faq-item summary{
  display:flex;
  min-height:6.5rem;
  align-items:center;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding-block:var(--sv-space-3);
  cursor:pointer;
  list-style:none;
  color:#0F1F17;
  font-weight:700;
  line-height:var(--sv-leading-label)
}

.region-faq-item summary::-webkit-details-marker{
  display:none
}

.region-faq-item summary span{
  min-width:0;
  overflow-wrap:anywhere
}

.region-faq-item summary i{
  display:inline-flex;
  width:1.9rem;
  height:1.9rem;
  flex:0 0 1.9rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#DDF2E4;
  color:#1D4A36;
  font-style:normal;
  font-size:var(--sv-text-4);
  line-height:1
}

.region-faq-item[open] summary i{
  transform:rotate(45deg)
}

.region-faq-answer{
  padding-block:var(--sv-space-2) var(--sv-space-3);
  border-top:1px solid var(--sv-line);
  color:#3E4B44
}

.region-faq-answer p{
  color:#3E4B44
}

.region-closing-section{
  padding-bottom:var(--sv-space-5)
}

.region-closing-actions{
  min-width:min(100%,15rem);
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  margin-top:0
}

.region-closing-actions .c-btn{
  width:100%
}

.region-closing-actions .c-btn-ghost{
  border-color:rgba(255,255,255,.42);
  color:#F6F8F4
}

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

  .region-node-board{
    width:100%;
    height:auto;
    overflow:visible
  }

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

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

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

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

  .region-hero-copy h1{
    max-width:none
  }

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

  .region-hero-points>div{
    padding:var(--sv-space-2) 0
  }

  .region-hero-points>div+div{
    padding-left:0;
    border-top:1px solid var(--sv-line);
    border-left:0
  }

  .region-hero-actions{
    width:100%
  }

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

  .region-node-board{
    padding:var(--sv-space-3)
  }

  .region-node-board-head,
  .region-node-board-foot{
    align-items:flex-start;
    flex-direction:column
  }

  .region-board-configs,
  .region-route-block dl{
    grid-template-columns:1fr
  }

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

  .region-plan-head{
    flex-direction:column
  }

  .region-plan-code{
    max-width:100%
  }

  .region-spec-row{
    grid-template-columns:1fr
  }

  .region-plan-actions,
  .region-plan-actions .c-btn{
    width:100%
  }

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

  .region-step{
    min-height:0
  }

  .region-payment-note,
  .region-delivery-note{
    padding:var(--sv-space-3)
  }

  .region-faq-item summary{
    min-height:0
  }

  .region-closing-actions{
    width:100%
  }
}

@media(max-width:24.375rem){
  .region-node-board{
    padding:var(--sv-space-2)
  }

  .region-node-board-head,
  .region-node-board-body,
  .region-node-board-foot{
    padding-inline:var(--sv-space-3)
  }

  .region-latency-value{
    align-items:flex-start;
    flex-direction:column
  }

  .region-latency-value span{
    padding-bottom:0
  }

  .region-price-list>div{
    grid-template-columns:1fr
  }

  .region-price-list strong{
    text-align:left
  }
}