/* QAI-R44 · Free trial (1.68.0): sign-up page, dashboard banner + cards, the "trial ended" panel,
   the "Talk to us" dialog and the plan card on the payment page. Approved mockup "Free trial ·
   7 days, 1,500 credits". Everything is scoped under .qai-tr; surfaces are self-contained dark,
   like the credits screens, so they read the same on every dashboard theme. */
.qai-tr{--tr-bg:#07080C;--tr-panel:#11151E;--tr-card:#181D27;--tr-deep:#0E1117;--tr-track:#252B38;
  --tr-t1:#EEF0F6;--tr-t2:#C9D2E3;--tr-t3:#A7B0C4;--tr-t4:#98A2B8;--tr-t5:#8490A8;
  --tr-bd:rgba(255,255,255,.09);--tr-bd2:rgba(255,255,255,.13);
  --tr-blue:#4F80FF;--tr-cyan:#00C8FF;--tr-green:#22D3A0;--tr-amber:#FFB454;--tr-err:#FFB199;
  --tr-g:linear-gradient(135deg,#4F80FF,#00C8FF);
  font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--tr-t1);
  -webkit-font-smoothing:antialiased;box-sizing:border-box;line-height:1.5}
.qai-tr *,.qai-tr *::before,.qai-tr *::after{box-sizing:border-box}
.qai-tr p{margin:0}
.qai-tr a{color:var(--tr-cyan)}
.qai-tr a:hover{color:#7fe3ff}
.qai-tr .mut{color:var(--tr-t4);font-size:13px}
.qai-tr [hidden]{display:none!important}

/* buttons */
.qai-tr .qai-tr-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:800;color:#fff;text-decoration:none;padding:12px 20px;border-radius:10px;
  white-space:nowrap;line-height:1.2;flex-shrink:0}
