/* =============================================================================
   YesBOS 2.0 — Pricing: "Choose how much Digital Workforce you need."
   NOT an AI subscription. The customer invests in a Digital Workforce, priced by
   capacity (Daily Work Credits), knowledge and support — never model access.
   Calm, transparent, easy to compare. Confidence Through Restraint (< 10 rows).
   Builds on design-system.css.
   ============================================================================= */

/* --- Intro --- */
.pr-intro { padding-block: clamp(4rem, 3rem + 5vw, 7rem) clamp(2rem, 1.5rem + 2vw, 3.5rem); text-align: center; }
.pr-intro__head { max-width: 44rem; margin-inline: auto; }
.pr-intro h1 { margin-top: var(--sp-3); font-size: clamp(2.1rem, 1.55rem + 2.4vw, 3.2rem); font-weight: 800; letter-spacing: -0.035em; line-height: 1.07; }
.pr-intro h1 .soft { color: var(--text-soft); }
.pr-intro .lead { margin-top: var(--sp-5); max-width: 40rem; margin-inline: auto; }

/* --- Plans --- */
.pr-plans { padding-bottom: clamp(2rem, 1rem + 3vw, 4rem); }
.pr-plans__grid { display: grid; grid-template-columns: 1fr; gap: var(--sp-5); align-items: start; }
@media (min-width: 860px) { .pr-plans__grid { grid-template-columns: repeat(3, 1fr); gap: var(--sp-5); } }

.pr-card { background: var(--surface); border: 1.5px solid var(--line); border-radius: var(--r-2xl); padding: clamp(1.5rem, 1rem + 1.6vw, 2.1rem); box-shadow: var(--shadow-xs); display: flex; flex-direction: column; }
.pr-card--featured { border-color: var(--forest); box-shadow: var(--shadow-lg); }
@media (min-width: 860px) { .pr-card--featured { transform: translateY(-8px); } }
.pr-card__head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); min-height: 2rem; }
.pr-card__name { font-size: var(--fs-h3); font-weight: 700; letter-spacing: -0.02em; color: var(--ink); }
.pr-plan-badge { display: inline-flex; align-items: center; gap: .35em; font-size: var(--fs-xs); font-weight: 600; color: var(--forest); background: var(--forest-tint); border-radius: var(--r-full); padding: .3rem .7rem; }
.pr-plan-badge svg { width: 13px; height: 13px; color: var(--emerald); }
.pr-card__for { margin-top: var(--sp-4); font-size: var(--fs-sm); color: var(--text-muted); line-height: 1.5; min-height: 3.4em; }

.pr-card__capacity { margin-top: var(--sp-5); display: flex; flex-direction: column; gap: .15rem; }
.pr-card__n { font-size: clamp(2.2rem, 1.6rem + 2vw, 2.8rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: var(--ink); }
.pr-card--featured .pr-card__n { color: var(--forest); }
.pr-card__u { font-size: var(--fs-xs); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--text-soft); }

.pr-card__cta { margin-top: var(--sp-5); width: 100%; }
.pr-card__list { list-style: none; padding: var(--sp-5) 0 0; margin: var(--sp-5) 0 0; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: var(--sp-3); }
.pr-card__list li { position: relative; padding-left: 1.6rem; font-size: var(--fs-sm); color: var(--ink); display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; }
.pr-card__list li::before { content: ""; position: absolute; left: 0; top: .5em; width: 8px; height: 8px; border-radius: 50%; background: var(--emerald); }
.pr-card__list .de-badge { padding: .15rem .5rem; font-size: 0.6875rem; }

.pr-plans__note { margin-top: var(--sp-6); text-align: center; font-size: var(--fs-sm); color: var(--text-soft); }

/* --- Compare (workforce, not features) --- */
.pr-compare { background: var(--forest-wash); border-block: 1px solid color-mix(in srgb, var(--forest) 10%, transparent); }
.pr-compare__head { max-width: 40rem; }
.pr-compare__head h2 { margin-top: var(--sp-3); }
.pr-compare__head .lead { margin-top: var(--sp-4); }
.pr-table-wrap { margin-top: var(--sp-7); overflow-x: auto; }
.pr-table { width: 100%; border-collapse: collapse; min-width: 540px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.pr-table th, .pr-table td { padding: var(--sp-4) var(--sp-5); text-align: center; font-size: var(--fs-sm); border-bottom: 1px solid var(--line); }
.pr-table thead th { font-weight: 700; color: var(--ink); font-size: var(--fs-body); background: var(--wash); }
.pr-table tbody th[scope="row"] { text-align: left; font-weight: 600; color: var(--ink); }
.pr-table td { color: var(--ink); font-weight: 600; }
.pr-table .pr-soft { color: var(--text-soft); font-weight: 500; }
.pr-table .pr-none { color: var(--line); font-weight: 700; }
.pr-table tbody tr:last-child th, .pr-table tbody tr:last-child td { border-bottom: 0; }
.pr-table .is-featured { background: color-mix(in srgb, var(--forest) 7%, var(--surface)); }
.pr-table thead th.is-featured { background: var(--forest-tint); color: var(--forest); }
.pr-yes { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--forest-tint); color: var(--forest); }
.pr-yes svg { width: 11px; height: 11px; }

/* --- Grow naturally --- */
.pr-grow__head { max-width: 40rem; }
.pr-grow__head h2 { margin-top: var(--sp-3); }
.pr-grow__head .lead { margin-top: var(--sp-4); }
.pr-ladder { list-style: none; padding: 0; margin: var(--sp-8) 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--sp-3); }
.pr-ladder__step { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-full); padding: .7rem 1.3rem; font-size: var(--fs-sm); font-weight: 600; color: var(--ink); box-shadow: var(--shadow-xs); }
.pr-ladder__step--future { background: var(--forest); border-color: var(--forest); color: #fff; }
.pr-ladder__arrow { display: grid; place-items: center; color: color-mix(in srgb, var(--forest) 45%, var(--line)); }
.pr-ladder__arrow svg { width: 18px; height: 18px; }
@media (max-width: 620px) { .pr-ladder { flex-direction: column; } .pr-ladder__arrow { transform: rotate(90deg); } }
.pr-ladder__note { margin-top: var(--sp-5); text-align: center; font-size: var(--fs-sm); color: var(--text-soft); }

/* --- Enterprise (reserved future tier) --- */
.pr-ent__inner { display: flex; flex-direction: column; gap: var(--sp-5); align-items: flex-start; background: var(--night); color: #fff; border-radius: var(--r-2xl); padding: clamp(1.75rem, 1.25rem + 2vw, 2.75rem); }
@media (min-width: 760px) { .pr-ent__inner { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--sp-7); } }
.pr-ent__copy { max-width: 46rem; }
.pr-ent h3 { color: #fff; font-size: var(--fs-h3); font-weight: 700; }
.pr-ent p { margin-top: var(--sp-3); color: var(--on-dark); font-size: var(--fs-sm); line-height: 1.6; }
.pr-ent .btn { flex: none; }