.region-hero{
  position:relative;
  overflow:hidden;
}

.region-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:var(--oak-line);
}

.region-hero-copy,
.region-visual,
.region-plan-grid>*,
.region-network-grid>*,
.region-step-list>*,
.region-step-body,
.region-step-action>*,
.region-addon-head>*{
  min-width:0;
}

.region-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--oak-space-2);
  margin-top:var(--oak-space-3);
}

.region-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oak-space-1);
  margin-top:var(--oak-space-4);
}

.region-hero-facts div{
  min-width:0;
  padding:var(--oak-space-2);
  border:1px solid var(--oak-line);
  border-radius:var(--oak-radius-sm);
  background:rgba(255,255,255,.62);
}

.region-hero-facts span,
.region-hero-facts strong{
  display:block;
}

.region-hero-facts span{
  color:var(--oak-soft);
  font-size:var(--oak-fs-0);
}

.region-hero-facts strong{
  margin-top:.2rem;
  color:var(--oak-ink);
  font-size:var(--oak-fs-1);
  line-height:1.4;
}

.region-visual{
  position:relative;
  min-height:32rem;
  display:grid;
  align-items:center;
  overflow:hidden;
  border:1px solid var(--oak-line);
  border-radius:var(--oak-radius-xl);
  background:var(--oak-surface-glass);
  box-shadow:var(--oak-shadow-md);
}

.region-visual>img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.region-terminal{
  position:absolute;
  right:var(--oak-space-3);
  bottom:var(--oak-space-3);
  left:var(--oak-space-3);
  max-width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--oak-radius-md);
  background:var(--oak-ink);
  box-shadow:var(--oak-shadow-dark);
}

.region-terminal-bar{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.4rem;
  min-height:2.5rem;
  padding-inline:var(--oak-space-2);
  border-bottom:1px solid rgba(255,255,255,.1);
}

.region-terminal-bar span{
  width:.48rem;
  height:.48rem;
  flex:none;
  border-radius:50%;
  background:var(--oak-accent);
  opacity:.46;
}

.region-terminal-bar strong{
  min-width:0;
  margin-left:auto;
  overflow:hidden;
  color:rgba(255,255,255,.62);
  font-size:var(--oak-fs-0);
  text-overflow:ellipsis;
  white-space:nowrap;
}

.region-terminal pre{
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:var(--oak-fs-0);
  line-height:1.65;
}

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

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

.region-plan-grid .c-price>p{
  margin-bottom:0;
}

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

.region-cycle-grid div{
  min-width:0;
  padding:.85rem .65rem;
  border:1px solid var(--oak-line);
  border-radius:var(--oak-radius-sm);
  background:rgba(255,248,252,.72);
  text-align:center;
}

.region-cycle-grid span,
.region-cycle-grid strong,
.region-cycle-grid small{
  display:block;
}

.region-cycle-grid span{
  color:var(--oak-soft);
  font-size:var(--oak-fs-0);
}

.region-cycle-grid strong{
  margin-top:.2rem;
  color:var(--oak-ink);
  font-size:var(--oak-fs-3);
  line-height:1.25;
  letter-spacing:-.04em;
}

.region-cycle-grid small{
  color:var(--oak-muted);
  font-size:var(--oak-fs-0);
}

.region-plan-cta{
  width:100%;
  margin-top:auto;
  transform:translateY(var(--oak-space-3));
}

.region-plan-cta:hover{
  transform:translateY(calc(var(--oak-space-3) - 1px));
}

.region-addon-panel{
  margin-top:calc(var(--oak-space-4) + var(--oak-space-2));
}

.region-addon-head{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:var(--oak-space-4);
  align-items:end;
  margin-bottom:var(--oak-space-3);
}

.region-addon-head h3{
  margin-bottom:0;
}

.region-addon-head p{
  margin-bottom:0;
}

.region-payment-note{
  margin-top:var(--oak-space-3);
}

.region-network-grid{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:var(--oak-space-5);
  align-items:center;
}

.region-latency-card{
  padding:clamp(1.5rem,4vw,2.5rem);
  background:
    radial-gradient(circle at 85% 12%,rgba(240,68,192,.14),transparent 38%),
    var(--oak-surface-glass);
}

.region-latency-label{
  color:var(--oak-muted);
  font-size:var(--oak-fs-1);
  font-weight:750;
}

.region-latency-value{
  margin-block:var(--oak-space-2);
  color:var(--oak-primary);
  font-size:clamp(3.2rem,10vw,6rem);
  font-weight:750;
  line-height:1;
  letter-spacing:-.08em;
}

