/* Width only. The visual treatment comes from .secondary-button / .primary-button
   in styles.css, so a site-wide button restyle carries through here instead of
   leaving the pricing CTAs behind. A card that sets only this class renders its
   call to action as a plain text link. */
.pricing-button { width: 100%; }
.trial-note { margin-top: 0.5rem; font-size: 0.85rem; color: #6b7280; text-align: center; }
.popular { border: 2px solid var(--primary); position: relative; }
.popular-tag { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--primary); color: white; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
.savings-badge { display: inline-block; background: #fef3c7; color: #92400e; padding: 0.25rem 0.5rem; border-radius: 0.25rem; font-size: 0.875rem; font-weight: 500; margin-top: 0.5rem; }
.value-note { background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 0.5rem; padding: 1.25rem 1.5rem; max-width: 640px; margin: 2rem auto 0; text-align: center; font-size: 0.95rem; color: #0c4a6e; }
.founder-banner { background: linear-gradient(135deg, #fef3c7, #fde68a); border: 1px solid #f59e0b; border-radius: 0.5rem; padding: 1.25rem 1.5rem; max-width: 640px; margin: 0 auto 2rem; text-align: center; }
.founder-banner h3 { margin: 0 0 0.5rem; color: #92400e; font-size: 1rem; }
.founder-banner p { margin: 0; font-size: 0.9rem; color: #78350f; }
.guarantee-row { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin: 2rem 0 0; font-size: 0.9rem; color: #4b5563; }
.guarantee-item { display: flex; align-items: center; gap: 0.4rem; }
.what-you-get { background: white; border-radius: 0.5rem; padding: 2rem 2.5rem; max-width: 700px; margin: 0 auto 2rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.what-you-get h2 { color: #1E5A7D; margin-top: 0; }
.what-you-get ul { padding-left: 1.25rem; }
.what-you-get li { margin-bottom: 0.6rem; }