.billing-page p,
.billing-page li,
.billing-page th,
.billing-page td{
font-size:1rem;
}

.billing-page .billing-hero-lead{
max-width:48rem;
margin-top:var(--space-4);
font-size:var(--text-md);
}

.billing-hero-note{
max-width:48rem;
margin-top:var(--space-4);
color:#566571;
}

.billing-intro{
max-width:56rem;
margin-top:var(--space-3);
}

.billing-cost-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
gap:var(--space-4);
align-items:stretch;
}

.billing-cost-grid>*,
.billing-reading-grid>*,
.billing-equation-items>*,
.billing-period-grid>*,
.billing-closing>*{
min-width:0;
overflow-wrap:break-word;
}

.billing-cost-card{
background:#EDF1E4;
color:#2F3D1E;
}

.billing-cost-card h3,
.billing-cost-card p{
color:#2F3D1E;
}

.billing-section-note{
max-width:64rem;
margin-top:var(--space-4);
}

.billing-math-section{
background:#E6F0F4;
color:#1F3A47;
}

.billing-math-section h2,
.billing-math-section .billing-intro,
.billing-math-section .billing-section-note{
color:#1F3A47;
}

.billing-calculation{
display:flex;
flex-direction:column;
gap:var(--space-4);
padding:var(--space-5);
border-radius:var(--r-block);
background:#FFFFFF;
color:#3D4B57;
}

.billing-equation-items{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--space-3);
}

.billing-equation-item{
display:flex;
flex-direction:column;
gap:var(--space-field);
padding:var(--space-4);
border-radius:var(--r-card);
background:#F5F8FA;
color:#3D4B57;
}

.billing-equation-item strong{
font-family:var(--fm);
font-size:var(--text-lg);
font-weight:600;
line-height:var(--lh-card);
font-variant-numeric:tabular-nums;
color:#1F2A33;
}

.billing-equation-item small{
color:#566571;
}

.billing-equation-total{
background:#EDF1E4;
color:#2F3D1E;
}

.billing-equation-total small{
color:#2F3D1E;
}

.billing-equation-caption{
color:#3D4B57;
}

.billing-period-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}

.billing-period-card{
display:flex;
flex-direction:column;
gap:var(--space-field);
height:100%;
padding:var(--space-4);
border-radius:var(--r-card);
background:#ECEAF5;
color:#2E2A4D;
}

.billing-period-card h3{
color:#2E2A4D;
font-size:var(--text-lg);
}

.billing-page .billing-period-price{
font-family:var(--fm);
font-size:var(--text-xl);
line-height:var(--lh-heading);
letter-spacing:var(--tracking-heading);
font-weight:600;
font-variant-numeric:tabular-nums;
color:#1F2A33;
}

.billing-period-card small{
margin-top:auto;
color:#2E2A4D;
}

.billing-period-table{
min-width:48rem;
}

.billing-period-table th,
.billing-period-table td{
text-align:start;
}

.billing-period-table tbody th{
background:#F5F8FA;
color:#1F2A33;
}

.billing-period-table td:nth-child(2),
.billing-period-table td:nth-child(4){
font-variant-numeric:tabular-nums;
}

.billing-renew-section{
background:#EDF1E4;
color:#2F3D1E;
}

.billing-renew-section h2,
.billing-renew-section .billing-intro,
.billing-renew-section .billing-copy h3,
.billing-renew-section .billing-copy p{
color:#2F3D1E;
}

.billing-reading-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-5);
align-items:start;
}

.billing-copy{
display:flex;
flex-direction:column;
gap:var(--space-3);
min-width:0;
}

.billing-renew-card{
height:auto;
background:#FFFFFF;
color:#3D4B57;
}

.billing-renew-card h3{
color:#1F2A33;
}

.billing-list{
display:grid;
gap:var(--space-field);
padding-inline-start:var(--space-4);
}

.billing-steps{
display:grid;
gap:var(--space-4);
margin:0;
padding:0;
list-style:none;
}

.billing-step{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding:var(--space-4);
border-radius:var(--r-card);
background:#F3EBEE;
color:#4A2A36;
}

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

.billing-step h3,
.billing-step p{
color:#4A2A36;
}

.billing-step-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--radius-pill);
background:#FFFFFF;
color:#4A2A36;
font-family:var(--fm);
font-size:var(--text-sm);
line-height:1;
font-variant-numeric:tabular-nums;
}

.billing-change-section{
background:#ECEAF5;
color:#2E2A4D;
}

.billing-change-section h2,
.billing-change-section .billing-intro{
color:#2E2A4D;
}

.billing-change-section .c-card h3{
color:#1F2A33;
}

.billing-change-section .c-card p{
color:#3D4B57;
}

.billing-payment-copy{
max-width:64rem;
}

.billing-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.45fr);
align-items:center;
gap:var(--space-5);
margin-top:var(--space-8);
padding:var(--space-6);
border-radius:var(--r-block);
background:#1F2A33;
color:#D9E2E8;
}

.billing-closing-copy{
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.billing-closing-copy h2{
color:#F1F4F6;
font-size:var(--text-xl);
}

.billing-closing-copy p{
color:#D9E2E8;
}

.billing-closing-copy .c-close-note{
color:#AABBC7;
}

.billing-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
}

.billing-closing-actions .c-btn-ghost{
background:#1F2A33;
color:#F1F4F6;
box-shadow:inset 0 0 0 1.5px color-mix(in srgb,currentColor 45%,transparent);
}

.billing-closing-actions .c-btn-ghost:hover{
background:#2A3843;
color:#FFFFFF;
}

.billing-final-section{
padding-bottom:var(--space-section);
}

@media(max-width:64rem){
.billing-equation-items{
grid-template-columns:repeat(2,minmax(0,1fr));
}

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

@media(max-width:42rem){
.billing-calculation{
padding:var(--space-4);
}

.billing-equation-items,
.billing-reading-grid{
grid-template-columns:minmax(0,1fr);
}

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

.billing-step{
grid-template-columns:2.25rem minmax(0,1fr);
}

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

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

.billing-closing{
padding:var(--space-4);
}
}