/* ============================================================
   Pricing page — page-specific styling
   (shared structure lives in site.css)
   ============================================================ */

/* hero background orbs */
.pricing-orb-a{width:380px;height:380px;background:radial-gradient(circle,#7c5cff,transparent 70%);top:-60px;right:-40px}
.pricing-orb-b{width:300px;height:300px;background:radial-gradient(circle,#12b981,transparent 70%);bottom:-80px;left:-60px;animation-delay:-5s}

/* centered hero copy */
.pricing-hero{padding-bottom:clamp(30px,5vw,50px)}
.pricing-hero-title{margin:20px auto 0;max-width:16ch}
.pricing-hero-lead{margin:24px auto 0;text-align:center}

/* plans */
.pricing-plans{padding-top:clamp(30px,4vw,50px)}
.plan-grid{align-items:stretch}
.price-card .plan-sub{margin-top:6px;font-size:.92rem}
.price-card .chip{align-self:flex-start}
.price-card .check-list{margin-top:4px}
.price-card .btn{margin-top:auto;justify-content:center}
.rate-line .unit{font-size:.8rem;color:var(--ink-dim)}

/* terms panel */
.pricing-terms{padding:clamp(28px,4vw,44px);border-radius:var(--radius-lg)}
.terms-grid{margin-top:24px}

/* contact modal */
.pricing-modal h3{margin-top:14px}
.pricing-modal-sub{font-size:.92rem}
.pricing-submit{margin-top:22px;width:100%;justify-content:center}
.form-msg{font-size:.85rem;text-align:center;margin-top:12px;color:var(--ink-soft);display:none}