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

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

.region-hero__copy,
.region-hero__stage,
.region-sheet,
.region-plan__identity,
.region-plan__billing,
.region-addon,
.region-network__metric,
.region-network__method,
.region-timeline__body{
min-width:0
}

.region-hero__copy{
display:flex;
flex-direction:column;
align-items:flex-start
}

.region-hero__copy .c-kicker{
margin-bottom:var(--space-2)
}

.region-hero__copy h1{
max-width:18ch;
font-size:var(--fs-5);
line-height:var(--lh-tight);
overflow-wrap:anywhere
}

.region-hero__lead{
max-width:42rem;
margin-top:var(--space-2);
color:var(--color-muted);
font-size:var(--fs-3)
}

.region-hero__actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
gap:var(--space-2);
margin-block:var(--space-3)
}

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

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

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

.region-hero__facts strong{
color:var(--color-primary);
font-size:var(--fs-3)
}

.region-hero__facts span{
margin-top:.25rem;
color:var(--color-muted);
font-size:var(--fs-0);
line-height:1.45
}

.region-hero__stage{
height:clamp(25rem,40vw,31rem);
padding:var(--space-3);
border-radius:var(--radius-lg);
background:var(--color-dark);
color:var(--color-light);
box-shadow:var(--shadow-soft)
}

.region-sheet{
display:flex;
width:100%;
height:100%;
max-width:none;
flex-direction:column;
overflow:hidden;
border-radius:var(--radius-md);
background:var(--color-paper);
color:var(--color-ink)
}

.region-sheet__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
padding:var(--space-2) var(--space-3);
background:var(--color-primary);
color:var(--color-paper);
font-family:var(--font-mono);
font-size:var(--fs-0);
line-height:1.4;
letter-spacing:.06em
}

.region-sheet__status{
padding:.35rem .65rem;
border-radius:999px;
background:var(--color-accent-soft);
color:var(--color-dark);
font-family:var(--font-body);
font-weight:700;
letter-spacing:0
}

.region-sheet__route{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:var(--space-2);
padding:var(--space-3);
background:var(--color-surface);
color:var(--color-ink)
}

.region-sheet__mark{
display:grid;
width:3rem;
height:3rem;
place-items:center;
border-radius:50%;
background:var(--color-primary);
color:var(--color-paper)
}

.region-sheet__mark svg{
width:1.5rem;
height:1.5rem
}

.region-sheet__label{
display:block;
color:var(--color-muted);
font-size:var(--fs-0);
line-height:1.4
}

.region-sheet__route strong{
display:block;
margin-top:.2rem;
font-family:var(--font-heading);
font-size:var(--fs-4);
line-height:1.25;
overflow-wrap:anywhere
}

.region-sheet__code{
color:var(--color-primary);
font-family:var(--font-mono);
font-size:var(--fs-0);
font-weight:700;
letter-spacing:.08em
}

.region-sheet__list{
display:grid;
margin:0;
padding-inline:var(--space-3)
}

.region-sheet__list div{
display:grid;
grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
gap:var(--space-2);
padding-block:.7rem;
border-bottom:1px solid var(--line-paper)
}

.region-sheet__list dt,
.region-sheet__list dd{
min-width:0;
overflow-wrap:anywhere
}

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

.region-sheet__list dd{
text-align:right;
font-weight:700
}

.region-sheet__foot{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
margin-top:auto;
padding:var(--space-2) var(--space-3);
background:var(--color-light);
color:var(--color-ink);
font-size:var(--fs-1);
line-height:1.5
}

.region-sheet__foot span{
min-width:0;
overflow-wrap:anywhere
}

.region-sheet__foot .u-mono{
color:var(--color-primary);
font-weight:700
}

.section-head{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);
gap:var(--space-4);
align-items:end;
margin-bottom:var(--space-4)
}

.section-head>div,
.section-head>p{
min-width:0
}

.section-head>p{
color:var(--color-muted)
}

.region-pricing{
background:var(--color-light);
color:var(--color-ink)
}

.region-plan{
display:grid;
grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
overflow:hidden;
border-radius:var(--radius-lg);
background:var(--color-paper);
color:var(--color-ink);
box-shadow:var(--shadow-soft)
}

.region-plan__identity{
padding:var(--space-4);
background:var(--color-surface);
color:var(--color-ink)
}

