.pricing-page{background:linear-gradient(180deg,var(--bg-top),var(--bg) 760px)}
.pricing-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;margin-bottom:32px}
.pricing-heading>*{min-width:0}
.pricing-heading h1{margin-top:20px;margin-bottom:20px;font-size:clamp(52px,4.6vw,64px)}
.pricing-lead{max-width:720px;margin:0;color:var(--text-muted);font-size:18px}
.pricing-entry{display:flex;flex-direction:column;align-items:center;gap:16px}
.pricing-entry p{margin:0;color:var(--text-muted);font-size:13px;text-align:center}
.pricing-summary{padding:20px 24px;margin-bottom:24px;background:var(--panel-2);border-radius:var(--r-lg);font-weight:500}
.pricing-table-note{margin:20px 0 0;color:var(--text-muted);font-size:14px;max-width:960px}
.pricing-cards{margin-top:28px;gap:20px}
.pricing-cards .plan-card{padding:24px;box-shadow:var(--shadow-small)}
.pricing-cards .plan-card>p:not(.plan-price){font-size:14px;color:var(--text-muted)}
.pricing-cards .plan-card .pricing-card-note{margin-bottom:24px}
.pricing-inclusions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}
.pricing-inclusions>div{min-width:0}
.pricing-inclusions h3{margin-bottom:12px}
.pricing-inclusions p{margin:0;color:var(--text-muted)}
.pricing-payment-labels{margin-bottom:24px}
.pricing-process{margin:0 0 24px;padding-left:24px}
.pricing-process li{padding-left:8px;margin-bottom:28px}
.pricing-process li::marker{font-family:var(--font-mono);color:var(--text-muted)}
.pricing-process h3{margin-bottom:10px;font-size:20px}
.pricing-process p{color:var(--text-muted);margin-bottom:0;max-width:960px}
.pricing-refund{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:start;padding-top:32px;border-top:1px solid var(--border)}
.pricing-refund>*{min-width:0}
.pricing-refund h2{margin-top:20px}
.pricing-refund p{color:var(--text-muted)}
.pricing-refund .surface-card p{font-size:14px;margin-bottom:0}
.pricing-checklist{padding-left:20px;margin-bottom:24px;color:var(--text-muted)}
.pricing-checklist li{margin-block:10px}
@media(max-width:1000px){
  .pricing-cards{grid-template-columns:1fr}
  .pricing-heading{gap:24px}
}
@media(max-width:768px){
  .pricing-heading{grid-template-columns:1fr;gap:24px}
  .pricing-heading h1{font-size:38px}
  .pricing-lead{font-size:16px}
  .pricing-entry{align-items:flex-start}
  .pricing-entry p{text-align:left}
  .pricing-inclusions,.pricing-refund{grid-template-columns:1fr;gap:28px}
  .pricing-summary{padding:18px}
  .pricing-cards .plan-card{padding:22px}
  .pricing-process{padding-left:20px}
}