.region-hero{
padding-block:var(--space-5) var(--space-6);
background:var(--c-peach);
color:var(--c-ink)
}

.region-hero__grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-4);
align-items:center
}

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

.region-hero__copy{
max-width:38rem
}

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

.region-hero__copy h1{
overflow-wrap:anywhere
}

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

.region-hero__copy .c-lead{
max-width:37rem;
color:#554e52
}

.region-hero__facts{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
list-style:none;
margin-top:var(--space-4);
padding-top:var(--space-3);
border-top:1px solid var(--c-line)
}

.region-hero__facts li{
display:grid;
min-width:0;
gap:var(--space-1);
padding-inline:var(--space-2)
}

.region-hero__facts li:first-child{
padding-left:0
}

.region-hero__facts li+li{
border-left:1px solid var(--c-line)
}

.region-hero__facts strong{
font-family:var(--font-mono);
font-size:var(--fs-3);
line-height:1.2;
font-variant-numeric:tabular-nums
}

.region-hero__facts span{
color:var(--c-muted);
font-size:var(--fs-1);
line-height:1.4;
overflow-wrap:anywhere
}

.region-stage{
height:clamp(24rem,40vw,31rem);
overflow:hidden;
border-radius:var(--radius-lg);
background:var(--c-dark);
color:#f8f3f2
}

.region-stage__visual{
width:100%;
height:100%
}

.region-visual__back{
fill:var(--c-dark)
}

.region-visual__route{
fill:none;
stroke:var(--c-accent);
stroke-width:4;
stroke-linecap:round
}

.region-visual__node{
fill:var(--c-primary)
}

.region-visual__sheet{
fill:var(--c-dark-surface)
}

.region-visual__label{
fill:#c6bec3;
font-family:var(--font-mono);
font-size:15px;
letter-spacing:2px
}

.region-visual__name{
fill:#f8f3f2;
font-family:var(--font-head);
font-size:23px;
font-weight:650
}

.region-visual__device{
fill:var(--c-surface)
}

.region-visual__port{
fill:var(--c-dark)
}

.region-visual__slot{
fill:none;
stroke:var(--c-control);
stroke-width:8;
stroke-linecap:round
}

.region-visual__power{
fill:var(--c-primary)
}

.region-visual__mark{
fill:none;
stroke:var(--c-accent);
stroke-width:5;
stroke-linecap:round;
stroke-linejoin:round
}

.region-visual__status{
fill:var(--c-dark-surface)
}

.region-visual__status-dot{
fill:var(--c-success)
}

.region-visual__status-text{
fill:#f8f3f2;
font-family:var(--font-mono);
font-size:16px;
letter-spacing:1px
}

.region-plans{
background:var(--c-surface);
color:var(--c-ink)
}

.region-plans .c-section-head,
.region-steps .c-section-head,
.region-faq-section .c-section-head{
max-width:46rem
}

.region-plans .c-section-head .c-kicker+h2,
.region-steps .c-section-head .c-kicker+h2,
.region-faq-section .c-section-head .c-kicker+h2{
margin-top:var(--space-2)
}

.region-plans .c-section-head h2+.c-lead,
.region-steps .c-section-head h2+.c-lead,
.region-faq-section .c-section-head h2+.c-lead{
margin-top:var(--space-2)
}

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

.region-price-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
min-width:0;
box-shadow:var(--shadow-soft)
}

.region-price-card__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:var(--space-3)
}

.region-price-card__head>*{
min-width:0
}

.region-price-card__head .c-badge{
margin-bottom:var(--space-2)
}

.region-price-card__head h3{
overflow-wrap:anywhere
}

.region-price-card__entry{
flex:0 0 auto;
display:grid;
text-align:right
}

.region-price-card__entry strong{
font-family:var(--font-mono);
font-size:var(--fs-4);
line-height:1.1;
font-variant-numeric:tabular-nums
}

.region-price-card__entry span{
color:var(--c-muted);
font-size:var(--fs-0);
line-height:1.4
}

.region-periods{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
margin:0;
border-top:1px solid var(--c-line);
border-bottom:1px solid var(--c-line)
}

.region-periods div{
min-width:0;
padding-block:var(--space-2)
}

.region-periods div+div{
padding-left:var(--space-2);
border-left:1px solid var(--c-line)
}

.region-periods dt{
color:var(--c-muted)
}

.region-periods dd{
margin-top:var(--space-1);
font-family:var(--font-mono);
font-size:var(--fs-2);
font-weight:700;
font-variant-numeric:tabular-nums;
overflow-wrap:anywhere
}

.region-price-card__copy{
color:#5f575c
}

.region-price-card>.c-btn{
margin-top:var(--space-1)
}

.region-payment-note{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:var(--space-2);
margin-top:var(--space-4);
background:var(--c-blue);
color:var(--c-ink)
}

.region-payment-note svg{
width:1.35rem;
height:1.35rem;
margin-top:.15rem;
color:var(--c-accent)
}

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

