.pricing { background: #f2f6f3; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.price-board { position: relative; display: flex; flex-direction: column; padding: 30px; border: 1px solid #dce5e1; border-radius: 18px; background: #fff; transition: transform .25s, box-shadow .25s; }
.price-board:hover { transform: translateY(-5px); box-shadow: 0 24px 70px rgba(19,55,44,.12); }
.price-board.highlighted { border: 2px solid #156b51; }
.popular { position: absolute; top: 0; right: 24px; padding: 6px 12px; border-radius: 0 0 9px 9px; background: #156b51; color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.price-board-head { display: flex; align-items: flex-start; gap: 15px; min-height: 72px; }
.price-board-head > span { display: grid; width: 34px; height: 34px; place-items: center; flex: none; border-radius: 9px; background: #dff4eb; color: #156b51; font-size: 11px; font-weight: 800; }
.price-board-head h3 { margin: 2px 0 5px; font-size: 17px; }
.price-board-head p { margin: 0; color: #64736e; font-size: 11px; }
.price-board ul { margin: 25px 0; padding: 0; list-style: none; }
.price-board li { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 0; border-bottom: 1px solid #e8eeeb; font-size: 13px; }
.price-board li span { display: flex; flex-direction: column; }
.price-board li small { color: #7a8983; font-size: 10px; }
.price-board strong { flex: none; color: #156b51; font: 800 16px Manrope, sans-serif; }
.price-action { margin-top: auto; padding-top: 7px; color: #156b51; font-size: 12px; font-weight: 800; }
.pricing-footnote { margin: 25px auto 0; max-width: 760px; color: #687871; font-size: 11px; text-align: center; }
@media (max-width: 1000px) { .pricing-grid { grid-template-columns: 1fr; } }
