/* ======================================================================
   CaptureWizard — PRICING PAGE add-ons
   Extends styles.css (.plan/.plans/.toggle/.seg/.feat-list/.ck, nav, footer).
   New components only; never modifies styles.css. Prefix: .pr-
   ====================================================================== */

/* audience tabs (For individuals / For teams) */
.pr-tabs { display:flex; justify-content:center; margin:0 0 22px; }
.pr-tabs-inner { display:inline-flex; background:#fff; border:1px solid var(--border); border-radius:14px; padding:5px; gap:4px; box-shadow:0 10px 30px -20px rgba(10,46,41,.4); }
.pr-tab { display:inline-flex; align-items:center; gap:9px; border:none; background:transparent; cursor:pointer; font-family:var(--font-ui); font-weight:700; font-size:14.5px; color:var(--muted); padding:11px 20px; border-radius:10px; transition:.15s ease; }
.pr-tab svg { width:17px; height:17px; }
.pr-tab:hover { color:var(--text-2); }
.pr-tab.is-on { background:var(--ink); color:#fff; }
.pr-tab.is-on svg { color:var(--teal-cyan); }

/* panel show/hide */
.pr-panel { display:none; }
.pr-panel.is-on { display:block; }

/* annual-equivalent note under price */
.pr-monthly-note { font-size:12px; color:var(--faint); margin:-12px 0 18px; }
.pr-monthly-note s { color:#B7C4C0; }

/* feature group inside a plan */
.pr-group { margin-top:6px; }
.pr-group + .pr-group { margin-top:16px; padding-top:16px; border-top:1px solid var(--border-2); }
.plan-team .pr-group + .pr-group { border-top-color:rgba(255,255,255,.12); }
.pr-group-h { display:flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); margin-bottom:11px; }
.plan-team .pr-group-h { color:var(--on-dark-2); }
.pr-group-h svg { width:13px; height:13px; }

/* differentiator badge on a feature line */
.pr-diff { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-ui); font-weight:700; font-size:9.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--rust-2); background:var(--tint-amber); border:1px solid #F3E6D2; padding:1px 6px; border-radius:6px; margin-left:7px; vertical-align:middle; white-space:nowrap; }
.pr-diff svg { width:10px; height:10px; }
.plan-team .pr-diff { background:rgba(245,166,35,.16); border-color:rgba(245,166,35,.3); color:var(--amber); }

/* feature line text helper (lets badge sit inline) */
.feat-list li .pr-ftxt { flex:1; }
.feat-list li .pr-ftxt b { color:var(--ink); font-weight:700; }
.plan-team .feat-list li .pr-ftxt b { color:#fff; }
.feat-list li.pr-muted { color:var(--faint); }
.feat-list li.pr-muted .ck { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23C3CFCB' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E"); }

/* "everything in X, plus" lead line */
.pr-plus { font-size:12.5px; font-weight:700; color:var(--teal-deep); margin:0 0 14px; display:flex; align-items:center; gap:7px; }
.pr-plus svg { width:14px; height:14px; }
.plan-team .pr-plus { color:var(--on-dark); }

/* differentiator callout strip under the cards */
.pr-diffstrip { display:grid; grid-template-columns:1fr; gap:14px; max-width:760px; margin:28px auto 0; }
.pr-diffcard { display:flex; gap:14px; align-items:flex-start; border:1px solid #F3E6D2; background:linear-gradient(180deg,var(--tint-amber),#fff); border-radius:16px; padding:18px 20px; }
.pr-diffcard .ic { width:42px; height:42px; border-radius:12px; background:#fff; border:1px solid #F3E6D2; color:var(--rust-2); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pr-diffcard .ic svg { width:21px; height:21px; }
.pr-diffcard h4 { font-family:var(--font-display); font-weight:700; font-size:15.5px; color:var(--ink); margin:0 0 4px; display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.pr-diffcard .only { font-family:var(--font-ui); font-weight:700; font-size:9.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--rust-2); background:#fff; border:1px solid #F3E6D2; padding:2px 7px; border-radius:6px; }
.pr-diffcard p { font-size:13.5px; color:var(--text-3); line-height:1.55; margin:0; }

/* enterprise custom price */
.pr-custom { font-family:var(--font-display); font-weight:700; font-size:34px; color:var(--ink); line-height:1; }
.plan-team .pr-custom { color:#fff; }

/* "coming soon" inline tag */
.pr-soon { font-family:var(--font-ui); font-weight:700; font-size:9.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); background:var(--soft); padding:1px 6px; border-radius:6px; margin-left:6px; }
.plan-team .pr-soon { color:var(--on-dark-2); background:rgba(255,255,255,.1); }

@media (min-width:900px) {
  .pr-diffstrip { grid-template-columns:1fr 1fr; }
}