/* ---------- pricing ---------- */
.pr-hero .in{padding-bottom:0!important}
/* plans: ElevenLabs-style columns; the colour tile follows the plan you hover, Pro holds it by default */
.pr-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px;text-align:left}
.pr-pl{display:flex;flex-direction:column}
.pr-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;height:236px;padding:24px;border-radius:20px;overflow:hidden;background:#EEF1FB;color:var(--ink);transition:color .35s ease}
.pr-tile::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .45s ease;
  background:radial-gradient(110% 75% at 50% 122%,#5B7BDB 0%,rgba(49,87,255,.55) 40%,rgba(49,87,255,.12) 70%,transparent 85%),radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.2px) 0 0/12px 12px,#0B0F24}
.pr-tile h3{display:flex;align-items:center;gap:10px;height:32px;font-size:26px;font-weight:500;letter-spacing:-.025em;color:inherit}
.pr-tile .for{margin:8px 0 0;max-width:24ch;font-size:13.5px;line-height:1.45;color:var(--body);transition:color .35s ease}
.pr-tile .tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;box-shadow:inset 0 0 0 1px currentColor;font-size:12px;font-weight:500;letter-spacing:0}
.pr-tile .tag{display:none}
.pr-pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}
.pr-pr b{font-size:34px;line-height:1;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pr-pr span{font-size:14px;color:var(--muted);transition:color .35s ease}
.pr-pr em{flex-basis:100%;font-style:normal;font-size:12.5px;color:var(--faint);transition:color .35s ease}
/* lit tile */
.pr-pl.rec .pr-tile::before,.pr-pl:hover .pr-tile::before{opacity:1}
.pr-pl.rec .pr-tile,.pr-pl:hover .pr-tile{color:#fff}
.pr-pl.rec .pr-tile .for,.pr-pl:hover .pr-tile .for{color:rgba(255,255,255,.82)}
.pr-pl.rec .pr-pr span,.pr-pl:hover .pr-pr span,.pr-pl.rec .pr-pr em,.pr-pl:hover .pr-pr em{color:rgba(255,255,255,.75)}
.pr-pl.rec .pr-tile .tag{display:inline-flex}
.pr-plans:hover .pr-pl.rec:not(:hover) .pr-tile::before{opacity:0}
.pr-plans:hover .pr-pl.rec:not(:hover) .pr-tile{color:var(--ink)}
.pr-plans:hover .pr-pl.rec:not(:hover) .pr-tile .for{color:var(--body)}
.pr-plans:hover .pr-pl.rec:not(:hover) .pr-pr span{color:var(--muted)}
.pr-plans:hover .pr-pl.rec:not(:hover) .pr-pr em{color:var(--faint)}
/* the button follows the tile: one filled button at a time */
.pr-pl .btn{width:100%;margin-top:16px}
.pr-pl:hover .btn.sec.jn{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.pr-pl:hover .btn.sec.jn::before{opacity:1}
.pr-plans:hover .pr-pl.rec:not(:hover) .btn.pri{color:var(--ink)!important;background:#fff!important;box-shadow:inset 0 0 0 1px var(--line2)!important}
/* what's included */
.pr-inc{display:flex;align-items:center;gap:6px;margin:28px 0 0;padding-bottom:10px;font-size:13.5px;color:var(--muted)}
.pr-ul{list-style:none;margin:0;padding:0}
.pr-ul li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:13px 0;background:linear-gradient(90deg,var(--line2) 1.5px,transparent 1.5px) 0 0/5px 1px repeat-x;font-size:14.5px;line-height:1.45;color:var(--ink)}
.pr-ul li .ph{margin-top:2px;font-size:17px;color:#3A5CC0}
.pr-fine{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:40px;font-size:13px;color:var(--muted)}
.pr-fine span{display:inline-flex;align-items:center;gap:7px}
.pr-fine .ph{color:#3A5CC0}
@media (max-width:1100px){.pr-plans{grid-template-columns:1fr 1fr;row-gap:40px}}
@media (max-width:640px){.pr-plans{grid-template-columns:1fr}.pr-tile{height:200px}}

/* what credits buy */
.pr-buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:48px;align-items:stretch;margin-top:48px}
.pr-tab{display:flex;flex-direction:column;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.pr-tr{flex:1;transition:background-color .35s ease}
.pr-tr.khl{background:#F4F6FE}
.pr-buy>.kstage{display:flex;flex-direction:column;justify-content:center}
.pr-th,.pr-tr{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:16px;align-items:center;padding:0 24px}
.pr-th{height:44px;font-size:12.5px;font-weight:500;color:var(--muted);box-shadow:inset 0 -1px 0 var(--line)}
.pr-tr{min-height:76px;padding-top:14px;padding-bottom:14px;box-shadow:inset 0 -1px 0 var(--line)}
.pr-tr:last-child{box-shadow:none}
.pr-tr .a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:center}
.pr-tr .a .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ice);color:var(--cobalt);font-size:17px}
.pr-tr .a b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.pr-tr .a em{display:block;font-style:normal;font-size:13.5px;color:var(--body)}
.pr-tr .c{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.pr-tr .c small{display:block;font-size:12.5px;font-weight:400;color:var(--muted)}
/* price card shown before a paid action */
.pr-pc{border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07),0 24px 48px -32px rgba(40,60,150,.45);overflow:hidden}
.pr-pc .hd{display:flex;align-items:center;gap:10px;padding:16px 20px;box-shadow:inset 0 -1px 0 #EEF0F4}
.pr-pc .hd b{font-size:15px;font-weight:600}
.pr-pc .bd{padding:18px 20px}
.pr-pc .row{display:flex;justify-content:space-between;padding:8px 0;font-size:13.5px;color:var(--body)}
/* the drawn cursor (FF.cursor) waits and aims inside the price card, as on investors (.iv-app) */
.pr-pc{position:relative}
.pr-pc .row b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.pr-pc .row.tot{margin-top:6px;padding-top:12px;box-shadow:inset 0 1px 0 #EEF0F4;color:var(--ink)}
.pr-pc .msg{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:12px;background:#F4F6FE;font-size:13px;line-height:1.5;color:#4D5265}
.pr-pc .msg img{width:24px;height:24px;object-fit:contain;flex:none}
.pr-pc .acts{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;background:#FAFBFD;box-shadow:inset 0 1px 0 #EEF0F4}
.pr-pc .held{position:absolute;left:20px;top:50%;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:#2B44B0;opacity:0;transform:translate(0,-30%);transition:opacity .35s ease,transform .45s var(--ease)}
.pr-pc .acts.ok .held{opacity:1;transform:translate(0,-50%)}
.pr-pc .acts .mini-btn{transition:transform .14s ease,opacity .3s ease}
.pr-pc .acts.ok .mini-btn{opacity:0}

/* fair by design */
.pr-fair{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.pr-f{padding:28px;box-shadow:inset -1px 0 0 var(--line),inset 0 -1px 0 var(--line)}
.pr-f:nth-child(3n){box-shadow:inset 0 -1px 0 var(--line)}
.pr-f:nth-child(n+4){box-shadow:inset -1px 0 0 var(--line)}.pr-f:nth-child(6){box-shadow:none}
.pr-f .ic{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:11px;background:var(--ice);color:var(--cobalt);font-size:19px}
.pr-f h3{font-size:17px;letter-spacing:-.015em}
.pr-f p{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--body)}

@media (max-width:900px){
  .pr-buy{grid-template-columns:1fr;gap:32px}
  .pr-th,.pr-tr{grid-template-columns:minmax(0,1fr) 110px;padding:0 16px}
  .pr-fair{grid-template-columns:1fr}.pr-f{box-shadow:inset 0 -1px 0 var(--line)!important}
}


/* ---- iteration 2 (table only; the price card stays a white card on the dark tile, per Isha 29 Oct) ---- */
.pr-tr .c{font-size:20px;letter-spacing:-.02em}
.pr-tr .c small{margin-top:2px;letter-spacing:0}
.pr-tr.khl .a .ic{background:#3A5CC0;color:#fff}
.pr-tr .a .ic{transition:background-color .3s ease,color .3s ease}