.pricing-page { padding-top: 84px; padding-bottom: 112px; }
.pricing-intro { max-width: 700px; margin-bottom: 64px; }
.pricing-intro > p:last-child { color: var(--muted); font-size: 16px; line-height: 1.7; max-width: 520px; }
.pricing-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.pricing-plan { padding: 36px; border: 1px solid var(--line); display: flex; flex-direction: column; }
.pro-plan { --fg: #fff; --bg: #1a1a1a; --muted: #bdbdbd; --accent: #fff; background: var(--bg); color: var(--fg); border-color: var(--bg); }
.pricing-plan h2 { font-size: 25px; font-weight: 500; margin: 0 0 28px; }
.pricing-plan .eyebrow { margin-bottom: 12px; }
.plan-price { font-size: 42px; font-weight: 500; letter-spacing: -.04em; margin: 0 0 10px; }
.plan-price span { font-size: 15px; color: var(--muted); letter-spacing: 0; font-weight: 400; }
.plan-detail { min-height: 48px; font-size: 14px; line-height: 1.6; color: var(--muted); margin: 0; }
.pricing-plan ul { padding-left: 18px; margin: 28px 0 36px; font-size: 15px; line-height: 1.65; flex: 1; }
.pricing-plan li + li { margin-top: 12px; }
.plan-cta { display: block; background: var(--fg); color: var(--bg); text-align: center; padding: 15px 20px; font-size: 14px; text-decoration: none; }
.plan-cta:hover { opacity: .8; }
.renewal { font-size: 12px; line-height: 1.6; color: var(--muted); margin: 0 0 14px; }
.pricing-details { margin-top: 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px 48px; }
.pricing-details > h2 { grid-column: 1 / -1; font-weight: 500; font-size: 28px; margin: 0; }
.pricing-details h3 { font-weight: 500; font-size: 17px; margin: 0 0 12px; }
.pricing-details p { font-size: 15px; line-height: 1.7; color: var(--muted); margin: 0; }
@media(max-width:700px) { .pricing-page { padding-top: 48px; } .pricing-intro { margin-bottom: 40px; } .pricing-plans, .pricing-details { grid-template-columns: 1fr; } .pricing-plan { padding: 28px 24px; } .pricing-details { margin-top: 56px; } }