/* ============================================================
   obalaban — Pricing layer. Loaded AFTER ob-home.css; reuses
   its tokens (--ink/--accent/--font-* etc.) and base components
   (.hero/.btn/.cta-final/.kicker/.h2/.reveal/.mono/.u). Adds the
   Pricing-specific ledger, cost grid, fit, steps and FAQ only.
   ============================================================ */

.prc-section{padding:clamp(58px,9vw,118px) var(--pad);border-top:1px solid var(--line)}
.prc-wrap{max-width:var(--max);margin:0 auto}

.prc-head{margin-bottom:8px}
.prc-head .h2{margin-top:16px}
.prc-lead{color:var(--muted);max-width:60ch;margin-top:20px;
  font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.62}

/* ---------- Engagement models (numbered ledger) ---------- */
.prc-models{list-style:none;margin:46px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.prc-model{background:var(--ink);padding:clamp(26px,3vw,40px);
  display:flex;gap:20px;align-items:flex-start;transition:background .3s var(--ease)}
.prc-model:hover{background:var(--surface)}
.prc-model__num{color:var(--accent);font-size:13px;padding-top:6px;flex:none}
.prc-model__name{font-family:var(--font-display);font-weight:600;
  font-size:clamp(1.28rem,2.2vw,1.6rem);letter-spacing:-.01em;line-height:1.1}
.prc-model__desc{color:var(--muted);margin-top:14px;line-height:1.62;max-width:52ch}
.prc-model__line{margin-top:14px;line-height:1.55;font-size:.97rem}
.prc-model__k{display:inline-block;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--accent-hover);margin-right:8px}

/* ---------- What drives cost ---------- */
.prc-drivers{list-style:none;margin:46px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(22px,3vw,40px)}
.prc-driver{display:flex;gap:16px}
.prc-driver__n{color:var(--accent);font-size:13px;padding-top:5px;flex:none}
.prc-driver__k{font-family:var(--font-display);font-weight:600;font-size:1.16rem;letter-spacing:-.01em}
.prc-driver p{color:var(--muted);margin-top:9px;line-height:1.6;max-width:46ch}

/* ---------- Fit / not fit ---------- */
.prc-fit{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:46px}
.prc-fit__col{background:var(--ink);padding:clamp(26px,3vw,40px)}
.prc-fit__col p{color:var(--muted);margin-top:16px;line-height:1.62}
.prc-fit__tag{display:inline-flex;align-items:center;gap:9px;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.prc-fit__col--yes .prc-fit__tag{color:var(--accent-hover)}
.prc-fit__col--no .prc-fit__tag{color:var(--muted)}
.prc-fit__tag::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}

/* ---------- How to get a quote (steps) ---------- */
.prc-steps{list-style:none;margin:46px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px)}
.prc-step{padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.prc-step__n{display:inline-grid;place-items:center;width:40px;height:40px;
  border:1px solid var(--line-strong);border-radius:11px;color:var(--accent);font-size:14px}
.prc-step h3{font-family:var(--font-display);font-weight:600;font-size:1.14rem;
  letter-spacing:-.01em;margin-top:18px}
.prc-step p{color:var(--muted);margin-top:10px;line-height:1.6}
.prc-note{color:var(--muted);margin-top:30px;font-size:12px;letter-spacing:.05em}

/* ---------- FAQ (visual; schema is built from page content) ---------- */
.prc-faq{margin-top:42px;border-top:1px solid var(--line)}
.prc-faq__item{padding:clamp(22px,2.6vw,30px) 0;border-bottom:1px solid var(--line)}
.prc-faq__q{font-family:var(--font-display);font-weight:600;
  font-size:clamp(1.1rem,1.9vw,1.32rem);line-height:1.28;letter-spacing:-.01em}
.prc-faq__a{color:var(--muted);margin-top:12px;line-height:1.66;max-width:76ch}

/* ---------- Responsive ---------- */
@media (max-width:880px){
  .prc-models,.prc-drivers,.prc-fit,.prc-steps{grid-template-columns:1fr}
  .prc-fit,.prc-models{border-radius:14px}
}

/* ---------- AI Agent Setup (summary tiers — full page: /services/ai-agent-setup/) ---------- */
.prc-agent{list-style:none;margin:46px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,26px)}
.prc-agent__card{background:var(--surface);border:1px solid var(--line);border-radius:16px;
  padding:clamp(24px,2.8vw,32px);display:flex;flex-direction:column}
.prc-agent__name{font-family:var(--font-display);font-weight:600;font-size:1.16rem;
  letter-spacing:-.01em;line-height:1.15}
.prc-agent__price{font-family:var(--font-mono);font-weight:500;font-size:1.5rem;line-height:1;
  color:var(--text);margin-top:16px}
.prc-agent__price .per{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);margin-left:6px}
.prc-agent__desc{color:var(--muted);margin-top:16px;line-height:1.6;font-size:15px;max-width:34ch}
.prc-agent__more{margin-top:30px;color:var(--muted);font-size:15px}
.prc-agent__more a{color:var(--accent-hover);text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .25s var(--ease)}
.prc-agent__more a:hover{border-bottom-color:currentColor}
.prc-agent__more .ar{display:inline-block;margin-left:4px}
@media (max-width:880px){.prc-agent{grid-template-columns:1fr}}