.region-page [hidden]{display:none!important}

.region-page .region-hero{
padding-block:var(--hero-top) var(--space-6);
background:var(--hero-gradient);
color:#F5F6F1;
--line:rgba(245,246,241,.18);
}

.region-hero .region-hero-copy{
display:block;
text-align:center;
min-width:0;
}

.region-hero .region-kicker{
margin-inline:auto;
margin-bottom:var(--space-3);
}

.region-hero .region-hero-copy h1{
max-width:none;
font-size:clamp(2rem,4vw,3.2rem);
line-height:var(--lh-heading);
color:#F5F6F1;
}

.region-hero .region-hero-copy>p.region-hero-lead{
max-width:48rem;
margin-inline:auto;
margin-top:var(--space-3);
font-size:var(--text-md);
line-height:var(--lh-body);
color:#F5F6F1;
}

.region-hero .region-hero-actions{
justify-content:center;
margin-top:var(--space-4);
}

.region-hero .region-hero-copy>p.region-hero-note{
max-width:48rem;
margin-inline:auto;
margin-top:var(--space-3);
font-size:var(--text-sm);
color:#F5F6F1;
}

.region-hero-facts{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:var(--space-1);
margin-block:var(--space-4) var(--space-3);
padding:0;
list-style:none;
}

.region-hero-facts li{
min-width:0;
padding:var(--space-1) var(--space-2);
border-radius:var(--radius-pill);
background:#0F2A2C;
color:#F5F6F1;
font-size:var(--text-sm);
}

.region-section-head>p:not(.c-kicker){
max-width:52rem;
margin-top:var(--space-2);
}

.region-section-head{
margin-bottom:var(--space-4);
}

.region-period-panel{
display:grid;
gap:var(--space-2);
margin-bottom:var(--space-4);
}

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

.region-period{
min-width:0;
min-height:2.75rem;
padding:var(--space-1) var(--space-3);
border-radius:var(--radius-pill);
background:#E9EEF5;
color:#131A1F;
font-size:var(--text-sm);
line-height:var(--lh-ui);
transition:background var(--duration),color var(--duration);
}

.region-period:hover{
background:#F3EFE6;
color:#1A1714;
}

.region-period[aria-pressed="true"]{
background:#0A7F4C;
color:#FFFFFF;
}

.region-period[aria-pressed="true"]:hover{
background:#086A3F;
color:#FFFFFF;
}

.region-period-status{
font-size:var(--text-sm);
color:#5B6569;
}

.region-plan-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}

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

.region-plan-heading{
display:grid;
gap:var(--space-1);
min-width:0;
}

.region-plan-heading p{
font-size:var(--text-sm);
}

.region-plan .region-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-1);
color:#131A1F;
font-variant-numeric:tabular-nums;
}

.region-price .c-price-value{
font-size:var(--text-section);
}

.region-price-tiles>div{
min-width:0;
}

.region-price-tiles dt{
font-size:var(--text-xs);
line-height:var(--lh-ui);
color:#6A6157;
}

.region-price-tiles dd{
margin-top:var(--space-1);
font-family:var(--f-mono);
font-variant-numeric:tabular-nums;
overflow-wrap:break-word;
}

.region-price-tiles>div[data-active="true"]{
background:#E9EEF5;
color:#131A1F;
box-shadow:inset 0 3px 0 #0A7F4C;
}

.region-price-tiles>div[data-active="true"] dt{
color:#4E5967;
}

.region-plan .region-plan-foot{
margin-top:0;
}

.region-plan>.c-btn{
margin-top:auto;
}

.region-billing-note{
display:grid;
gap:var(--space-1);
margin-top:var(--space-4);
max-width:60rem;
}

.region-billing-note p{
color:#5B6569;
}

.region-network-fact{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:var(--space-4);
align-items:start;
padding:var(--space-4);
border-radius:var(--radius-card);
background:#E9EEF5;
color:#131A1F;
--line:rgba(19,26,31,.12);
}

