/* Package cards: pricing page + homepage. New file name whenever this changes (immutable cache). */
.ffb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 24px; margin-top: 48px; position: relative; }
.ffb { background: #ffffff; border: 2px solid #0d0d0d; padding: 32px; display: flex; flex-direction: column; }
.ffb--feat { background: #0d0d0d; color: #ffffff; }
.ffb-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 20px; }
.ffb-pill { padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; background: #e7ecdf; color: #0d0d0d; }
.ffb--feat .ffb-pill { background: #8fa57a; }
.ffb--full .ffb-pill { background: #73895f; color: #ffffff; }
.ffb-flag { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.ffb-title { margin: 0; font-size: clamp(26px, 2.4vw, 34px); line-height: 1; letter-spacing: -0.03em; }
.ffb-line { margin: 14px 0 0; font-size: 18px; line-height: 1.45; color: #5a5a5a; }
.ffb--feat .ffb-line { color: #d6d6d6; }
.ffb-rule { height: 1px; background: currentColor; opacity: 0.2; margin: 24px 0; }
.ffb-plus { display: block; margin-bottom: 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.ffb-list { list-style: none; margin: 0 0 32px; padding: 0; display: grid; gap: 14px; font-size: 17px; line-height: 1.4; }
.ffb-list li { position: relative; padding-left: 28px; }
.ffb-list li::before { content: ""; position: absolute; left: 2px; top: 4px; width: 6px; height: 11px; border: solid #73895f; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.ffb--feat .ffb-list li::before { border-color: #8fa57a; }
.ffb-btn { margin-top: auto; display: block; text-align: center; padding: 16px 20px; border: 2px solid #0d0d0d; font-weight: 600; font-size: 16px; text-decoration: none; color: #0d0d0d; background: #ffffff; }
.ffb-btn:hover { background: #0d0d0d; color: #ffffff; }
.ffb--feat .ffb-btn { background: #8fa57a; border-color: #8fa57a; }
.ffb--feat .ffb-btn:hover { background: #ffffff; border-color: #ffffff; color: #0d0d0d; }