.region-network{
background:var(--c-lilac);
color:var(--c-ink)
}

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

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

.region-network__copy .c-kicker+h2{
margin-top:var(--space-2)
}

.region-network__copy h2+p{
margin-top:var(--space-3)
}

.region-network__copy p{
color:#554e52
}

.region-network__copy p+p{
margin-top:var(--space-2)
}

.region-network__meter{
display:flex;
flex-direction:column;
justify-content:space-between;
gap:var(--space-3);
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--c-dark);
color:#f8f3f2
}

.region-network__metric{
display:grid;
gap:var(--space-1)
}

.region-network__value{
font-family:var(--font-mono);
font-size:clamp(2.5rem,10cqi,4.25rem);
line-height:1.1;
font-weight:700;
font-variant-numeric:tabular-nums;
overflow-wrap:anywhere
}

.region-network__unit{
color:#c6bec3;
font-size:var(--fs-1)
}

.region-network__checks{
display:grid
}

.region-network__checks div{
display:grid;
grid-template-columns:minmax(7rem,.65fr) minmax(0,1fr);
gap:var(--space-2);
padding-block:var(--space-2);
border-top:1px solid var(--c-line-dark)
}

.region-network__checks strong{
font-size:var(--fs-1)
}

.region-network__checks span{
color:#c6bec3;
font-size:var(--fs-1);
line-height:1.45;
overflow-wrap:anywhere
}

.region-steps{
background:var(--c-base);
color:var(--c-ink)
}

.region-timeline{
display:grid;
list-style:none;
margin-top:var(--space-4);
padding:0;
border-top:1px solid var(--c-line)
}

.region-timeline li{
display:grid;
grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr);
gap:var(--space-4);
padding-block:var(--space-3);
border-bottom:1px solid var(--c-line)
}

.region-timeline li>*{
min-width:0
}

.region-timeline__time span{
display:inline-flex;
width:fit-content;
padding:.45rem .75rem;
border-radius:999px;
background:var(--c-peach);
color:#74391f;
font-family:var(--font-mono);
font-size:var(--fs-0);
line-height:1.3;
font-weight:700;
font-variant-numeric:tabular-nums
}

.region-timeline__body{
display:grid;
gap:var(--space-1)
}

.region-timeline__step{
color:#8e421f;
font-family:var(--font-mono);
font-size:var(--fs-0);
line-height:1.4;
font-weight:700;
letter-spacing:.08em
}

.region-timeline__body p{
max-width:48rem;
color:var(--c-muted)
}

.region-faq-section{
background:var(--c-blue);
color:var(--c-ink)
}

.region-faq{
margin-top:var(--space-4);
padding-inline:var(--space-3);
border-radius:var(--radius-md);
background:var(--c-blue);
color:var(--c-ink)
}

.region-faq details{
background:var(--c-blue);
color:var(--c-ink)
}

.region-faq details:last-child{
border-bottom:0
}

.region-faq .c-faq__body{
margin-top:var(--space-2);
padding-top:var(--space-2);
border-top:1px solid var(--c-line);
color:#554e52
}

.region-faq .c-faq__body p{
color:#554e52
}

.region-closing-section{
padding-bottom:var(--space-4);
background:var(--c-base);
color:var(--c-ink)
}

.region-closing{
background:var(--c-dark);
color:#f8f3f2
}

.region-closing__copy{
min-width:0;
max-width:44rem
}

.region-closing__copy .c-badge{
background:var(--c-peach);
color:#633018
}

.region-closing__copy .c-badge+h2{
margin-top:var(--space-2)
}

.region-closing__copy h2+p{
margin-top:var(--space-2)
}

.region-closing__copy p{
color:#c4bdc1
}

.region-closing__actions{
display:grid;
flex:0 0 min(100%,15rem);
gap:var(--space-2)
}

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

.region-closing__actions .c-btn-ghost{
color:#f8f3f2;
border-color:color-mix(in srgb,currentColor 35%,transparent)
}

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

.region-hero__copy{
max-width:none
}

.region-stage{
height:28rem
}

.region-network__meter{
min-height:24rem
}
}

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

.region-hero__facts{
grid-template-columns:1fr;
gap:0
}

.region-hero__facts li{
padding:var(--space-2) 0
}

.region-hero__facts li+li{
border-left:0;
border-top:1px solid var(--c-line)
}

.region-stage{
height:22rem
}

.region-visual__name{
font-size:19px
}

.region-price-card__head{
display:grid
}

.region-price-card__entry{
text-align:left
}

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

.region-periods div:nth-child(3){
padding-left:0;
border-left:0;
border-top:1px solid var(--c-line)
}

.region-periods div:nth-child(4){
border-top:1px solid var(--c-line)
}

.region-network__meter{
min-height:0
}

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

.region-timeline li{
grid-template-columns:1fr;
gap:var(--space-2)
}

.region-faq{
padding-inline:var(--space-2)
}

.region-closing__actions{
width:100%;
flex-basis:auto
}
}