.region-plan__identity .c-badge,
.region-addon .c-badge{
margin-bottom:var(--space-2)
}

.region-plan__identity h3{
font-size:var(--fs-5)
}

.region-plan__identity>p{
margin-top:var(--space-2);
color:var(--color-muted)
}

.region-plan__specs{
display:grid;
margin:var(--space-3) 0 0;
padding:0;
list-style:none
}

.region-plan__specs li{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:var(--space-2);
padding-block:.75rem;
border-bottom:1px solid var(--line-paper)
}

.region-plan__specs span,
.region-plan__specs strong{
min-width:0;
overflow-wrap:anywhere
}

.region-plan__specs span{
color:var(--color-muted)
}

.region-plan__specs strong{
text-align:right
}

.region-plan__billing{
padding:var(--space-4);
background:var(--color-paper);
color:var(--color-ink)
}

.region-plan__billing-head{
display:grid;
grid-template-columns:minmax(10rem,.72fr) minmax(0,1.28fr);
gap:var(--space-3);
align-items:end
}

.region-plan__billing-head>div,
.region-plan__billing-head>p{
min-width:0
}

.region-plan__billing-head>div>span{
display:block;
margin-bottom:var(--space-1);
color:var(--color-muted);
font-size:var(--fs-1)
}

.region-plan__billing-head p{
color:var(--color-muted)
}

.region-plan__action{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
margin-top:var(--space-3)
}

.region-plan__action span{
min-width:0;
color:var(--color-muted);
font-size:var(--fs-1);
line-height:1.5
}

.region-addons{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
gap:var(--space-3);
align-items:start;
margin-top:var(--space-4)
}

.region-addon{
padding:var(--space-3);
border-radius:var(--radius-lg);
background:var(--color-surface-2);
color:var(--color-ink)
}

.region-addon h3{
font-family:var(--font-body);
font-size:var(--fs-3);
font-weight:700
}

.region-addon p{
margin-top:var(--space-1);
color:var(--color-muted)
}

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

.region-addon dl div{
min-width:0;
padding:var(--space-1);
border-radius:var(--radius-sm);
background:var(--color-paper);
color:var(--color-ink)
}

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

.region-addon dd{
margin-top:.15rem;
color:var(--color-primary);
font-weight:700
}

.region-payment{
margin-top:var(--space-4)
}

.region-payment .c-note__icon svg,
.region-delivery__note .c-note__icon svg{
width:1.25rem;
height:1.25rem
}

.region-payment h3,
.region-delivery__note h3{
font-family:var(--font-body);
font-size:var(--fs-3);
font-weight:700
}

.region-payment h3+p,
.region-delivery__note h3+p{
margin-top:var(--space-1)
}

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

.region-network__grid{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
gap:var(--space-3);
align-items:stretch
}

.region-network__metric{
display:flex;
flex-direction:column;
justify-content:center;
padding:var(--space-4);
border-radius:var(--radius-lg);
background:var(--color-primary);
color:var(--color-paper)
}

.region-network__metric>span{
color:var(--color-accent-soft);
font-size:var(--fs-1);
font-weight:700
}

.region-network__metric>strong{
display:block;
margin-block:var(--space-2);
font-size:clamp(2.5rem,7vw,4rem);
line-height:1;
overflow-wrap:anywhere
}

.region-network__metric p{
color:var(--color-light)
}

.region-network__method{
padding:var(--space-4);
border-radius:var(--radius-lg);
background:var(--color-surface-2);
color:var(--color-ink)
}

.region-network__method ol{
display:grid;
margin:var(--space-3) 0 0;
padding:0;
list-style:none
}

.region-network__method li{
display:grid;
grid-template-columns:minmax(8rem,.55fr) minmax(0,1.45fr);
gap:var(--space-2);
padding-block:var(--space-2);
border-bottom:1px solid var(--line-paper)
}

.region-network__method li strong,
.region-network__method li span{
min-width:0;
overflow-wrap:anywhere
}

.region-network__method li span{
color:var(--color-muted)
}

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

.region-network__quality>div{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:.25rem var(--space-2);
align-items:center;
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--color-light);
color:var(--color-ink)
}

.region-network__quality svg{
grid-row:1 / span 2;
width:1.5rem;
height:1.5rem;
color:var(--color-primary)
}