.qai-tr .qai-tr-b.pri{background:var(--tr-g)}
.qai-tr .qai-tr-b.pri:hover{filter:brightness(1.08);color:#fff}
.qai-tr .qai-tr-b.full{width:100%;padding:15px 20px;font-size:16px;border-radius:12px}
.qai-tr .qai-tr-b[disabled]{opacity:.6;cursor:default}
.qai-tr .qai-tr-l{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;
  color:var(--tr-cyan);text-decoration:none}
.qai-tr .qai-tr-l:hover{color:#7fe3ff}
.qai-tr .qai-tr-b:focus-visible,.qai-tr .qai-tr-l:focus-visible,.qai-tr .in:focus-visible,.qai-tr a:focus-visible{outline:2px solid var(--tr-cyan);outline-offset:2px}

/* form fields */
.qai-tr label{display:block;font-size:13px;font-weight:600;color:var(--tr-t3);margin:16px 0 7px}
.qai-tr .in{display:block;width:100%;background:var(--tr-deep);border:1px solid var(--tr-bd2);border-radius:10px;
  padding:12px 14px;color:var(--tr-t1);font-family:inherit;font-size:15px;line-height:1.4;margin:0}
.qai-tr textarea.in{resize:vertical;min-height:96px}
.qai-tr .in::placeholder{color:#6B7489}
.qai-tr .in[readonly]{color:var(--tr-t3)}
.qai-tr .in.bad{border-color:rgba(255,138,101,.85)}
/* The theme (Kadence global.min.css) turns focused fields dark grey on a light background; keep ours light on dark,
   also when the browser autofills a saved address. */
.qai-tr .in{caret-color:var(--tr-t1)}
.qai-tr input.in:focus,.qai-tr textarea.in:focus,.qai-tr select.in:focus{color:var(--tr-t1);background:var(--tr-deep);border-color:var(--tr-blue);box-shadow:none}
.qai-tr input.in.bad:focus{border-color:rgba(255,138,101,.85)}
.qai-tr input.in:-webkit-autofill,.qai-tr input.in:-webkit-autofill:hover,.qai-tr input.in:-webkit-autofill:focus{-webkit-text-fill-color:var(--tr-t1);caret-color:var(--tr-t1);box-shadow:0 0 0 1000px var(--tr-deep) inset;transition:background-color 9999s ease-out 0s}
.qai-tr .err{display:block;font-size:13px;line-height:1.5;color:var(--tr-err);margin-top:7px}
.qai-tr .err a{color:var(--tr-err);font-weight:700}

/* ================= sign-up page ================= */
.qai-trs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:64px;align-items:start;
  background:var(--tr-bg);padding:56px 72px;border-radius:0;min-height:100vh;width:100%}
.qai-trs-l{display:flex;flex-direction:column;gap:26px;padding-top:12px;min-width:0}
.qai-trs-logo{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.3px}
.qai-trs-logo .sq{width:30px;height:30px;border-radius:8px;background:var(--tr-g);flex-shrink:0}
.qai-trs.under-hdr .qai-trs-logo{display:none}
.qai-trs h1{margin:0;font-size:40px;line-height:1.12;letter-spacing:-.8px;color:var(--tr-t1);font-family:inherit;font-weight:800}
.qai-trs .lede{font-size:16px;line-height:1.6;color:var(--tr-t3);max-width:520px;margin-top:-14px}
.qai-trs-get{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border-radius:14px;background:var(--tr-card);border:1px solid rgba(255,255,255,.07)}
.qai-trs-get>b{font-size:15px}
.qai-trs-get>span{display:flex;gap:12px;font-size:14px;color:var(--tr-t2);line-height:1.5}
.qai-trs-get>span svg{flex-shrink:0;margin-top:2px}
.qai-trs-get>span b{color:var(--tr-t1)}
.qai-trs-after{display:flex;flex-direction:column;gap:8px;font-size:13.5px;line-height:1.6;color:var(--tr-t4);max-width:540px}
.qai-trs-after b{font-size:13px;color:var(--tr-t2)}
.qai-trs-card{padding:32px;border-radius:18px;background:var(--tr-card);border:1px solid var(--tr-bd);display:flex;flex-direction:column;gap:14px;min-width:0}
.qai-trs-card .h{font-size:20px;display:block}
.qai-trs-card>p{font-size:15px;line-height:1.6;color:var(--tr-t2)}
.qai-trs-card>p b{color:var(--tr-t1)}
.qai-trs-card>p.mut{font-size:13.5px;color:var(--tr-t4)}
.qai-trs-card>p.ok{font-size:14px;color:var(--tr-green);font-weight:600}
.qai-trs-card .ic{width:52px;height:52px;border-radius:14px;background:var(--tr-g);display:flex;align-items:center;justify-content:center}
.qai-trs-card form{display:flex;flex-direction:column;margin:0}
.qai-trs-card form label:first-of-type{margin-top:4px}
.qai-trs-card .terms{display:flex;align-items:flex-start;gap:12px;font-size:13px;font-weight:400;line-height:1.55;color:var(--tr-t3);cursor:pointer;margin:18px 0 0}
.qai-trs-card .terms input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--tr-blue);flex-shrink:0}
.qai-trs-card form .qai-tr-b.full{margin-top:22px}
.qai-trs-card .mut.c{display:block;text-align:center;font-size:13px;margin-top:12px}
.qai-trs-card .formerr{font-size:13.5px;line-height:1.5;color:var(--tr-err);padding:10px 14px;border-radius:10px;background:rgba(255,138,101,.08);border:1px solid rgba(255,138,101,.35)}
.qai-trs-card .links{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.qai-trs-card form.inl{display:inline}
@media (max-width:960px){
  .qai-trs{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 16px 40px}
  .qai-trs h1{font-size:30px}
  .qai-trs-l{gap:18px;padding-top:0}
  .qai-trs .lede{margin-top:-8px;font-size:15px}
  .qai-trs-card{padding:22px 18px}
  .qai-trs-after{order:3}
  .qai-trs-card:not(:has(#qai-trs-form)){order:-1} /* after the link: "Welcome", "Check your inbox" first */
}

/* ================= dashboard: banner + cards ================= */
.qai-tr-dash{display:flex;flex-direction:column;gap:18px;margin:0 0 18px;width:100%}
.qai-tr-bn{display:flex;align-items:center;gap:28px;padding:20px 24px;border-radius:14px;background:var(--tr-panel);border:1px solid rgba(79,128,255,.55);flex-wrap:wrap}
.qai-tr-bn .who{display:flex;flex-direction:column;gap:4px;min-width:230px}
.qai-tr-bn .who .row{display:flex;align-items:center;gap:10px}
.qai-tr-bn .who b{font-size:17px}
.qai-tr-bn .pill{font-size:11px;font-weight:800;letter-spacing:.08em;padding:3px 9px;border-radius:999px;background:rgba(79,128,255,.16);color:#A9C4FF;border:1px solid rgba(79,128,255,.4)}
.qai-tr-bn .sub{font-size:13px;color:var(--tr-t4)}
.qai-tr-bn .mt{display:flex;flex-direction:column;gap:7px;flex:1 1 180px;min-width:150px}
.qai-tr-bn .mt .l{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--tr-t3)}
.qai-tr-bn .mt .l b{color:var(--tr-t1)}
.qai-tr .bar{display:flex;height:8px;border-radius:6px;background:var(--tr-track);overflow:hidden}
.qai-tr .bar i{display:block;height:100%;border-radius:6px;background:var(--tr-blue)}
.qai-tr .bar.cy i{background:var(--tr-cyan)}
.qai-tr-bn.amber{gap:20px;padding:18px 24px;background:rgba(255,180,84,.07);border-color:rgba(255,180,84,.45);flex-wrap:nowrap}
.qai-tr-bn.amber .ico{flex-shrink:0;display:flex}
.qai-tr-bn.amber .tx{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}
.qai-tr-bn.amber .tx b{font-size:15px}
.qai-tr-bn.amber .tx span{font-size:13.5px;color:var(--tr-t2);line-height:1.5}
.qai-tr-cards{display:flex;flex-direction:column;gap:14px}
.qai-tr-cards>.t{font-size:18px}
.qai-tr-cards .g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.qai-tr-cards .cd{padding:20px;border-radius:14px;background:var(--tr-card);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:10px;min-width:0}
.qai-tr-cards .cd>b{font-size:15px}
.qai-tr-cards .cd .row{display:flex;align-items:center;gap:8px}
.qai-tr-cards .cd .row b{font-size:15px}
.qai-tr-cards .cd .mut{font-size:13px;line-height:1.5}
.qai-tr-cards .cd .big{font-size:26px;font-weight:800;margin-top:auto;line-height:1.2}
.qai-tr-cards .cd .big small{font-size:15px;color:var(--tr-t4);font-weight:600}
.qai-tr-cards .cd .bar{height:6px}
.qai-tr-cards .cd .end{margin-top:auto;align-self:flex-start;font-size:13.5px}
@media (max-width:1100px){.qai-tr-cards .g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .qai-tr-bn{gap:16px;padding:16px}
  .qai-tr-bn .who{min-width:0;width:100%}
  .qai-tr-bn .qai-tr-b{width:100%}
  .qai-tr-bn.amber{flex-wrap:wrap}
  .qai-tr-cards .g{grid-template-columns:minmax(0,1fr)}
}

/* ================= the trial has ended ================= */
.qai-tr-end{padding:28px 30px;border-radius:16px;background:var(--tr-panel);border:1px solid rgba(79,128,255,.55);display:flex;flex-direction:column;gap:22px}
.qai-tr-end .top{display:flex;align-items:flex-start;gap:20px}
.qai-tr-end .tt{display:flex;flex-direction:column;gap:6px;flex-grow:1;min-width:0}
.qai-tr-end .h1{font-size:26px;letter-spacing:-.4px;line-height:1.25}
.qai-tr-end .sub{font-size:14.5px;color:var(--tr-t3)}
.qai-tr-end .asked{font-size:13px;color:var(--tr-green);font-weight:600}
.qai-tr-end .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.qai-tr-end .tl{padding:16px 18px;border-radius:12px;background:var(--tr-card);display:flex;flex-direction:column;gap:4px}
.qai-tr-end .tl b{font-size:26px;line-height:1.2}
.qai-tr-end .tl b.gr{color:var(--tr-green)}
.qai-tr-end .tl span{font-size:13px;color:var(--tr-t4)}
.qai-tr-end .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qai-tr-end .two>span{display:flex;gap:12px;padding:16px 18px;border-radius:12px}
.qai-tr-end .two>span>svg{flex-shrink:0;margin-top:1px}
.qai-tr-end .two>span>span{display:flex;flex-direction:column;gap:4px}
.qai-tr-end .two b{font-size:14.5px}
.qai-tr-end .two>span>span>span{font-size:13.5px;line-height:1.55;color:var(--tr-t2)}
.qai-tr-end .go{background:rgba(34,211,160,.07);border:1px solid rgba(34,211,160,.35)}
.qai-tr-end .st{background:var(--tr-card);border:1px solid rgba(255,255,255,.08)}
.qai-tr-end .del{font-size:13px;line-height:1.55;color:var(--tr-t4)}
.qai-tr-end .del b{color:var(--tr-t2)}
@media (max-width:900px){.qai-tr-end .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .qai-tr-end{padding:20px 16px}
  .qai-tr-end .top{flex-direction:column}
  .qai-tr-end .top .qai-tr-b{width:100%}
  .qai-tr-end .two{grid-template-columns:minmax(0,1fr)}
}

/* ================= Talk to us dialog ================= */
.qai-tr-dlg{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,6,9,.72)}
.qai-tr-dlg .box{width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;padding:30px;border-radius:18px;background:var(--tr-card);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.qai-tr-dlg .form,.qai-tr-dlg .done{display:flex;flex-direction:column}
.qai-tr-dlg .hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.qai-tr-dlg .hd b{font-size:22px;flex-grow:1}
.qai-tr-dlg .x{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--tr-panel);border:1px solid rgba(255,255,255,.1);color:var(--tr-t2);cursor:pointer;padding:0}
.qai-tr-dlg p{font-size:14.5px;line-height:1.6;color:var(--tr-t2)}
.qai-tr-dlg .form .qai-tr-b.full{margin-top:20px}
.qai-tr-dlg .done{gap:16px;align-items:flex-start}
.qai-tr-dlg .done .ok{width:52px;height:52px;border-radius:14px;background:rgba(34,211,160,.12);border:1px solid rgba(34,211,160,.4);display:flex;align-items:center;justify-content:center}
.qai-tr-dlg .done b{font-size:22px}
@media (max-width:640px){.qai-tr-dlg .box{padding:22px 18px}}

/* ================= payment page: your plan ================= */
.qai-tr-pc{padding:22px;border-radius:16px;background:var(--tr-card);border:1px solid var(--tr-bd);display:flex;flex-direction:column;gap:16px;margin:0 0 20px}
.qai-tr-pc>.t{font-size:16px}
.qai-tr-pc .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qai-tr-pc .pl{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:var(--tr-deep);border:1px solid rgba(255,255,255,.12);color:var(--tr-t1);text-decoration:none}
.qai-tr-pc .pl:hover{border-color:rgba(79,128,255,.5);color:var(--tr-t1)}
.qai-tr-pc .pl.on{background:rgba(79,128,255,.14);border-color:rgba(79,128,255,.7)}
.qai-tr-pc .pl.dis{opacity:.5}
.qai-tr-pc .pl b{font-size:15px}
.qai-tr-pc .pl span{font-size:13px;color:var(--tr-t3)}
.qai-tr-pc .cyc{display:flex;flex-direction:column;gap:10px}
.qai-tr-pc .lb{font-size:13px;font-weight:600;color:var(--tr-t3)}
.qai-tr-pc .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qai-tr-pc .cy{display:block;text-align:center;padding:12px 16px;border-radius:12px;background:var(--tr-deep);border:1px solid rgba(255,255,255,.12);color:var(--tr-t1);font-size:14.5px;font-weight:700;text-decoration:none}
.qai-tr-pc .cy.on{background:rgba(79,128,255,.14);border-color:rgba(79,128,255,.7)}
.qai-tr-pc .cy:hover{color:var(--tr-t1);border-color:rgba(79,128,255,.5)}
.qai-tr-pc .lines{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:14.5px}
.qai-tr-pc .ln{display:flex;justify-content:space-between;gap:12px;color:var(--tr-t2)}
.qai-tr-pc .ln.gr{color:var(--tr-green)}
.qai-tr-pc .ln.tot{align-items:baseline;margin-top:4px;color:var(--tr-t1)}
.qai-tr-pc .ln.tot b{font-size:16px}
.qai-tr-pc .ln.tot .v{font-size:24px}
.qai-tr-pc .ln.tot small{font-size:14px;color:var(--tr-t3);font-weight:600}
.qai-tr-pc .ln.mut{font-size:13px;color:var(--tr-t4);justify-content:flex-end;text-align:right}
@media (max-width:640px){.qai-tr-pc .plans{grid-template-columns:minmax(0,1fr)}.qai-tr-pc{padding:16px}}

/* the header button once the trial has ended (credits.css draws the rest of the button) */
.qai-cr .qai-cr-btn.is-trial-ended{color:var(--cr-amber,#FFB454);border-color:rgba(255,180,84,.4);background:rgba(255,180,84,.08)}
.qai-cr .qai-cr-btn.is-trial-ended .v{font-size:12.5px;font-weight:700;color:#FFB454}
/* the PMPro skin draws every direct child of the checkout as a card with its own padding: keep ours */
#qai-tr-plan.qai-tr-pc{padding:22px;margin:0 0 18px;border-radius:16px}
@media (max-width:640px){#qai-tr-plan.qai-tr-pc{padding:16px}}