.region-latency-value span{
  margin-left:.25rem;
  color:var(--oak-muted);
  font-size:var(--oak-fs-3);
  letter-spacing:-.03em;
}

.region-signal{
  height:3.5rem;
  display:flex;
  align-items:flex-end;
  gap:.45rem;
  padding-block:.5rem;
}

.region-signal span{
  width:calc(20% - .36rem);
  border-radius:var(--oak-radius-sm) var(--oak-radius-sm) 0 0;
  background:var(--oak-primary);
  opacity:.18;
}

.region-signal span:nth-child(1){
  height:22%;
}

.region-signal span:nth-child(2){
  height:40%;
}

.region-signal span:nth-child(3){
  height:58%;
}

.region-signal span:nth-child(4){
  height:76%;
}

.region-signal span:nth-child(5){
  height:100%;
  opacity:.72;
}

.region-network-facts{
  display:grid;
  gap:0;
  margin:var(--oak-space-3) 0 0;
  border-top:1px solid var(--oak-line);
}

.region-network-facts div{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding-block:.85rem;
  border-bottom:1px solid var(--oak-line);
}

.region-network-facts dt{
  color:var(--oak-soft);
  font-size:var(--oak-fs-0);
}

.region-network-facts dd{
  margin:0;
  color:var(--oak-ink);
  font-size:var(--oak-fs-1);
  font-weight:750;
  text-align:right;
}

.region-network-copy h2{
  margin-bottom:var(--oak-space-3);
}

.region-network-copy .c-checklist{
  margin-top:var(--oak-space-3);
}

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

.region-step-list>li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oak-space-3);
  align-items:start;
}

.region-step-index{
  width:3.2rem;
  height:3.2rem;
  display:grid;
  place-items:center;
  flex:none;
  border:1px solid var(--oak-line-strong);
  border-radius:var(--oak-radius-sm);
  color:var(--oak-primary);
  background:var(--oak-tint);
  font-size:var(--oak-fs-1);
  font-weight:750;
}

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

.region-step-meta h3{
  margin-bottom:.65rem;
  font-size:var(--oak-fs-3);
}

.region-step-body p{
  margin-bottom:0;
}

.region-step-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-4);
  margin-top:var(--oak-space-4);
  padding:var(--oak-space-3);
  border:1px solid var(--oak-line-strong);
  border-radius:var(--oak-radius-lg);
  background:var(--oak-tint);
}

.region-step-action h3{
  margin-bottom:.35rem;
  font-size:var(--oak-fs-3);
}

.region-step-action p{
  margin-bottom:0;
}

.region-faq-section .c-faq{
  margin-top:var(--oak-space-4);
}

.region-final-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--oak-space-4);
  align-items:center;
  margin-top:var(--oak-space-5);
  padding:clamp(1.5rem,4vw,2.5rem);
  overflow:hidden;
  border:1px solid var(--oak-line-strong);
  border-radius:var(--oak-radius-xl);
  background:
    radial-gradient(circle at 90% 8%,rgba(240,68,192,.15),transparent 32%),
    var(--oak-surface);
  box-shadow:var(--oak-shadow-md);
}

.region-final-cta>*{
  min-width:0;
}

.region-final-cta h2{
  margin-bottom:var(--oak-space-2);
  font-size:var(--oak-fs-4);
}

.region-final-cta p{
  margin-bottom:0;
}

.region-final-actions{
  display:flex;
  flex-direction:column;
  gap:var(--oak-space-2);
  min-width:13rem;
}

@media (max-width:900px){
  .region-network-grid{
    grid-template-columns:1fr;
  }

  .region-addon-head{
    grid-template-columns:1fr;
    gap:var(--oak-space-2);
  }

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

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

  .region-final-actions{
    min-width:0;
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media (max-width:768px){
  .region-visual{
    min-height:27rem;
  }

  .region-step-meta{
    align-items:flex-start;
    flex-direction:column;
    gap:.2rem;
  }

  .region-step-action{
    align-items:stretch;
    flex-direction:column;
  }
}

@media (max-width:390px){
  .region-actions{
    display:grid;
    grid-template-columns:1fr;
  }

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

  .region-visual{
    min-height:24rem;
  }

  .region-terminal{
    right:var(--oak-space-2);
    bottom:var(--oak-space-2);
    left:var(--oak-space-2);
  }

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

  .region-step-list>li{
    grid-template-columns:1fr;
  }

  .region-network-facts div{
    align-items:flex-start;
    flex-direction:column;
    gap:.15rem;
  }

  .region-network-facts dd{
    text-align:left;
  }

  .region-final-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}