/* TKJ Pricing Tables — front-end */
.tkjp{--tkjp-accent:#b8924a;--tkjp-dark:#16243d;--tkjp-accent2:#cda85f;--tkjp-ink:#2a2f3a;--tkjp-muted:#6b7280;--tkjp-line:#e7e3da;--tkjp-cream:#f7f5f0;--tkjp-good:#2e7d52;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--tkjp-ink);max-width:1180px;margin:0 auto;padding:8px 14px;}
.tkjp *{box-sizing:border-box;}

/* billing toggle */
.tkjp-toggle-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin:6px 0 34px;}
.tkjp-toggle{display:inline-flex;background:#fff;border:1px solid var(--tkjp-line);border-radius:999px;padding:5px;box-shadow:0 4px 16px rgba(22,36,61,.07);}
.tkjp-toggle-btn{appearance:none;border:0;background:transparent;cursor:pointer;font-size:15px;font-weight:700;color:var(--tkjp-muted);padding:11px 30px;border-radius:999px;transition:.18s;}
.tkjp-toggle-btn:hover{color:var(--tkjp-dark);}
.tkjp-toggle-btn.is-active{background:var(--tkjp-dark);color:#fff;box-shadow:0 3px 10px rgba(22,36,61,.22);}
.tkjp-save-pill{font-size:12.5px;font-weight:700;color:var(--tkjp-accent);background:rgba(184,146,74,.12);border:1px solid rgba(184,146,74,.3);padding:5px 13px;border-radius:999px;letter-spacing:.3px;}

/* grid */
.tkjp-grid{display:grid;gap:22px;align-items:stretch;}
.tkjp-cols-4{grid-template-columns:repeat(4,1fr);}
.tkjp-cols-3{grid-template-columns:repeat(3,1fr);}
.tkjp-cols-2{grid-template-columns:repeat(2,1fr);}
.tkjp-cols-1{grid-template-columns:1fr;max-width:420px;margin:0 auto;}

/* card */
.tkjp-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--tkjp-line);border-radius:18px;padding:34px 26px 30px;box-shadow:0 6px 24px rgba(22,36,61,.06);transition:transform .2s,box-shadow .2s;}
.tkjp-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(22,36,61,.13);}
.tkjp-card.is-featured{border:2px solid var(--tkjp-accent);box-shadow:0 20px 50px rgba(22,36,61,.16);}
.tkjp-ribbon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--tkjp-accent),var(--tkjp-accent2));color:var(--tkjp-dark);font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:7px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px rgba(184,146,74,.4);}
.tkjp-name{margin:6px 0 4px;color:var(--tkjp-dark);font-size:22px;font-weight:800;letter-spacing:-.3px;}
.tkjp-tagline{margin:0 0 10px;color:var(--tkjp-muted);font-size:14px;min-height:40px;}

.tkjp-price{display:flex;align-items:flex-start;justify-content:flex-start;gap:3px;margin:6px 0 2px;line-height:1;}
.tkjp-cur{color:var(--tkjp-dark);font-size:24px;font-weight:700;margin-top:8px;}
.tkjp-amt{color:var(--tkjp-dark);font-size:48px;font-weight:800;letter-spacing:-1.5px;}
.tkjp-per{color:var(--tkjp-muted);font-size:16px;font-weight:600;align-self:flex-end;margin-bottom:9px;}
.tkjp-billed{margin:4px 0 0;color:var(--tkjp-muted);font-size:13px;min-height:19px;}
.tkjp-pop{animation:tkjp-pop .32s cubic-bezier(.2,.7,.3,1.3);}
@keyframes tkjp-pop{0%{transform:scale(.9);opacity:.4;}100%{transform:scale(1);opacity:1;}}

.tkjp-features{list-style:none;margin:22px 0 24px;padding:0;display:flex;flex-direction:column;gap:11px;flex:1;}
.tkjp-features li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--tkjp-ink);}
.tkjp-check{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:rgba(184,146,74,.14);color:var(--tkjp-accent);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;margin-top:1px;}

.tkjp-btn{display:block;text-align:center;text-decoration:none;font-weight:800;font-size:15.5px;padding:14px 18px;border-radius:11px;background:var(--tkjp-dark);color:#fff;transition:.16s;margin-top:auto;}
.tkjp-btn:hover{filter:brightness(1.12);transform:translateY(-1px);color:#fff;}
.tkjp-card.is-featured .tkjp-btn{background:linear-gradient(135deg,var(--tkjp-accent),var(--tkjp-accent2));color:var(--tkjp-dark);}

.tkjp-footer{text-align:center;color:var(--tkjp-muted);font-size:13.5px;margin:30px 0 6px;}

@media(max-width:1024px){.tkjp-cols-4,.tkjp-cols-3{grid-template-columns:repeat(2,1fr);}.tkjp-card.is-featured{transform:none;}}
@media(max-width:640px){.tkjp-cols-4,.tkjp-cols-3,.tkjp-cols-2{grid-template-columns:1fr;max-width:440px;margin:0 auto;}.tkjp-card:hover{transform:none;}}