.brand-link { color: var(--ink); text-decoration: none; }
.subscription-shell { min-height: 100vh; }
.subscription-shell .modern-topbar { justify-content: space-between; }
.subscription-controls { display: flex; align-items: center; gap: 12px; }
.pricing-hero { max-width: 660px; padding: 72px 0 34px; }
.pricing-hero h1 { font-size: 48px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.pricing-card { display: flex; flex-direction: column; min-height: 390px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); box-shadow: 0 12px 30px #17213a0a; }
.pricing-card.featured { border: 2px solid var(--primary, #4055d6); box-shadow: 0 16px 34px #4055d622; transform: translateY(-5px); }
.pricing-card.featured { background: linear-gradient(145deg, #ffffff 0%, #f2f5ff 100%); }
.pricing-card.featured .eyebrow { color: #4055d6; }
.pricing-card#pro { border-color: #b7e0c5; background: linear-gradient(145deg, #ffffff 0%, #f4fcf6 100%); }
.pricing-card#pro .eyebrow { color: #197447; }
.pricing-card#pro .button { background: #197447; box-shadow: 0 6px 14px #1974472b; }
.pricing-card#pro .button:hover { background: #105d37; }
.pricing-card h2 { margin: 7px 0 10px; font-size: 32px; }
.pricing-card h2 small { color: var(--muted); font-size: 13px; font-weight: 600; }
.pricing-card > p:not(.eyebrow) { min-height: 46px; color: var(--muted); line-height: 1.5; }
.pricing-card ul { flex: 1; margin: 16px 0 24px; padding-left: 19px; color: var(--ink); font-size: 14px; line-height: 2; }
.pricing-card .button { align-self: flex-start; text-decoration: none; }
.annual-note,.pricing-faq { margin: 22px 0; padding: 21px 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); color: var(--muted); line-height: 1.6; }
.pricing-faq h2 { color: var(--ink); font-size: 19px; }
.pricing-faq p { margin-bottom: 0; }
body.dark-mode .pricing-card.featured { background: linear-gradient(145deg, #1b2544 0%, #202a57 100%); }
body.dark-mode .pricing-card#pro { border-color: #347f53; background: linear-gradient(145deg, #182a21 0%, #173525 100%); }
body.dark-mode .pricing-card#pro .button { background: #2f9c60; }
@media(max-width:820px){.pricing-grid{grid-template-columns:1fr}.pricing-hero{padding-top:42px}.pricing-hero h1{font-size:38px}}