/* dt-pages.css: CSS only for /crm-comparison, /ai-agents (store) and /tools. Loaded on those pages only (build.py finalize). Dark navy bands, white text, orange accent. */
/* ================= CRM COMPARISON ================= */
.cc-pick .wrap,.cc-cmp .wrap,.cc-cost .wrap,.cc-hid .wrap,.cc-vsx .wrap,.cc-about .wrap,.cc-next .wrap{text-align:center}
.cc-pick .h2x,.cc-cmp .h2x,.cc-cost .h2x,.cc-hid .h2x,.cc-vsx .h2x,.cc-about .h2x,.cc-next .h2x,.cc-pick .leadx,.cc-cmp .leadx,.cc-cost .leadx,.cc-hid .leadx,.cc-vsx .leadx{text-align:center;margin-inline:auto}
.cc-pick .leadx,.cc-cmp .leadx,.cc-cost .leadx,.cc-hid .leadx,.cc-vsx .leadx{margin-bottom:28px;max-width:600px}
.cc-date{font-size:14.5px;line-height:1.55;opacity:.8;margin:14px 0 0}
.hxt .cc-date{margin:12px 0 20px}
.cc-leg{font-size:14px;line-height:1.75;opacity:.78;max-width:760px;margin:12px auto 0;text-align:center}
.cc-chip{display:inline-block;font-size:12px;font-weight:800;line-height:1;padding:4px 8px;border-radius:999px;margin-inline-start:6px;vertical-align:middle;white-space:nowrap}
.cc-chip.e{background:rgba(255,122,26,.18);color:#ffb37a;border:1px solid rgba(255,122,26,.5)}
.cc-chip.q{background:rgba(143,176,255,.14);color:#b9ccff;border:1px solid rgba(143,176,255,.45)}
/* picker */
.cc-pick .pk-app{display:none;max-width:880px;margin:0 auto;text-align:right}
.js .cc-pick .pk-app{display:block}
.js .cc-pick .pk-static{display:none}
.pk-static .cmp{min-width:640px}
.pk-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:8px}
.pk-prog{margin:0 auto;font-size:15px;font-weight:700;opacity:.85}
.pk-back,.pk-again{font:inherit;font-size:15px;font-weight:700;color:#cfd8ea;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer}
.pk-back[hidden]{display:none}
.pk-back:hover,.pk-again:hover{color:#fff;border-color:#fff}
.pk-back:focus-visible,.pk-again:focus-visible{outline:3px solid #8fb0ff;outline-offset:2px}
.pk-top .pk-back{position:absolute;inset-inline-start:0}
.pk-app{position:relative}
.pk-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin:0 0 22px}
.pk-bar i{display:block;height:100%;width:33%;background:#ff7a1a;border-radius:99px;transition:width .35s ease;margin-inline-start:0}
.pk-f{display:block}
.pk-q{border:0;margin:0;padding:0;min-width:0}
.pk-q[hidden]{display:none}
.pk-q.pk-in{animation:pkin .32s ease both}
@keyframes pkin{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.pk-q legend{font-weight:800;font-size:clamp(20px,2.4vw,26px);padding:0;margin:0 0 18px;text-align:center;width:100%;outline:none}
.pk-o{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pk-o label{display:block;cursor:pointer}
.pk-o input{position:absolute;opacity:0;width:1px;height:1px}
.pk-o span{display:flex;align-items:center;justify-content:center;text-align:center;font-size:17px;font-weight:700;color:#e6ecfa;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px 16px;min-height:72px;line-height:1.4;box-sizing:border-box;transition:background .2s,border-color .2s,color .2s,transform .15s}
.pk-o label:hover span{border-color:rgba(255,255,255,.5);color:#fff}
.pk-o label:active span{transform:scale(.98)}
.pk-o input:checked+span{background:#ff7a1a;border-color:#ff7a1a;color:#10172b}
.pk-o input:focus-visible+span{outline:3px solid #8fb0ff;outline-offset:2px}
.pk-cta{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:center;margin-top:18px}
@media (max-width:560px){.pk-o{grid-template-columns:1fr}.pk-o span{min-height:60px;padding:14px}}
@media (prefers-reduced-motion:reduce){.pk-q.pk-in{animation:none}.pk-bar i{transition:none}.pk-o span{transition:none}}
.pk-r{margin-top:26px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.04);padding:22px 22px 18px}
.pk-r[hidden],.pk-f[hidden],.pk-top[hidden],.pk-bar[hidden]{display:none}.pk-r{outline:none}.pk-r.pk-in{animation:pkin .32s ease both}
.pk-h{margin:0 0 14px;font-size:20px}
.pk-l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pk-l li{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:start;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}
.pk-l li:first-child{border-top:0;padding-top:0}
.pk-n{grid-column:1;font-weight:900;font-size:18px;display:flex;align-items:center;gap:8px}
.pk-n:before{content:attr(data-i);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ff7a1a;color:#10172b;font-size:15px}
.pk-w{grid-column:1/-1;margin:0;line-height:1.7;opacity:.9}
.pk-a{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:15px}
.pk-a a{color:#9bbcff}
.pk-fine{font-size:14px;opacity:.78;margin:12px 0 0;line-height:1.7;text-align:center}
.pk-fine a{color:#9bbcff;font-weight:700}
.pk-none{margin:0;line-height:1.7}
/* comparison tabs + tables */
.cc-bar{margin:0 0 18px}
.cc-tabs{display:none}
.js .cc-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.cc-cnt{display:inline-block;min-width:22px;padding:2px 6px;margin-inline-start:6px;font-size:12.5px;line-height:1.3;border-radius:999px;background:rgba(255,255,255,.12)}
.lw-t[aria-selected=true] .cc-cnt{background:rgba(16,23,43,.22)}
.js .cc-p:not(.on){display:none}
.cc-gh{font-size:20px;margin:0 0 6px;text-align:center}
.js .cc-gh{display:none}
.cc-gd{margin:0 auto 16px;max-width:640px;opacity:.82;line-height:1.7;text-align:center}
.cc-p+.cc-p{margin-top:34px}
.js .cc-p+.cc-p{margin-top:0}
.cc-w{text-align:right;position:relative}
.cc-w:focus-visible{outline:3px solid #8fb0ff;outline-offset:2px}
.cc-t{min-width:1120px;font-size:15px;line-height:1.6}
.cc-t th,.cc-t td{padding:14px 14px}
.cc-t tbody th[scope=row]{position:sticky;inset-inline-start:0;z-index:2;background:#101a38;min-width:150px;box-shadow:-1px 0 0 rgba(255,255,255,.1)}
.cc-t thead th:first-child{position:sticky;inset-inline-start:0;z-index:3}
.cc-t .cc-pr{min-width:190px}
.cc-t td{min-width:130px}
.cc-n{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.cc-n b{font-size:16px}
.cc-n b a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,122,26,.7);text-underline-offset:3px}
.cc-lg{display:flex;flex-wrap:wrap;gap:6px 12px}
.cc-l{display:inline-flex;min-height:28px;align-items:center;border-radius:6px}
.cc-l:focus-visible{outline:3px solid #8fb0ff;outline-offset:3px}
.cc-l .tlg{height:22px;max-height:22px;width:auto;max-width:112px;opacity:1}
.cc-our{font-size:12px;font-weight:800;color:#ffb37a;border:1px solid rgba(255,122,26,.5);background:rgba(255,122,26,.12);border-radius:999px;padding:3px 9px;line-height:1.2}
.cc-unv{opacity:.75}
.cc-c{min-width:620px}.cc-cost .cc-w{max-width:900px;margin-inline:auto}.cc-c td{white-space:nowrap}
.cc-c td b{display:block;font-size:16px}
.cc-c td small{display:block;opacity:.72;font-size:13px}
.cc-c tbody th{white-space:normal;min-width:240px}
.cc-nt{opacity:.7;font-weight:400;font-size:13px;line-height:1.5}
.cc-c .cc-q{white-space:normal;font-weight:700;color:#b9ccff}
/* hidden costs */
.cc-hid .ck{text-align:right;max-width:980px;margin-inline:auto}
/* vs */
.cc-vg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:right}
.cc-vs{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.04);padding:22px}
.cc-vs:last-child:nth-child(odd){grid-column:1/-1}
.cc-vs h3{margin:0 0 14px;font-size:20px;text-align:center}
.cc-vc{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1}
.cc-vc>div{border-radius:14px;padding:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.cc-vc b{display:block;margin-bottom:6px;color:#9bbcff}
.cc-vc>div:last-child b{color:#ffb37a}
.cc-vc p{margin:0;line-height:1.65;font-size:15.5px;opacity:.92}
.cc-v{margin:14px 0 0;line-height:1.7;font-size:15.5px}
/* about + next */
.cc-ab{max-width:720px;margin:0 auto}
.cc-tx{text-align:center;line-height:1.85;margin:0 0 14px;font-size:17.5px;opacity:.92}
.cc-ab .btns{justify-content:center;margin-top:20px}
.cc-nxg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:right}
.cc-nx{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.04);color:#fff;text-decoration:none;position:relative;transition:border-color .2s,transform .2s}
.cc-nx:hover{border-color:rgba(255,122,26,.7);transform:translateY(-3px)}
.cc-nx:focus-visible{outline:3px solid #8fb0ff;outline-offset:3px}
.cc-nx b{font-size:18px}
.cc-nx span{line-height:1.6;opacity:.84;font-size:15.5px}
.cc-nx i{font-style:normal;color:#ff7a1a;font-weight:900;margin-top:auto}
@media (max-width:1000px){.cc-nxg{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.cc-t tbody th[scope=row]{min-width:118px}.cc-n b{font-size:15px}.cc-vg,.cc-vc{grid-template-columns:1fr}.cc-nxg{grid-template-columns:1fr}.cc-t{font-size:14.5px}.pk-o span{font-size:15px}}
@media (prefers-reduced-motion:reduce){.cc-nx,.pk-o span{transition:none}}

.cc-src{display:block;opacity:.75;font-size:12.5px;line-height:1.5;margin-top:6px}.cc-src a,.cc-nt a,.cc-pr>a{color:#9bbcff;text-decoration:underline}

/* ================= AI AGENTS STORE ================= */
.ag-st .wrap{text-align:center}
.ag-st .leadx{max-width:760px;margin-bottom:26px}
.ag-fl{display:grid;gap:14px;margin:0 auto 10px;max-width:1100px}
.ag-fg{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:center}
.ag-fh{font-size:14px;font-weight:800;opacity:.7;flex:0 0 auto}
.ag-cs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ag-chip{font:inherit;font-size:15px;font-weight:700;color:#cfd8ea;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 15px;min-height:44px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.ag-chip:hover{border-color:rgba(255,255,255,.45);color:#fff}
.ag-chip[aria-pressed=true]{background:#ff7a1a;border-color:#ff7a1a;color:#10172b}
.ag-chip:focus-visible,.ag-x:focus-visible,.ag-det summary:focus-visible{outline:3px solid #8fb0ff;outline-offset:2px}
.ag-cnt{font-size:14px;opacity:.75;margin:8px 0 0;min-height:22px}
.ag-gh{font-size:22px;margin:34px 0 14px;text-align:center}
.ag-ct{font-size:14px;font-weight:700;opacity:.65;margin-inline-start:6px}
.ag-sub{margin:-6px auto 16px;max-width:560px;opacity:.8;line-height:1.7}
.ag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:right;align-items:stretch}
.ag-c{display:flex;flex-direction:column;gap:12px;padding:22px 20px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.04)}
.ag-c.ag-b{background:#12214d;border-color:rgba(143,176,255,.35)}
.ag-c[data-hide]{display:none}
.ag-ch{display:flex;align-items:center;gap:12px}
.ag-ch h3{margin:0;font-size:19px;line-height:1.3}
.ag-pic{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(45,107,255,.2)}
.ag-pic svg{width:34px;height:34px;fill:none;stroke:#9bbcff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ag-pic .o{stroke:#ff9d54}
.ag-pr{margin:0;line-height:1.65;opacity:.92;font-size:16px}
.ag-do{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:15px;line-height:1.55;opacity:.88}
.ag-do li{position:relative;padding-inline-start:20px}
.ag-do li:before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:8px;height:8px;border-radius:50%;background:#ff7a1a}
.ag-price{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;justify-content:center;padding:10px 12px;border:1px solid rgba(255,122,26,.55);border-radius:14px;background:rgba(255,122,26,.1);font-weight:800;font-size:15px;line-height:1.4;text-align:center}
.ag-price i{font-style:normal;color:#ff9d54}
.ag-save{margin:-4px 0 0;text-align:center;font-size:14px;font-weight:700;color:#9bffcf}
.ag-bt{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.ag-bt .pill{width:100%}
.ag-det summary{list-style:none;cursor:pointer;justify-content:center;width:100%;box-sizing:border-box}
.ag-det summary::-webkit-details-marker{display:none}
.ag-dc{margin-top:12px;font-size:15px;line-height:1.7;text-align:right}
.ag-dc p{margin:0 0 8px}.ag-dc h4{margin:14px 0 8px;font-size:16px}.ag-dc ul{margin:0 0 8px;padding-inline-start:20px}
.ag-fn{font-size:13.5px;opacity:.72}.ag-dn{font-weight:700;color:#ffb37a}
.ag-tt{min-width:760px;font-size:14.5px}.ag-tt th,.ag-tt td{padding:10px 12px}.ag-tt tbody th b{display:block}
.ag-empty,.ag-quiz,.ag-foot{margin:22px auto 0;max-width:640px;line-height:1.7}
.ag-quiz a{color:#9bbcff;font-weight:700}.ag-foot{font-size:14px;opacity:.75}
.js .ag-det .ag-dc{display:none}
.ag-dlg{width:min(860px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:#101a38;color:#fff;overflow:hidden;text-align:right}
.ag-dlg:not([open]){display:none}
.ag-dlg[open]{display:flex;flex-direction:column}
.ag-dlg::backdrop{background:rgba(5,9,22,.7)}
.ag-dh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
.ag-dh h3{margin:0;font-size:20px}
.ag-x{font:inherit;font-size:26px;line-height:1;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}
.ag-db{padding:16px 20px;overflow:auto;flex:1}
.ag-db .ag-dc{display:block;margin:0}
.ag-df{padding:14px 20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:center}
.ag-req{margin:0 0 14px;padding:10px 14px;border:1px solid rgba(255,122,26,.55);border-radius:12px;background:rgba(255,122,26,.12);display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;line-height:1.5}
.ag-req button{font:inherit;font-size:14px;color:#cfd8ea;background:transparent;border:0;text-decoration:underline;cursor:pointer;min-height:44px}
.ag-vs .cmp{min-width:560px}.ag-vs .wrap{text-align:center}.ag-vs .cmp-w{max-width:860px;margin-inline:auto}
.ag-ctl .wrap{text-align:center}
.ag-ctl-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;text-align:right;margin-top:10px}
.ag-ctl-v .gxg{max-width:460px;margin-inline:auto}
.ag-ctl-l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ag-ctl-l li{padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04)}
.ag-ctl-l h3{margin:0 0 4px;font-size:18px}.ag-ctl-l p{margin:0;line-height:1.65;opacity:.88;font-size:15.5px}
@media (max-width:1000px){.ag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-ctl-in{grid-template-columns:1fr}}
@media (max-width:640px){.ag-grid{grid-template-columns:1fr}.ag-cs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding:2px}.ag-cs::-webkit-scrollbar{display:none}.ag-fg{flex-direction:column;align-items:stretch}.ag-fh{text-align:center}}
@media (prefers-reduced-motion:reduce){.ag-chip{transition:none}}

/* ================= TOOLS (enriched cards) ================= */
.t2 .leadx.l{text-align:center;margin-inline:auto;max-width:640px}
.t2-ct{text-align:center;font-size:14px;opacity:.75;min-height:22px;margin:4px 0 0}
.js .t2:not(.q) .lw-panels>.lw-p:not(.on){display:none}
.t2-u{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:right;align-items:stretch}
.t2-c{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04)}
.t2 li.nohit{display:none}
.t2-h{display:flex;align-items:center;gap:12px;min-height:44px}
.t2-h h3{margin:0;font-size:18px;line-height:1.3}
.t2-l{flex:none;display:inline-flex;align-items:center;justify-content:center;width:88px;height:44px;border-radius:10px;background:rgba(255,255,255,.07);padding:6px 8px;box-sizing:border-box}
.t2-l:focus-visible{outline:3px solid #8fb0ff;outline-offset:3px}
.t2-l .tlg{max-height:24px;max-width:100%;width:auto;height:auto;object-fit:contain;opacity:1}
.t2-d{margin:0;line-height:1.65;font-size:16px}
.t2-i{margin:0;display:grid;gap:2px;font-size:14.5px;line-height:1.6}
.t2-i dt{font-weight:800;color:#ffb37a;margin-top:6px}
.t2-i dd{margin:0;opacity:.9}
.t2-k{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:6px;font-size:14.5px}
.t2-k a{color:#9bbcff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.t2-nx .wrap{text-align:center}
.t2-nxg{grid-template-columns:repeat(5,1fr)}
@media (max-width:1100px){.t2-u{grid-template-columns:repeat(2,minmax(0,1fr))}.t2-nxg{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.t2-u{grid-template-columns:1fr}.t2-nxg{grid-template-columns:1fr}}