.pricing-page { padding-top: 140px; min-height: 100vh; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; max-width: 960px; margin: 0 auto 40px; align-items: start; justify-items: start; }
.pricing-card { width: 100%; background: var(--clr-bg-card); border: 1px solid var(--clr-border); border-radius: var(--radius-xl); padding: 36px 32px; position: relative; transition: transform var(--transition-base); }
.pricing-card:hover { transform: translateY(-4px); }
.pricing-featured { border: 2px solid var(--clr-lime); background: rgba(74,222,0,0.04); }
.pricing-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--clr-lime); color: #0A1A0A; font-size: 12px; font-weight: 700; padding: 4px 16px; border-radius: var(--radius-pill); white-space: nowrap; }
.pricing-plan { font-size: 18px; font-weight: 600; margin-bottom: 16px; }
.pricing-price { display: flex; align-items: baseline; gap: 4px; margin-bottom: 28px; }
.price-main { font-family: var(--font-display); font-size: clamp(44px, 6vw, 52px); line-height: 1; }
.price-per { font-size: 14px; color: var(--clr-muted); }
.pricing-btn { width: 100%; justify-content: center; margin-bottom: 28px; }
.pricing-features { display: flex; flex-direction: column; gap: 12px; }
.pricing-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: rgba(245,242,236,0.8); }
.pricing-features svg { color: var(--clr-lime); flex-shrink: 0; margin-top: 4px; }
.pricing-note { text-align: center; color: var(--clr-muted); font-size: 14px; }
@media(max-width:768px) { .pricing-grid { grid-template-columns: minmax(0,1fr); } }