.plans-page{
font-variant-numeric:tabular-nums;
}
.plans-page [hidden]{
display:none!important;
}
.plans-page .plans-hero{
display:block;
padding-block-start:var(--hero-top);
background:#FFFFFF;
color:#1A1418;
--muted:#6F676C;
--line:#ECE8EA;
}
.plans-hero-copy{
min-width:0;
}
.plans-page .plans-hero h1{
max-width:100%;
font-size:clamp(2rem,3.5vw,3.2rem);
line-height:var(--lh-display);
color:#1A1418;
}
.plans-page .plans-hero .c-kicker{
margin-bottom:var(--space-4);
background:#EEF0F3;
color:#1F2733;
}
.plans-hero-lead{
max-width:var(--width-reading);
margin-top:var(--space-4);
font-size:var(--text-lg);
line-height:var(--lh-body);
color:#3B3237;
}
.plans-hero-actions{
margin-top:var(--space-5);
justify-content:flex-start;
}
.plans-hero-note{
max-width:var(--width-reading);
margin-top:var(--space-4);
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#6F676C;
}
.plans-section-head{
margin-bottom:var(--space-5);
}
.plans-section-head>p{
max-width:var(--width-reading);
margin-top:var(--space-3);
font-size:var(--text-base);
line-height:var(--lh-body);
}
.plans-catalog{
align-items:stretch;
}
.plans-price-card{
align-items:stretch;
gap:var(--space-4);
}
.plans-card-heading{
display:grid;
gap:var(--field-gap);
min-width:0;
}
.plans-card-heading>p{
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.plans-price-card .c-price-specs>div{
display:flex;
flex-direction:column;
gap:var(--field-gap);
min-width:0;
}
.plans-price-card .c-price-specs strong{
font-size:var(--text-sm);
line-height:var(--lh-small);
font-weight:500;
overflow-wrap:break-word;
}
.plans-current-price{
display:grid;
gap:var(--field-gap);
min-width:0;
}
.plans-cycle-label{
font-size:var(--text-sm);
line-height:var(--lh-small);
}
.plans-current-price>p{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:var(--space-2);
min-width:0;
}
.plans-current-price .c-price-value{
font-size:clamp(2rem,3vw,3rem);
font-weight:400;
line-height:var(--lh-heading);
}
.plans-current-price [data-price-unit]{
font-size:var(--text-base);
line-height:var(--lh-body);
}
.plans-cycle-tiles{
margin:0;
}
.plans-cycle-tiles>div{
min-width:0;
}
.plans-cycle-tiles>div[data-current=true]{
background:#E1EBE3;
color:#1F3A2A;
--muted:#4D6A58;
--line:color-mix(in srgb,#1F3A2A 18%,transparent);
}
.plans-cycle-tiles>div[data-current=true] dt{
color:#1F3A2A;
}
.plans-cycle-tiles dd{
overflow-wrap:break-word;
font-variant-numeric:tabular-nums;
}
.plans-price-card .plans-card-detail{
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.plans-period-area{
display:grid;
gap:var(--space-4);
margin-top:var(--space-5);
padding:var(--space-5);
border-radius:var(--radius-lg);
background:#F4F2EE;
color:#2A2824;
--muted:#6B665E;
--line:#DCD8D0;
}
.plans-period-copy{
display:grid;
gap:var(--field-gap);
max-width:var(--width-reading);
min-width:0;
}
.plans-period-copy>p{
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.plans-period-filter{
justify-content:flex-start;
}
.plans-period-filter button{
background:#FFFFFF;
color:#2A2824;
border:1px solid #A79BA3;
}
.plans-period-filter button[aria-pressed=true]{
background:#A24A7F;
color:#FFFFFF;
border-color:#A24A7F;
}
.plans-period-filter button[aria-pressed=true]:hover{
background:#86396A;
color:#FFFFFF;
border-color:#86396A;
}
.plans-period-status{
font-size:var(--text-sm);
line-height:var(--lh-body);
min-width:0;
}
.plans-comparison{
margin-top:var(--space-7);
}
.plans-comparison>h3{
margin-bottom:var(--space-4);
}
.plans-data-table{
display:table;
width:100%;
text-align:left;
}
.plans-data-table th,
.plans-data-table td{
text-align:left;
}
.plans-data-table td.num{
white-space:nowrap;
}
.plans-addon-note{
margin-top:var(--space-4);
}
.plans-region-advice{
margin-top:var(--space-5);
}
.plans-checklist{
display:grid;
gap:0;
list-style:none;
margin:0;
padding:0;
}
.plans-checklist>.plans-check-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
align-items:start;
gap:var(--space-3);
padding:var(--space-4);
border-top:1px solid #D5D9DF;
}
.plans-check-row>*{
min-width:0;
overflow-wrap:break-word;
}
.plans-check-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
min-height:2.5rem;
border-radius:var(--radius-pill);
background:#EEF0F3;
color:#1F2733;
font-size:var(--text-sm);
line-height:1;
}
.plans-check-row>h3{
font-size:var(--text-card);
line-height:var(--lh-heading);
}
.plans-check-row>p{
font-size:var(--text-base);
line-height:var(--lh-body);
}
.plans-payment-follow{
margin-top:var(--space-5);
max-width:var(--width-reading);
}
.plans-final-section{
padding-bottom:var(--space-close);
}
.plans-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.38fr);
align-items:center;
gap:var(--space-7);
padding:var(--space-7);
border-radius:var(--radius-xl);
background:#1A1418;
color:#FFFFFF;
--muted:#D0C5CC;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.plans-closing-copy{
display:grid;
gap:var(--space-3);
min-width:0;
}
.plans-closing-copy>h2{
font-size:var(--text-section);
line-height:var(--lh-heading);
color:#FFFFFF;
}
.plans-closing-copy>p{
font-size:var(--text-base);
line-height:var(--lh-body);
color:#F4F2EE;
}
.plans-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
min-width:0;
}
.plans-closing-actions .c-btn--secondary{
background:#FFFFFF;
color:#1A1418;
border-color:#FFFFFF;
}
.plans-closing-actions .c-btn--secondary:hover{
background:#F4F2EE;
color:#2A2824;
border-color:#F4F2EE;
}
.plans-closing-actions .c-btn--ghost{
background:transparent;
color:#FFFFFF;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.plans-closing-actions .c-btn--ghost:hover{
background:#3B3237;
color:#FFFFFF;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
@media(max-width:64rem){
.plans-closing{
gap:var(--space-5);
padding:var(--space-5);
}
}
@media(max-width:42rem){
.plans-price-card{
padding:var(--space-4);
}
.plans-period-area{
padding:var(--space-4);
}
.plans-price-card .c-price-specs>div{
padding:var(--space-2);
}
.plans-price-card .c-price-specs strong{
font-size:var(--text-xs);
}
.plans-checklist>.plans-check-row{
grid-template-columns:2.25rem minmax(0,1fr);
padding-inline:0;
}
.plans-check-row>:nth-child(3){
grid-column:2;
}
.plans-check-number{
width:2.25rem;
min-height:2.25rem;
}
.plans-closing{
grid-template-columns:minmax(0,1fr);
padding:var(--space-4);
}
.plans-closing-actions{
align-items:stretch;
}
}