.plans-page{
min-width:0;
}
.plans-page [hidden]{
display:none!important;
}
.plans-page :is(article,section,dl,dd,dt){
min-width:0;
}
.plans-page p{
overflow-wrap:break-word;
}
.plans-hero{
display:block;
}
.plans-hero .plans-hero__kicker{
background:#1D1B19;
color:#F3EFEA;
border:1px solid rgba(243,239,234,.24);
margin-bottom:var(--space-3);
line-height:1;
padding:.5em .9em;
}
.plans-hero h1{
font-size:clamp(2rem,4.5vw,3.2rem);
line-height:var(--lh-heading);
}
.plans-hero__lead{
max-width:48rem;
margin-top:var(--space-3);
color:#9A938B;
}
.plans-hero .plans-hero__actions{
justify-content:flex-start;
margin-top:var(--space-4);
}
.plans-hero__note{
margin-top:var(--space-3);
color:#9A938B;
font-size:var(--text-sm);
}
.plans-head{
max-width:56rem;
margin-bottom:var(--space-4);
}
.plans-head .c-kicker{
margin-bottom:var(--space-3);
}
.plans-head>p{
margin-top:var(--space-2);
color:#9A938B;
}
.plans-models{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
}
.plans-model{
min-width:0;
align-items:stretch;
gap:var(--space-3);
padding:var(--space-4);
}
.plans-model__heading{
display:grid;
gap:var(--space-1);
align-content:start;
}
.plans-page .plans-model h3{
font-size:var(--text-lg);
line-height:var(--lh-heading);
}
.plans-model__label{
font-size:var(--text-sm);
color:#6B645D;
}
.plans-model--fog .plans-model__label{
color:#404B5B;
}
.plans-model__price b{
font-size:clamp(2rem,3vw,3.2rem);
line-height:var(--lh-heading);
}
.plans-periods{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
width:100%;
gap:var(--space-1);
}
.plans-periods>div{
display:flex;
flex-direction:column;
gap:var(--space-1);
min-width:0;
padding:var(--space-2);
border-radius:var(--r-in);
background:#EAE5DF;
color:#121110;
}
.plans-periods dt{
font-size:var(--text-sm);
color:#6B645D;
}
.plans-periods dd{
margin:0;
font-size:var(--text-lg);
font-weight:var(--weight-medium);
overflow-wrap:break-word;
}
.plans-model--fog .plans-periods>div{
background:#B9C5D2;
color:#1A2230;
}
.plans-model--fog .plans-periods dt{
color:#404B5B;
}
.plans-model__uses{
display:grid;
gap:var(--space-2);
padding-left:var(--space-2);
list-style:disc;
}
.plans-model__uses li{
font-size:var(--text-sm);
}
.plans-model__hint{
font-size:var(--text-sm);
}
.plans-model__foot{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
margin-top:auto;
}
.plans-model__foot .c-badge{
line-height:1;
padding:.5em .9em;
}
.plans-after-note{
margin-top:var(--space-2);
font-size:var(--text-sm);
color:#9A938B;
}
.plans-subhead{
display:grid;
gap:var(--space-1);
margin-top:var(--space-5);
margin-bottom:var(--space-3);
max-width:56rem;
}
.plans-subhead>p{
color:#9A938B;
}
.plans-page .plans-table{
display:table;
width:100%;
min-width:42rem;
}
.plans-page .plans-table :is(th,td){
text-align:start;
}
.plans-page .plans-table thead th{
background:#EAE5DF;
color:#121110;
}
.plans-page .plans-table tbody th{
background:#F5F2EE;
color:#121110;
}
.plans-page .plans-table tbody td{
background:#F5F2EE;
color:#121110;
font-variant-numeric:tabular-nums;
}
.plans-table__hint{
font-size:var(--text-xs);
font-weight:var(--weight-normal);
color:#6B645D;
}
.plans-rulers{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}
.plans-ruler{
padding:var(--space-4);
gap:var(--space-3);
}
.plans-ruler__list{
display:grid;
gap:var(--space-3);
}
.plans-ruler__list>div{
display:grid;
gap:var(--space-1);
}
.plans-ruler__list dt{
font-size:var(--text-sm);
font-weight:var(--weight-bold);
}
.plans-ruler__list dd{
display:grid;
gap:var(--space-1);
margin:0;
}
.plans-ruler__list dd>span{
min-width:0;
overflow-wrap:break-word;
}
.plans-ruler__list dd>span+span{
font-size:var(--text-sm);
}
.plans-ruler>.c-badge{
line-height:1;
padding:.5em .9em;
}
.plans-period-note{
margin-top:var(--space-3);
}
.plans-addon-guidance{
margin-top:var(--space-5);
}
.plans-checks{
display:grid;
gap:var(--space-3);
list-style:none;
margin:var(--space-3) 0 0;
padding:0;
}
.plans-checks>li{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
}
.plans-checks__number{
color:#F0A868;
}
.plans-checks>li>strong{
font-size:var(--text-base);
}
.plans-checks>li>p{
color:#9A938B;
}
.plans-bill{
height:auto;
padding:0;
overflow:hidden;
border-radius:var(--r-card);
background:#F5F2EE;
color:#121110;
}
.plans-bill__head{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
gap:var(--space-2);
padding:var(--space-3) var(--space-4);
background:#EAE5DF;
color:#121110;
}
.plans-bill__stamp{
font-size:var(--text-sm);
color:#6B645D;
}
.plans-bill__rows{
display:grid;
gap:var(--space-3);
padding:var(--space-4);
}
.plans-bill__rows>div{
display:grid;
grid-template-columns:minmax(6rem,.6fr) minmax(0,1fr) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
}
.plans-bill__rows dt{
color:#6B645D;
font-size:var(--text-sm);
}
.plans-bill__rows dd{
margin:0;
color:#121110;
overflow-wrap:break-word;
}
.plans-bill__rows dd>span{
display:block;
margin-top:var(--space-1);
}
.plans-bill__rows .plans-bill__annotation{
position:relative;
padding-left:var(--space-3);
color:#6B645D;
font-size:var(--text-sm);
}
.plans-bill__annotation::before{
content:"";
position:absolute;
left:0;
top:.8em;
width:var(--space-2);
height:1px;
background:#B8501E;
color:#121110;
pointer-events:none;
}
.plans-bill__total{
display:grid;
gap:var(--space-2);
padding:var(--space-4);
background:#CFD8CC;
color:#1E2A1C;
}
.plans-bill__total>div{
display:flex;
flex-wrap:wrap;
align-items:baseline;
justify-content:space-between;
gap:var(--space-2);
}
.plans-bill__total strong{
font-size:clamp(1.75rem,3vw,2.75rem);
line-height:var(--lh-heading);
}
.plans-bill__total strong small{
font-size:var(--text-sm);
color:#1E2A1C;
}
.plans-bill__total p{
color:#4C5A49;
font-size:var(--text-sm);
}
.plans-latency-notice{
margin-bottom:var(--space-3);
}
.plans-page .plans-latency-table td{
font-size:var(--text-sm);
}
.plans-payment{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}
.plans-payment__card{
padding:var(--space-4);
gap:var(--space-3);
}
.plans-payment__card>.c-badge{
line-height:1;
padding:.5em .9em;
}
.plans-close-section{
padding-top:var(--space-8);
padding-bottom:var(--space-close);
}
.plans-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.38fr);
align-items:center;
gap:var(--space-5);
padding:var(--space-5);
border-radius:var(--r-card);
background:#1D1B19;
color:#F3EFEA;
}
.plans-closing__copy{
min-width:0;
}
.plans-closing__copy>.c-kicker{
background:#2A2724;
color:#F3EFEA;
margin-bottom:var(--space-3);
}
.plans-closing h2{
color:#F3EFEA;
}
.plans-closing__copy>p{
margin-top:var(--space-2);
color:#9A938B;
}
.plans-closing__copy>.plans-closing__payment{
margin-top:var(--space-3);
font-size:var(--text-sm);
}
.plans-closing .plans-closing__actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
margin-top:0;
min-width:0;
}
.plans-closing__actions>.c-btn{
width:100%;
}
.plans-closing__actions>.c-btn--ghost{
background:transparent;
color:#F3EFEA;
border-color:rgba(243,239,234,.45);
}
@media(max-width:64rem){
.plans-bill__rows>div{
grid-template-columns:minmax(6rem,.5fr) minmax(0,1fr);
}
.plans-bill__rows .plans-bill__annotation{
grid-column:2;
}
.plans-closing{
grid-template-columns:minmax(0,1fr);
align-items:start;
}
.plans-closing .plans-closing__actions{
width:100%;
max-width:24rem;
}
}
@media(max-width:42rem){
.plans-models,.plans-rulers,.plans-payment{
grid-template-columns:minmax(0,1fr);
}
.plans-model,.plans-ruler,.plans-payment__card{
padding:var(--space-3);
}
.plans-model__foot{
align-items:flex-start;
flex-direction:column;
}
.plans-model__foot>.c-btn{
width:100%;
}
.plans-checks>li{
grid-template-columns:2.25rem minmax(0,1fr);
}
.plans-checks>li>:nth-child(3){
grid-column:2;
}
.plans-bill__head,.plans-bill__rows,.plans-bill__total{
padding:var(--space-3);
}
.plans-bill__rows>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-1);
}
.plans-bill__rows .plans-bill__annotation{
grid-column:1;
}
.plans-closing{
padding:var(--space-3);
gap:var(--space-4);
}
.plans-closing .plans-closing__actions{
max-width:none;
}
}