/* Joboxy pricing page. Scoped to avoid changing the shared nav/footer. */
.jbx-pricing{
  --pz-brand:#4F46E5;--pz-brand-d:#4338CA;--pz-brand-t:#EEF0FE;--pz-brand-ink:#1E1B4B;
  --pz-ink:#0F172A;--pz-body:#475569;--pz-muted:#8A97AC;--pz-line:#E7EAF0;--pz-line2:#F1F4F8;
  --pz-bg:#fff;--pz-soft:#F7F9FC;--pz-green:#0E9E6E;--pz-green-t:#E6F7F0;
  --pz-s2:8px;--pz-s3:12px;--pz-s4:16px;--pz-s5:24px;--pz-s6:32px;--pz-s7:48px;
  --pz-r-xl:28px;--pz-sh1:0 1px 3px rgba(15,23,42,.06);
  --pz-sh2:0 4px 12px rgba(15,23,42,.06),0 12px 32px -12px rgba(15,23,42,.14);
  --pz-sh3:0 8px 24px rgba(15,23,42,.08),0 32px 64px -24px rgba(15,23,42,.22);
  --pz-font:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --pz-pad:clamp(20px,5vw,48px);--pz-maxw:1200px;
  display:block;background:var(--pz-bg);color:var(--pz-body);font-family:var(--pz-font);font-size:17px;line-height:1.68;
}
.jbx-pricing a{color:inherit;text-decoration:none}
.jbx-pricing button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.jbx-pricing :focus-visible{outline:3px solid var(--pz-brand);outline-offset:2px;border-radius:8px}
.jbx-pricing h1,.jbx-pricing h2,.jbx-pricing h3{margin:0;color:var(--pz-ink);font-family:var(--pz-font);font-weight:700;letter-spacing:-.028em;line-height:1.15}
.jbx-pricing h1{font-size:clamp(2.1rem,4.3vw,3.1rem);letter-spacing:-.036em;line-height:1.1}
.jbx-pricing h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.032em}
.jbx-pricing p{margin:0}
.jbx-pricing strong{color:var(--pz-ink);font-weight:700}
.jbx-pricing .grad{background:linear-gradient(100deg,var(--pz-brand),#7C6BFF 60%,#9B7BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.jbx-pricing .wrap{max-width:var(--pz-maxw);margin:0 auto;padding-inline:var(--pz-pad)}
.jbx-pricing .sec{padding:clamp(56px,7vw,96px) 0}
.jbx-pricing .sec-soft{background:var(--pz-soft)}
.jbx-pricing .center{text-align:center}
.jbx-pricing .lead{font-size:clamp(1.02rem,1.25vw,1.14rem);line-height:1.68}
.jbx-pricing .sec-head{max-width:44rem;margin-inline:auto}
.jbx-pricing .sec-head h2{margin-top:var(--pz-s4)}
.jbx-pricing .ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.jbx-pricing .ic-16{width:16px;height:16px}
.jbx-pricing .ic-24{width:24px;height:24px}

.jbx-pricing .pz-eyebrow{display:inline-flex;align-items:center;gap:var(--pz-s2);padding:8px 15px 8px 12px;border-radius:100px;background:var(--pz-brand-t);color:var(--pz-brand-d);font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.jbx-pricing .pz-eyebrow .ic{width:15px;height:15px}
.jbx-pricing .pz-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pz-s2);min-height:52px;padding:15px 28px;border-radius:12px;font-family:var(--pz-font);font-weight:700;font-size:1rem;border:2px solid transparent;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s;white-space:nowrap}
.jbx-pricing .pz-btn:hover{transform:translateY(-1.5px)}
.jbx-pricing .pz-btn-primary{background:var(--pz-brand);color:#fff;box-shadow:0 4px 14px -4px rgba(79,70,229,.5)}
.jbx-pricing .pz-btn-primary:hover{background:var(--pz-brand-d);color:#fff;box-shadow:0 10px 24px -6px rgba(79,70,229,.55)}
.jbx-pricing .pz-btn-line{border-color:var(--pz-line);background:#fff;color:var(--pz-ink)}
.jbx-pricing .pz-btn-line:hover{border-color:var(--pz-ink)}
.jbx-pricing .pz-btn-white{background:#fff;color:var(--pz-brand-d)}
.jbx-pricing .pz-btn-ow{border-color:rgba(255,255,255,.4);color:#fff}
.jbx-pricing .pz-btn-ow:hover{background:rgba(255,255,255,.14);color:#fff}

.jbx-pricing .phero{position:relative;overflow:hidden;padding:calc(62px + clamp(40px,5.5vw,68px)) 0 0;text-align:center}
.jbx-pricing .phero::before{content:"";position:absolute;left:50%;top:-340px;transform:translateX(-50%);width:1000px;height:660px;border-radius:50%;background:radial-gradient(closest-side,rgba(79,70,229,.09),transparent);pointer-events:none}
.jbx-pricing .phero .in{position:relative;z-index:2;max-width:42rem;margin:0 auto}
.jbx-pricing .phero h1{margin-top:var(--pz-s5)}
.jbx-pricing .phero .lead{margin-top:var(--pz-s4);color:var(--pz-body)}

.jbx-pricing .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--pz-s5);max-width:820px;margin:clamp(36px,4.5vw,56px) auto 0;align-items:start}
.jbx-pricing .plans[data-count="1"]{max-width:460px}
.jbx-pricing .plans[data-count="2"]{max-width:820px}
.jbx-pricing .plan{background:#fff;border:1px solid var(--pz-line);border-radius:var(--pz-r-xl);padding:clamp(26px,3vw,36px);position:relative;text-align:left;box-shadow:var(--pz-sh1)}
.jbx-pricing .plan.best{border:2px solid var(--pz-brand);box-shadow:var(--pz-sh3)}
.jbx-pricing .tagbar{position:absolute;top:-14px;left:clamp(26px,3vw,36px);display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;background:var(--pz-brand);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.jbx-pricing .tagbar .ic{width:13px;height:13px}
.jbx-pricing .pname{font-size:1.06rem;font-weight:700;color:var(--pz-ink);letter-spacing:-.02em}
.jbx-pricing .psub{font-size:.94rem;color:var(--pz-muted);margin-top:3px}
.jbx-pricing .price{display:flex;align-items:baseline;gap:8px;margin:var(--pz-s5) 0 0;flex-wrap:wrap}
.jbx-pricing .price .cur{font-size:1.2rem;font-weight:700;color:var(--pz-ink);letter-spacing:-.02em}
.jbx-pricing .price .amt{font-size:clamp(2.6rem,5vw,3.3rem);font-weight:800;color:var(--pz-ink);letter-spacing:-.05em;line-height:1}
.jbx-pricing .price .per{font-size:.98rem;color:var(--pz-muted);font-weight:600}
.jbx-pricing .was{margin-top:var(--pz-s3);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jbx-pricing .was s{color:var(--pz-muted);font-size:.98rem;text-decoration-thickness:1.5px}
.jbx-pricing .save{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid rgba(14,158,110,.18);border-radius:8px;background:var(--pz-green-t);color:var(--pz-green);font-size:.84rem;font-weight:800;line-height:1.25}
.jbx-pricing .permo{margin-top:var(--pz-s3);font-size:.95rem;color:var(--pz-body)}
.jbx-pricing .permo b{color:var(--pz-ink)}
.jbx-pricing .plan .pz-btn{width:100%;margin-top:var(--pz-s5)}
.jbx-pricing .pnote{margin-top:var(--pz-s4);font-size:.9rem;color:var(--pz-muted);text-align:center}
.jbx-pricing .plans-empty{max-width:560px;margin:clamp(36px,4.5vw,56px) auto 0;background:#fff;border:1px dashed var(--pz-line);border-radius:var(--pz-r-xl);padding:clamp(28px,4vw,44px);text-align:center}
.jbx-pricing .plans-empty p{margin-top:var(--pz-s3);color:var(--pz-muted)}
.jbx-pricing .plans-empty .pz-btn{margin-top:var(--pz-s5)}

.jbx-pricing .inc{max-width:820px;margin:clamp(36px,4.5vw,52px) auto 0;background:#fff;border:1px solid var(--pz-line);border-radius:var(--pz-r-xl);box-shadow:var(--pz-sh2);overflow:hidden}
.jbx-pricing .inc-top{display:grid;grid-template-columns:auto 1fr;gap:var(--pz-s4);align-items:center;padding:var(--pz-s5) clamp(24px,3vw,32px);background:var(--pz-soft);border-bottom:1px solid var(--pz-line2)}
.jbx-pricing .inc-top .ci{width:44px;height:44px;border-radius:13px;background:var(--pz-brand);color:#fff;display:grid;place-items:center}
.jbx-pricing .inc-top p{font-size:.94rem;margin-top:2px}
.jbx-pricing .inc ul{list-style:none;margin:0;padding:var(--pz-s2) clamp(24px,3vw,32px) var(--pz-s5);display:grid;grid-template-columns:1fr}
.jbx-pricing .inc li{display:grid;grid-template-columns:22px 1fr;gap:var(--pz-s3);align-items:center;min-height:52px;padding:var(--pz-s2) 0;border-bottom:1px solid var(--pz-line2);font-size:1rem;color:var(--pz-ink);font-weight:500;line-height:1.35}
.jbx-pricing .inc li .ic{stroke:var(--pz-green);width:19px;height:19px}
.jbx-pricing .inc li:last-child{border-bottom:0}

.jbx-pricing .faq{max-width:52rem;margin:clamp(32px,4vw,48px) auto 0;border-top:1px solid var(--pz-line);text-align:left}
.jbx-pricing .qi{border-bottom:1px solid var(--pz-line)}
.jbx-pricing .qi>button{width:100%;display:flex;gap:var(--pz-s4);align-items:center;padding:20px 0;text-align:left;font-weight:700;font-size:1.06rem;color:var(--pz-ink);letter-spacing:-.018em;min-height:60px;font-family:var(--pz-font)}
.jbx-pricing .qi>button .pm{margin-left:auto;width:30px;height:30px;border-radius:9px;background:var(--pz-soft);display:grid;place-items:center;color:var(--pz-brand);flex:none;transition:transform .24s,background .18s}
.jbx-pricing .qi.on>button .pm{transform:rotate(45deg);background:var(--pz-brand-t)}
.jbx-pricing .qi .ans{max-height:0;overflow:hidden;transition:max-height .3s ease}
.jbx-pricing .qi.on .ans{max-height:360px}
.jbx-pricing .qi .ans p{padding:0 0 22px;font-size:1.02rem;max-width:46rem;color:var(--pz-body)}

.jbx-pricing .cta{position:relative;overflow:hidden;background:var(--pz-brand);border-radius:var(--pz-r-xl);padding:clamp(40px,5.5vw,72px) clamp(24px,4vw,56px);text-align:center;color:#fff}
.jbx-pricing .cta::before{content:"";position:absolute;left:50%;top:-50%;transform:translateX(-50%);width:900px;height:900px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.17),transparent);pointer-events:none}
.jbx-pricing .cta .in{position:relative;z-index:2;max-width:40rem;margin:0 auto}
.jbx-pricing .cta h2{color:#fff}
.jbx-pricing .cta p{margin-top:var(--pz-s4);color:rgba(255,255,255,.88);font-size:1.06rem}
.jbx-pricing .cta .row{display:flex;gap:var(--pz-s3);justify-content:center;margin-top:var(--pz-s5);flex-wrap:wrap}

@media (max-width:760px){
  .jbx-pricing .plans{grid-template-columns:1fr;max-width:460px}
  .jbx-pricing .plan.best{order:-1}
}
@media (max-width:680px){
  .jbx-pricing{font-size:16.5px;--pz-s6:26px;--pz-s7:34px;--pz-pad:18px}
  .jbx-pricing .sec{padding:46px 0}
  .jbx-pricing .phero{padding-top:calc(62px + 24px)}
  .jbx-pricing .cta .row .pz-btn{width:100%}
  .jbx-pricing .qi>button{font-size:1.02rem;padding:18px 0;gap:var(--pz-s3)}
}
@media (max-width:360px){
  .jbx-pricing{--pz-pad:15px}
}
@media (prefers-reduced-motion:reduce){
  .jbx-pricing *{animation:none!important;transition-duration:.01ms!important}
}

/* Per-plan entitlements, rendered from the plan record. */
.jbx-pricing .pfeats{list-style:none;margin:var(--pz-s5) 0 0;padding:var(--pz-s5) 0 0;border-top:1px solid var(--pz-line2);display:grid;gap:var(--pz-s3)}
.jbx-pricing .pfeats li{display:grid;grid-template-columns:20px 1fr;gap:var(--pz-s3);align-items:start;font-size:.96rem;color:var(--pz-ink);line-height:1.45}
.jbx-pricing .pfeats .ic{stroke:var(--pz-green);width:19px;height:19px;margin-top:2px}