.region-network-fact>*{
min-width:0;
}

.region-network-label{
font-size:var(--text-sm);
color:#4E5967;
}

.region-latency{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-1);
margin-top:var(--space-1);
font-family:var(--f-mono);
font-size:clamp(2rem,3vw,3rem);
line-height:var(--lh-heading);
font-variant-numeric:tabular-nums;
overflow-wrap:break-word;
}

.region-latency-unit{
font-size:var(--text-md);
}

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

.region-network-explanation p{
color:#4E5967;
}

.region-network-explanation .region-network-caption{
font-size:var(--text-sm);
}

.region-network-grid{
margin-top:var(--space-3);
grid-template-columns:repeat(2,minmax(0,1fr));
}

.region-steps{
display:grid;
gap:0;
list-style:none;
margin:0;
padding:0;
}

.region-step{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding-block:var(--space-3);
border-top:1px solid rgba(26,23,20,.12);
min-width:0;
}

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

.region-step-number{
display:inline-flex;
justify-content:center;
align-items:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--radius-pill);
background:#0F2A2C;
color:#F5F6F1;
font-family:var(--f-mono);
font-size:var(--text-sm);
line-height:1;
font-variant-numeric:tabular-nums;
}

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

.region-step-duration{
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#6A6157;
}

.region-step p,.region-step-note{
color:#6A6157;
}

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

.region-page .region-faq{
gap:0;
}

.region-page .region-faq details{
padding-inline:var(--space-3);
border-radius:0;
border-bottom:1px solid rgba(19,26,31,.12);
background:#F5F6F1;
color:#131A1F;
}

.region-page .region-faq details:first-child{
border-top:1px solid rgba(19,26,31,.12);
}

.region-page .region-faq summary{
background:#F5F6F1;
color:#131A1F;
font-size:var(--text-md);
padding-block:var(--space-3);
}

.region-page .region-faq summary::after{
background:#E9EEF5;
color:#131A1F;
}

.region-page .region-faq .c-faq-body{
padding-top:var(--space-2);
padding-bottom:var(--space-3);
border-top:1px solid rgba(19,26,31,.12);
background:#F5F6F1;
color:#5B6569;
}

.region-page .region-final{
padding-bottom:var(--space-close);
}

.region-page .region-closing{
display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
align-items:center;
gap:var(--space-4);
padding:var(--space-5);
border-radius:var(--radius-card);
background:#061A17;
color:#F5F6F1;
--line:rgba(245,246,241,.18);
text-align:left;
}

.region-closing .region-closing-copy{
min-width:0;
text-align:left;
}

.region-closing .region-closing-copy h2{
font-size:var(--text-section);
line-height:var(--lh-heading);
color:#F5F6F1;
}

.region-closing .region-closing-copy p{
margin-top:var(--space-2);
color:#B8C5C1;
}

.region-closing .region-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
margin-top:0;
min-width:0;
}

.region-closing a:focus-visible{
outline-color:var(--focus-dark);
}

@media(max-width:64rem){
.region-page .region-closing{
padding:var(--space-4);
}
}

@media(max-width:42rem){
.region-plan-grid,.region-network-grid,.region-network-fact,.region-page .region-closing{
grid-template-columns:minmax(0,1fr);
}

.region-network-fact,.region-page .region-closing{
padding:var(--space-3);
}

.region-hero .region-hero-copy>p.region-hero-lead{
font-size:var(--text-base);
}

.region-hero-actions>.c-btn{
width:100%;
}

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

.region-step{
grid-template-columns:2.25rem minmax(0,1fr);
gap:var(--space-3);
}

.region-step>:nth-child(3){
grid-column:2;
}

.region-step-number{
width:2.25rem;
height:2.25rem;
}

.region-page .region-faq details{
padding-inline:var(--space-3);
}

.region-page .region-faq summary{
font-size:var(--text-base);
}
}