/* Illustrated membership stages. Pricing is shown only where explicitly supplied. */
.home-plans .plan-grid.plan-stages { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.home-plans .plan-stages .plan-stage-card { --stage-wash: #eaf0f3; --stage-ink: #294e65; display: flex; flex-direction: column; padding: 18px; min-width: 0; min-height: 432px; overflow: hidden; border: 1px solid #d5dfe3; border-radius: 10px; background: #fffefb; box-shadow: 0 4px 16px #17384c04; transition: border-color .18s, box-shadow .18s; }
.home-plans .plan-stage-card[data-plan="team"] { --stage-wash: #eaf0e9; --stage-ink: #3f675b; }
.home-plans .plan-stage-card[data-plan="business"] { --stage-wash: #eef0f3; --stage-ink: #405d73; }
.home-plans .plan-stage-card[data-plan="enterprise"] { --stage-wash: #f3eee4; --stage-ink: #766045; }
.home-plans .plan-stage-card:hover { border-color: #a9bfcc; box-shadow: 0 9px 24px #17384c09; }
.home-plans .plan-stage-visual { display: flex; justify-content: center; align-items: center; height: 110px; flex: 0 0 110px; margin: -18px -18px 12px; background: var(--stage-wash); border-bottom: 1px solid #17384c08; }
.home-plans .plan-stage-visual .plan-stage-art { display: block; width: 240px; max-width: 100%; height: 108px; object-fit: contain; margin: 0; }
.home-plans .plan-stage-heading { display: flex; align-items: flex-start; min-height: 52px; margin: 0 0 8px; }
.home-plans .plan-stage-heading h3 { max-width: 218px; margin: 0; color: #173749; font-size: 25px; line-height: 1.04; font-weight: 650; letter-spacing: -.95px; text-wrap: balance; }
.home-plans .plan-stage-details { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-height: 30px; margin: 0 0 12px; }
.home-plans .plan-stages .plan-users { display: flex; align-items: baseline; gap: 6px; color: var(--stage-ink); margin: 0; font-variant-numeric: tabular-nums; line-height: 1.2; }
.home-plans .plan-user-count { font-size: 26px; font-weight: 550; letter-spacing: -.8px; }
.home-plans .plan-user-label { color: #697d87; font-size: 12px; font-weight: 500; letter-spacing: 0; }
.home-plans .plan-stage-price { padding: 0; color: #173749; font-size: 26px; line-height: 1.2; font-weight: 650; letter-spacing: -.85px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.home-plans .plan-stages p.plan-fit { min-height: 40px; max-width: none; border: 0; padding: 0; margin: 0 0 16px; color: #637985; font-size: 12px; line-height: 1.65; }
.home-plans .plan-stages .plan-stage-cta { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 10px 14px; border: 1px solid #bccdd6; border-radius: 5px; margin-top: auto; color: #183b50; background: #ffffff90; font-size: 12px; font-weight: 600; transition: background .18s, border-color .18s; }
.home-plans .plan-stage-cta:hover { background: var(--stage-wash); border-color: #86a6b9; }
.home-plans .plan-stage-cta:focus-visible { outline: 3px solid #6899ba; outline-offset: 3px; }
@media (max-width: 1100px) { .home-plans .plan-grid.plan-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .home-plans .plan-stage-heading h3 { max-width: 245px; font-size: 27px; } .home-plans .plan-stage-heading { min-height: 56px; } }
@media (max-width: 600px) { .home-plans .plan-grid.plan-stages { grid-template-columns: minmax(0, 1fr); gap: 18px; } .home-plans .plan-stages .plan-stage-card { min-height: 0; padding: 22px; } .home-plans .plan-stage-visual { height: 124px; flex-basis: 124px; margin: -22px -22px 18px; } .home-plans .plan-stage-visual .plan-stage-art { height: 118px; width: 263px; } .home-plans .plan-stage-heading { min-height: 56px; margin-bottom: 10px; } .home-plans .plan-stage-heading h3 { max-width: 245px; font-size: 28px; line-height: 1.04; } .home-plans .plan-stage-details { margin-bottom: 14px; } .home-plans .plan-user-count, .home-plans .plan-stage-price { font-size: 28px; } .home-plans .plan-user-label { font-size: 13px; } .home-plans .plan-stages p.plan-fit { min-height: 0; margin-bottom: 22px; font-size: 13px; } .home-plans .plan-stages .plan-stage-cta { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .home-plans .plan-stage-card, .home-plans .plan-stage-cta { transition: none; } }

.plan-stage-price .plan-billing-period{font:500 11px/1.3 Inter,Arial,sans-serif;letter-spacing:0;margin-left:3px;color:#4f6470}
.home-plans .plan-billing-link{display:inline-block;color:#234c65;text-decoration:underline;text-underline-offset:3px;font-size:11px;line-height:1.6;min-height:24px;margin-top:5px}