.plans-page .plans-hero{
padding-block:var(--hero-top) var(--hero-bottom);
background:#0B1F2E;
background-image:linear-gradient(120deg,#0B1F2E 0%,#16324A 58%,#00687D 100%);
color:#FFFFFF;
--muted:#B8C7D4;
--line:rgba(255,255,255,.18);
--focus:#A8EFD2
}
.plans-hero .plans-hero-copy{
text-align:center;
min-width:0
}
.plans-hero-copy>.c-kicker{
margin-inline:auto;
margin-bottom:var(--space-4)
}
.plans-hero .plans-hero-copy h1{
max-width:100%;
color:#FFFFFF;
font-size:var(--text-display);
line-height:var(--lh-tight)
}
.plans-hero .plans-hero-lead{
max-width:880px;
margin-inline:auto;
margin-top:var(--space-4);
color:#FFFFFF;
font-size:var(--text-md)
}
.plans-hero .plans-hero-detail{
max-width:880px;
margin-inline:auto;
margin-top:var(--space-2);
color:#B8C7D4
}
.plans-hero-copy>.c-actions{
justify-content:center;
margin-top:var(--space-action)
}
.plans-hero .plans-hero-note{
margin-top:var(--space-action);
margin-inline:auto;
color:#B8C7D4;
font-size:var(--text-sm)
}
.plans-page .plans-on-dark-button{
background:transparent;
color:#FFFFFF;
border-color:rgba(255,255,255,.45)
}
.plans-page .plans-on-dark-button:hover{
background:#FFFFFF;
color:#0B1F2E;
border-color:#FFFFFF
}
.plans-page .c-section-head>.c-kicker{
margin-inline:auto;
margin-bottom:var(--space-4)
}
.plans-price-grid{
grid-template-columns:repeat(3,minmax(0,1fr))
}
.plans-page .plans-card-summary{
color:#53616D;
font-size:var(--text-sm)
}
.plans-period-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2);
width:100%;
min-width:0
}
.plans-period-grid>div{
display:flex;
flex-direction:column;
gap:var(--space-2);
min-width:0;
padding:var(--space-3);
border-radius:var(--r-sm);
background:#F4F5F2;
color:#1F2933;
--muted:#53616D;
--line:#E3E7EB
}
.plans-period-grid dt{
color:#53616D;
font-size:var(--text-xs);
overflow-wrap:break-word
}
.plans-period-grid dd{
color:#1F2933;
font-family:var(--font-mono);
font-size:var(--text-sm);
overflow-wrap:break-word
}
.plans-section-note{
margin-top:var(--space-4);
color:var(--muted);
font-size:var(--text-sm)
}
.plans-spec-grid{
grid-template-columns:repeat(3,minmax(0,1fr))
}
.plans-page .plans-spec{
min-width:0;
height:100%;
padding:var(--space-5);
background:#FFFFFF;
color:#1F2933;
--muted:#53616D;
--line:#E3E7EB
}
.plans-page .plans-spec h3{
color:#1F2933
}
.plans-page .plans-spec dl{
grid-template-columns:minmax(0,1fr);
margin-top:var(--space-4)
}
.plans-page .plans-spec dt{
padding:var(--space-3) 0 0;
border:0;
color:#53616D;
min-width:0
}
.plans-page .plans-spec dd{
padding:var(--space-2) 0 var(--space-3);
border-bottom:var(--border-hair) solid #E3E7EB;
color:#1F2933;
min-width:0
}
.plans-page .plans-addon{
background:#E7EDF3;
color:#1B2A3A;
--muted:#465768;
--line:#E3E7EB
}
.plans-page .plans-addon h3{
color:#1B2A3A
}
.plans-page .plans-addon p{
color:#465768
}
.plans-addon>.plans-period-grid{
margin-top:auto
}
.plans-addon .plans-period-grid>div{
background:#FFFFFF;
color:#1F2933;
--muted:#53616D;
--line:#E3E7EB
}
.plans-billing-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-5)
}
.plans-billing-grid>*{
min-width:0
}
.plans-page .plans-bill dl{
grid-template-columns:minmax(0,1fr) auto
}
.plans-bill dt,.plans-bill dd{
min-width:0;
overflow-wrap:break-word
}
.plans-billing-notes{
display:grid;
gap:var(--space-4)
}
.plans-billing-notes>div{
display:grid;
gap:var(--space-2);
min-width:0
}
.plans-billing-notes h3{
font-size:var(--text-md)
}
.plans-billing-notes p{
color:#53616D
}
.plans-period-note{
margin-top:var(--space-4)
}
.plans-page .plans-faq details>div{
padding-top:var(--space-3);
padding-bottom:var(--space-4);
border-top:var(--border-hair) solid #DDE2DD;
background:#F4F5F2;
color:#53616D
}
.plans-page .plans-faq details>div p{
color:#53616D
}
.plans-page .plans-close-section{
padding-bottom:var(--space-close)
}
.plans-page .plans-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);
align-items:center;
gap:var(--space-5);
padding:var(--space-7);
border-radius:var(--r-lg);
background:#16324A;
color:#FFFFFF;
--muted:#B8C7D4;
--line:rgba(255,255,255,.18);
--focus:#A8EFD2
}
.plans-closing>*{
min-width:0
}
.plans-closing .plans-closing-copy{
display:grid;
gap:var(--space-2);
text-align:left
}
.plans-closing .plans-closing-copy h2{
color:#FFFFFF;
font-size:var(--text-xl);
line-height:var(--lh-tight)
}
.plans-closing .plans-closing-copy p{
color:#B8C7D4;
font-size:var(--text-base)
}
.plans-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3)
}
@media(max-width:64rem){
.plans-price-grid,.plans-spec-grid{
grid-template-columns:minmax(0,1fr)
}
.plans-page .plans-spec dl{
grid-template-columns:minmax(140px,35%) minmax(0,1fr)
}
.plans-page .plans-spec dt,.plans-page .plans-spec dd{
padding-block:var(--space-3);
border-bottom:var(--border-hair) solid #E3E7EB
}
.plans-page .plans-spec dt{
padding-inline-end:var(--space-3)
}
.plans-page .plans-closing{
padding:var(--space-5)
}
}
@media(max-width:42rem){
.plans-billing-grid{
grid-template-columns:minmax(0,1fr)
}
.plans-page .plans-spec{
padding:var(--space-4)
}
.plans-page .plans-spec dl{
grid-template-columns:minmax(0,1fr)
}
.plans-page .plans-spec dt{
padding:var(--space-3) 0 0;
border:0
}
.plans-page .plans-spec dd{
padding:var(--space-2) 0 var(--space-3)
}
.plans-page .plans-closing{
grid-template-columns:minmax(0,1fr);
padding:var(--space-4)
}
.plans-hero-copy>.c-actions>.c-btn{
flex-basis:100%
}
}