/* page: pricing (WEB-15 S7); loaded by pricing.html only: four equal plan cards */
.plans{display:grid;gap:var(--s4)}
.plan{display:flex;flex-direction:column}
.plan-name{font:var(--type-title);letter-spacing:var(--tracking-title)}
.plan-for{margin-top:var(--s1);color:var(--text-secondary);font:var(--type-callout)}
.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.plan-amount{font:var(--type-metric);font-size:3rem;line-height:3.5rem;letter-spacing:-1px}
.plan-period{color:var(--text-secondary);font:var(--type-body)}
.plan-facts{display:grid;gap:var(--s2);flex:1;align-content:start;margin:var(--s5) 0 0;padding:0;list-style:none;color:var(--text-secondary);font:var(--type-callout)}
.plan-button{margin-top:var(--s6)}
.plan>:last-child:not(.button){margin-top:auto;padding-top:var(--s4)}
.section-tight{padding-bottom:var(--s12)}
.pre-line{margin-top:var(--s4);color:var(--text-secondary);font:var(--type-callout)}
.plan-facts .info{margin:-10px -6px -10px 2px}
.two-col{display:grid;gap:var(--s6)}
.faq-row{border-top:1px solid var(--border-subtle)}
.faq-row:last-child{border-bottom:1px solid var(--border-subtle)}
.faq-row summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:56px;list-style:none;cursor:pointer;font:var(--type-body-strong)}
.faq-row summary::-webkit-details-marker{display:none}
.faq-row summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg)}
.faq-row[open] summary::after{transform:rotate(-135deg)}
.faq-row p{padding-bottom:var(--s4);color:var(--text-secondary);font:400 1.0625rem/1.5 var(--font-family)}
@media (min-width:768px){
 .plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
}
@media (min-width:1024px){
 .plans{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.page-head-center{text-align:center}
.page-head-center .lede,.page-head-center .page-title{margin-inline:auto}
@media (min-width:960px){
 .two-col{grid-template-columns:5fr 7fr;gap:var(--s12)}
}
@media (prefers-reduced-motion:no-preference){
 .faq-row summary::after{transition:transform var(--motion-fast) var(--ease-out)}
}