.region-network__quality span,
.region-network__quality strong{
min-width:0;
overflow-wrap:anywhere
}

.region-network__quality span{
color:var(--color-muted);
font-size:var(--fs-1)
}

.region-network__quality strong{
font-size:var(--fs-1);
line-height:1.5
}

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

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

.region-timeline li{
display:grid;
grid-template-columns:minmax(10rem,.32fr) minmax(0,1.68fr);
gap:var(--space-3);
padding-block:var(--space-3);
border-top:1px solid var(--line-paper)
}

.region-timeline li:last-child{
border-bottom:1px solid var(--line-paper)
}

.region-timeline__time{
display:flex;
min-width:0;
flex-direction:column;
align-items:flex-start;
gap:var(--space-1)
}

.region-timeline__time span{
color:var(--color-primary);
font-size:var(--fs-0);
font-weight:700;
letter-spacing:.08em
}

.region-timeline__time strong{
font-size:var(--fs-2)
}

.region-timeline__body p{
margin-top:var(--space-1);
color:var(--color-muted)
}

.region-timeline__signal{
display:inline-flex;
width:fit-content;
max-width:100%;
margin-top:var(--space-2);
padding:.45rem .75rem;
border-radius:999px;
background:var(--color-paper);
color:var(--color-primary);
font-size:var(--fs-1);
font-weight:700;
line-height:1.4;
overflow-wrap:anywhere
}

.region-delivery__note{
margin-top:var(--space-4)
}

.region-faq{
background:var(--color-light);
color:var(--color-ink)
}

.region-faq .c-faq details{
background:var(--color-light);
color:var(--color-ink);
border-radius:0;
border-top:1px solid var(--line-paper);
padding-inline:0
}

.region-faq .c-faq details+details{
margin-top:0
}

.region-faq .c-faq details:last-child{
border-bottom:1px solid var(--line-paper)
}

.region-faq .c-faq__body{
padding-top:var(--space-2);
border-top:1px solid var(--line-paper);
color:var(--color-muted)
}

.region-closing{
padding-block:var(--space-6) var(--space-4);
background:var(--color-paper);
color:var(--color-ink)
}

.region-closing__card{
padding-inline:var(--space-4);
background:var(--color-dark);
color:var(--color-light)
}

.region-closing__card>div{
min-width:0
}

.region-closing__card h2{
max-width:24ch;
font-size:var(--fs-5);
overflow-wrap:anywhere
}

.region-closing__card p{
max-width:46rem;
margin-top:var(--space-2);
color:var(--color-surface)
}

.region-closing__kicker{
margin-bottom:var(--space-2);
color:var(--color-accent-soft)
}

.region-closing__actions{
display:flex;
min-width:min(100%,16rem);
flex-direction:column;
gap:var(--space-2)
}

.region-closing__actions .c-btn--ghost{
color:var(--color-light);
border-color:color-mix(in srgb,currentColor 45%,transparent)
}

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

.region-hero__grid,
.section-head,
.region-plan,
.region-network__grid{
grid-template-columns:1fr
}

.region-hero__grid,
.section-head{
gap:var(--space-3)
}

.region-hero__copy h1{
max-width:none
}

.region-hero__stage{
height:auto;
overflow:visible;
padding:var(--space-2)
}

.region-sheet{
height:auto;
overflow:visible
}

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

.region-plan__billing-head,
.region-network__method li{
grid-template-columns:1fr
}

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

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

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

.region-timeline__time{
flex-direction:row;
align-items:center;
justify-content:space-between
}

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

.region-closing__actions{
width:100%
}
}

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

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

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

.region-sheet__head,
.region-sheet__foot{
align-items:flex-start;
flex-direction:column
}

.region-sheet__route{
grid-template-columns:auto minmax(0,1fr)
}

.region-sheet__code{
grid-column:2
}

.region-sheet__list div{
grid-template-columns:1fr;
gap:.25rem
}

.region-sheet__list dd{
text-align:left
}

.region-plan__identity,
.region-plan__billing,
.region-network__metric,
.region-network__method{
padding:var(--space-3)
}

.region-addon dl{
grid-template-columns:1fr
}

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

.region-closing__card{
padding-inline:var(--space-3)
}

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