.pricing-header{text-align:center;max-width:640px;margin:0 auto}
.pricing-header p{margin-top:var(--space-4)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-8)}
.pricing-card{
  display:flex;flex-direction:column;padding:var(--space-5);position:relative;
  border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);
}
.pricing-card.featured{border-color:var(--color-brand)}
.pricing-popular{
  position:absolute;top:0;left:50%;transform:translate(-50%,-50%);
  background:var(--color-brand);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--font-semi);
  padding:4px 16px;border-radius:20px;white-space:nowrap;
}
.pricing-card h3{font-size:var(--text-h4);margin-bottom:var(--space-2)}
.pricing-card .price{font-size:var(--text-h3);font-weight:var(--font-semi);color:var(--color-text);line-height:1;margin:var(--space-4) 0}
.pricing-card .price span{font-size:var(--text-small);font-weight:var(--font-regular);color:var(--color-text-muted)}
.pricing-card .desc{font-size:var(--text-small);color:var(--color-text-muted);margin-bottom:var(--space-5)}
.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);flex:1}
.pricing-features li{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-body)}
.pricing-features li::before{content:'\2713';color:var(--color-green);font-weight:var(--font-semi);flex-shrink:0}
.pricing-card .btn{width:100%;text-align:center}
.pricing-note{text-align:center;margin-top:var(--space-7);color:var(--color-text-muted);font-size:var(--text-small)}
.faq{margin-top:var(--space-10)}
.faq h2{text-align:center;margin-bottom:var(--space-7)}
.faq-item{border-bottom:var(--border-w) solid var(--color-border);padding:var(--space-4) 0}
.faq-item summary{cursor:pointer;font-weight:var(--font-medium);color:var(--color-text);font-size:var(--text-main);list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';float:right;font-size:var(--text-h5);color:var(--color-text-muted)}
.faq-item[open] summary::after{content:'\2212'}
.faq-item p{margin-top:var(--space-3);color:var(--color-text-body)}
@media(max-width:1024px){.pricing-grid{grid-template-columns:1fr}}