/* Plan cards: homepage pricing and the Get started page. */
.plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0 8px; }
.plan { position: relative; display: flex; flex-direction: column; background: #141416; border: 1px solid #2c2c31; border-radius: 16px; padding: 24px; color: #f5f5f7; text-align: left; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; }
.plan--featured { border-color: #248a3d; box-shadow: 0 0 0 1px rgba(48,209,88,0.25), 0 18px 50px rgba(48,209,88,0.08); }
.plan.is-selected { border-color: #30d158; box-shadow: 0 0 0 2px #30d158; }
.plan__badge { position: absolute; top: -11px; left: 22px; background: #30d158; color: #06220f; font-size: 11.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; }
.plan__name { margin: 0; font-size: 15px; font-weight: 650; color: #b6b6bd; letter-spacing: 0.01em; }
.plan__price { margin: 8px 0 2px; font-family: "Newsreader", "Iowan Old Style", Georgia, serif; font-size: 40px; font-weight: 600; line-height: 1.1; color: #f5f5f7; }
.plan__price small { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-size: 15px; font-weight: 500; color: #85858e; }
.plan__sub { margin: 0 0 16px; font-size: 14px; color: #85858e; min-height: 1.5em; }
.plan ul { list-style: none; margin: 0 0 22px; padding: 0; font-size: 15px; line-height: 1.5; color: #b6b6bd; flex: 1; }
.plan li { position: relative; padding-left: 24px; margin: 0 0 9px; }
.plan li::before { content: "\2713"; position: absolute; left: 0; color: #30d158; font-weight: 700; }
.plan__btn { display: block; width: 100%; box-sizing: border-box; text-align: center; font: inherit; font-size: 15px; font-weight: 650; padding: 12px 16px; border-radius: 999px; border: 1px solid #2c2c31; background: transparent; color: #f5f5f7; cursor: pointer; text-decoration: none; }
.plan__btn:hover { border-color: #248a3d; text-decoration: none; color: #f5f5f7; }
.plan--featured .plan__btn, .plan__btn--primary { background: #30d158; border-color: #30d158; color: #06220f; }
.plan--featured .plan__btn:hover, .plan__btn--primary:hover { background: #37d95f; color: #06220f; }
.plan__btn[disabled] { opacity: 0.6; cursor: default; }
.plans-note { font-size: 13.5px; color: #85858e; margin: 14px 0 0; }
@media (max-width: 820px) { .plans { grid-template-columns: 1fr; } }