.pricing-main { padding-top: 35px; padding-bottom: 70px; }
.pricing-intro { max-width: 860px; margin-bottom: 42px; }
.pricing-intro h1 { font-size: clamp(38px, 5vw, 66px); }
.pricing-intro .intro { max-width: 650px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.pricing-card { padding: 34px 28px; border: 1px solid #d9ded1; border-radius: 12px; background: #fffdf7; }
.pricing-card h2 { font-size: 29px; margin-top: 22px; }
.plan-description { color: var(--muted); font-size: 14px; line-height: 1.6; min-height: 45px; }
.plan-price { font-size: clamp(28px, 3vw, 40px); letter-spacing: -1px; font-weight: 700; margin: 28px 0 14px; }
.plan-price-request { font-size: clamp(24px, 2.4vw, 32px); letter-spacing: -.5px; }
.plan-status { display: inline-block; margin: 18px 0 0; padding: 6px 12px; border-radius: 20px; background: #e9ede2; color: var(--ink); font-size: 12px; font-weight: 600; }
.plan-price span { font-size: 14px; font-weight: 400; letter-spacing: 0; white-space: nowrap; }
.plan-annual { color: var(--muted); font-size: 13px; line-height: 1.9; margin: 0 0 24px; }
.plan-annual strong { color: var(--ink); font-size: 19px; }
.plan-features { list-style: none; margin: 26px 0 0; padding: 22px 0 0; border-top: 1px solid #d9ded1; }
.plan-features li { position: relative; padding-left: 24px; margin-bottom: 16px; font-size: 14px; line-height: 1.7; }
.plan-features li::before { content: '✓'; position: absolute; left: 0; color: var(--accent); }
.pricing-card-featured { border-color: #8a9c82; background: #e9ede2; box-shadow: 0 12px 30px #203b3208; }
.customer-app-note { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 30px; margin-top: 32px; border: 1px solid #d9ded1; border-radius: 12px; }
.customer-app-note h2 { margin: 0 0 8px; font-size: 24px; }
.customer-app-note p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
@media (max-width: 1000px) { .pricing-card { padding: 26px 20px; } .pricing-grid { gap: 14px; } .pricing-card h2 { font-size: 25px; } }
@media (max-width: 760px) { .pricing-grid { grid-template-columns: 1fr; gap: 20px; } .pricing-main { padding-top: 20px; padding-bottom: 45px; } .plan-description { min-height: 0; } .plan-price { font-size: 36px; } .customer-app-note { align-items: flex-start; padding: 24px; } }
@media (max-width: 500px) { .pricing .header { height: auto; min-height: 84px; flex-wrap: wrap; padding-top: 16px; padding-bottom: 16px; } .pricing-intro h1 { letter-spacing: -1.5px; } }