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

.plans-page .plans-hero{
display:block;
grid-template-areas:none;
grid-template-columns:minmax(0,1fr);
padding-block:var(--hero-top) var(--section-pad);
background:var(--dark);
color:#FBFAF7;
--muted:#D5DEDA;
--line:rgba(251,250,247,.14);
}

.plans-hero h1{
max-width:100%;
font-size:clamp(2.25rem,4vw,3.2rem);
line-height:var(--leading-tight);
color:#FBFAF7;
}

.plans-hero .plans-hero-lead{
margin-top:var(--space-4);
color:#FBFAF7;
}

.plans-hero-copy{
max-width:48rem;
margin-top:var(--space-2);
color:#D5DEDA;
overflow-wrap:break-word;
}

.plans-hero-note{
margin-top:var(--hero-follow);
color:#D5DEDA;
font-size:var(--text-sm);
}

.plans-intro{
max-width:56rem;
margin-top:var(--space-3);
overflow-wrap:break-word;
}

.plans-period-filter{
margin-top:var(--space-5);
}

.plans-period-filter button{
line-height:1;
padding:.75em 1.25em;
}

.plans-period-filter button[aria-pressed="true"]{
background:#9A5200;
color:#FFFFFF;
border-color:#9A5200;
}

.plans-period-filter button[aria-pressed="true"]:hover{
background:#874800;
color:#FFFFFF;
border-color:#874800;
}

.plans-price-status{
margin-block:var(--space-3) var(--space-4);
font-size:var(--text-sm);
color:#1F3550;
}

.plans-card-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch;
}

.plans-price-card{
align-items:stretch;
min-width:0;
}

.plans-price-card .plans-card-copy{
margin-top:var(--space-3);
color:#1F3550;
}

.plans-price-card .plans-card-detail{
margin-top:var(--space-2);
color:#4B5E77;
font-size:var(--text-sm);
}

.plans-price-card .vk-price__number{
font-size:clamp(2rem,3vw,2.5rem);
}

.plans-stock-pill{
display:inline-flex;
align-items:center;
gap:.4em;
padding:.4em .9em;
line-height:1;
width:fit-content;
border-radius:var(--pill);
background:#E6EFE9;
color:#1E3A33;
letter-spacing:normal;
}

.plans-stock-note{
margin-top:var(--space-2);
color:#4B5E77;
font-size:var(--text-sm);
}

.plans-price-card .vk-actions{
margin-top:var(--space-4);
}

.plans-price-card .vk-actions .vk-btn{
width:100%;
}

.plans-table-block{
margin-top:var(--space-8);
}

.plans-table-block>p{
margin-top:var(--space-2);
}

.plans-table-block .table-scroll{
margin-top:var(--space-4);
}

.plans-table-block .plans-footnote{
margin-top:var(--space-3);
}

.plans-footnote{
margin-top:var(--space-4);
font-size:var(--text-sm);
color:#55605D;
}

.plans-addons-table,
.plans-region-table,
.plans-billing,
.plans-checklist,
.plans-payment-grid{
margin-top:var(--space-5);
}

.plans-addon-note{
margin-top:var(--space-4);
}

.plans-billing{
gap:0;
}

.plans-billing-row{
grid-template-columns:minmax(7.5rem,11rem) minmax(8rem,11rem) minmax(0,1fr);
gap:var(--space-4);
}

.plans-billing-row>*{
min-width:0;
overflow-wrap:break-word;
}

.plans-billing-row small{
position:relative;
padding-inline-start:var(--space-5);
}

.plans-billing-row small::before{
content:"";
position:absolute;
inset-inline-start:0;
top:.8em;
width:var(--space-4);
height:1px;
background:#E7E4DD;
color:#10302C;
pointer-events:none;
}

.plans-billing-total{
margin-top:var(--space-4);
grid-template-columns:minmax(7.5rem,11rem) minmax(8rem,11rem) minmax(0,1fr);
gap:var(--space-4);
border-bottom:0;
}

.plans-billing-total>*{
min-width:0;
overflow-wrap:break-word;
}

.plans-billing-note{
max-width:56rem;
margin-top:var(--space-4);
color:#5A2A1E;
}

.plans-checklist{
gap:var(--space-4);
}

.plans-checklist li{
padding-bottom:var(--space-4);
border-bottom:1px solid #CAD8CF;
}

.plans-checklist strong{
font-weight:var(--weight-heavy);
}

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

.plans-payment-grid .vk-card p{
margin-top:var(--space-2);
}

.plans-payment-grid .vk-card__end .vk-badge{
display:inline-flex;
align-items:center;
gap:.4em;
padding:.4em .9em;
line-height:1;
width:fit-content;
border-radius:var(--pill);
}

.plans-payment-note{
margin-top:var(--space-4);
color:#5A2A1E;
}

.plans-email{
color:#5A2A1E;
text-decoration:underline;
text-underline-offset:.2em;
overflow-wrap:anywhere;
}

.plans-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.4fr);
gap:var(--space-6);
align-items:center;
padding:var(--space-7) var(--card-pad);
border-radius:var(--r-band);
background:#10302C;
color:#FBFAF7;
--muted:#D5DEDA;
--line:rgba(251,250,247,.14);
}

.plans-closing-copy h2{
color:#FBFAF7;
}

.plans-closing-copy p{
margin-top:var(--space-3);
color:#D5DEDA;
}

.plans-closing-actions{
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
margin-top:var(--space-3);
}

@media(max-width:64rem){
.plans-card-grid{
grid-template-columns:minmax(0,1fr);
}

.plans-closing{
grid-template-columns:minmax(0,1fr);
}

.plans-closing-actions{
flex-direction:row;
align-items:center;
justify-content:flex-start;
}

.plans-billing-row,
.plans-billing-total{
grid-template-columns:minmax(7.5rem,9rem) minmax(7rem,9rem) minmax(0,1fr);
}
}

@media(max-width:42rem){
.plans-payment-grid{
grid-template-columns:minmax(0,1fr);
}

.plans-billing-row,
.plans-billing-total{
grid-template-columns:minmax(0,1fr) auto;
gap:var(--space-2);
}

.plans-billing-row small,
.plans-billing-total small{
grid-column:1/-1;
padding-inline-start:0;
}

.plans-billing-row small::before{
display:none;
}

.plans-closing{
padding:var(--space-5) var(--space-4);
gap:var(--space-4);
}

.plans-closing-actions{
flex-direction:column;
align-items:stretch;
}

.plans-hero .vk-actions .vk-btn{
width:100%;
}

.plans-table-block{
margin-top:var(--space-7);
}
}