/* ================================================================
   WDROŻENIE CHATBOTA AI - design "Orbita"
   (templates/landing-chatbot-ai.php, strona /wdrozenie-chatbota-ai/)

   Warstwa na home-cosmos.css (wspólne: cz-aeo, cz-facts, cz-stats,
   cz-compare, cz-when, cz-ps, cz-flight, cz-plans, cz-faq, cz-form).
   Tu: hero "trening chatbota" (baza wiedzy -> okno czatu z przypisami
   -> przekazanie do człowieka), typy chatbotów i branże, konfigurator
   pakietu i kalkulator opłacalności, "kiedy się opłaca", RODO i AI Act,
   integracje. Prefiks bd- (NIE cb- - to globalny widżet czatu).
   Scena hero w jednostkach cqw - skaluje się razem z kontenerem.
   ================================================================ */

.bd-hero .cz-hero__title{font-size:clamp(2rem,3.3vw,2.9rem)!important}
.bd-hero .cz-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.cz-aeo__more a,.cz-head__aside a,.bd-note a,.bd-pf__more a{color:var(--cz-indigo-deep);font-weight:600}
.cz-dark .cz-head__aside a,.bd-pf__more a{color:var(--cz-cyan)}

/* ================================================================
   HERO - scena
   ================================================================ */
.bd-stage{position:relative;z-index:0;justify-self:end;width:100%;max-width:600px;padding:22px 0 54px}
.cz-js .bd-stage{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1.2s var(--cz-ease),transform 1.2s var(--cz-ease)}
.cz-js .cz-hero.is-in .bd-stage{opacity:1;transform:none;transition-delay:.7s}

/* okno czatu (jasne), wnętrze w cqw */
.bd-win{position:relative;z-index:2;width:64%;margin-left:auto;border-radius:24px;overflow:hidden;background:#fff;container-type:inline-size;
	box-shadow:0 0 0 1px rgba(165,180,252,.35),0 0 0 8px rgba(255,255,255,.03),0 60px 100px -40px rgba(0,0,0,.95),0 0 140px -30px rgba(99,102,241,.55)}
.bd-ui{display:flex;flex-direction:column;aspect-ratio:10/13;color:#1E2640;font-family:var(--cz-body)}
.bd-ui__top{display:grid;grid-template-columns:10.5cqw minmax(0,1fr) auto;gap:3cqw;align-items:center;padding:4.4cqw 5cqw 3.4cqw}
.bd-ui__av{display:grid;place-items:center;width:10.5cqw;height:10.5cqw;border-radius:50%;background:linear-gradient(135deg,#4F46E5,#6366F1 55%,#22D3EE);color:#fff;font-size:4.4cqw}
.bd-ui__name b{display:block;font:700 4.4cqw/1.15 var(--cz-display);letter-spacing:-.02em}
.bd-ui__name small{display:block;margin-top:.8cqw;font:500 2.7cqw/1.2 var(--cz-mono);letter-spacing:.04em;text-transform:uppercase;color:#8A93B0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-ui__x{font-size:3.8cqw;color:#9AA1B8}
.bd-ui__ch{display:flex;gap:1.4cqw;margin:0;padding:0 4cqw 3.4cqw;list-style:none;border-bottom:1px solid #EEF0F6}
.bd-ch{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:1.2cqw;height:7.6cqw;border-radius:99px;background:#F1F2F8;color:#6B7490;font:600 2.8cqw/1 var(--cz-body);white-space:nowrap;transition:background .45s,color .45s,box-shadow .45s}
.bd-ch span{overflow:hidden;text-overflow:ellipsis}
.bd-ch i{font-size:3.2cqw}
.bd-ch.is-on{background:#EEF0FF;color:#4F46E5;box-shadow:inset 0 0 0 1px rgba(79,70,229,.35)}
.bd-ch[data-ch="1"].is-on{background:#E8F1FF;color:#0866FF;box-shadow:inset 0 0 0 1px rgba(8,102,255,.3)}
.bd-ch[data-ch="2"].is-on{background:#E7F8EE;color:#128C4A;box-shadow:inset 0 0 0 1px rgba(18,140,74,.3)}

.bd-ui__body{position:relative;flex:1;min-height:0;overflow:hidden;background:#F7F8FC;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}
.bd-msgs{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2.4cqw;margin:0;padding:3cqw 4.4cqw 4cqw;list-style:none;will-change:transform}
.bd-msgs>li.is-new{animation:bdIn .55s var(--cz-ease) both}
@keyframes bdIn{from{opacity:0;transform:translate3d(0,3cqw,0) scale(.97)}}
.bd-msgs>li.is-gone{opacity:0;transition:opacity .35s}
.bd-m{max-width:86%;padding:2.6cqw 3.4cqw;border-radius:4cqw;font-size:3.45cqw;line-height:1.45}
.bd-m--u{align-self:flex-end;background:#4F46E5;color:#fff;border-bottom-right-radius:1.2cqw}
.bd-m--b{align-self:flex-start;display:flex;flex-direction:column;gap:1.8cqw;background:#fff;border:1px solid #E4E7F0;border-bottom-left-radius:1.2cqw;color:#1E2640}
.bd-m sup,.bd-src b{display:inline-grid;place-items:center;min-width:3.8cqw;height:3.8cqw;padding:0 .8cqw;border-radius:1.1cqw;background:#EEF0FF;color:#4F46E5;font:700 2.4cqw/1 var(--cz-mono)}
.bd-m sup{margin-left:1cqw;vertical-align:.5cqw}
.bd-src{display:flex;align-items:center;gap:1.4cqw;padding-top:1.8cqw;border-top:1px dashed #E1E4EE;font:500 2.6cqw/1.25 var(--cz-mono);color:#6B7490}
.bd-src i{color:#8A93B0}
.bd-m--hand{background:#FFFBEB;border-color:#FDE68A}
.bd-src--hand{border-top-color:#FCD34D;color:#047857;font-weight:600}
.bd-src--hand i{color:#059669}
.bd-sys{align-self:center;display:flex;align-items:center;gap:1.4cqw;margin-top:1cqw;padding:1.2cqw 2.8cqw;border-radius:99px;background:#E9EBF3;color:#6B7490;font:500 2.5cqw/1.2 var(--cz-mono);letter-spacing:.06em;text-transform:uppercase}
/* stan "trening": pusty czat z paskiem postępu indeksowania */
.bd-empty{position:absolute;left:50%;top:50%;z-index:1;display:grid;justify-items:center;gap:1.8cqw;width:76%;text-align:center;opacity:0;transform:translate3d(-50%,-46%,0);transition:opacity .5s,transform .7s var(--cz-ease);pointer-events:none}
.bd-ui.is-train .bd-empty{opacity:1;transform:translate3d(-50%,-50%,0)}
.bd-empty__ic{display:grid;place-items:center;width:13cqw;height:13cqw;margin-bottom:1.4cqw;border-radius:4cqw;background:#EEF0FF;color:#4F46E5;font-size:5.4cqw}
.bd-empty b{font:600 3.9cqw/1.3 var(--cz-display);letter-spacing:-.02em;color:#1E2640}
.bd-empty__sub{font:500 2.7cqw/1.3 var(--cz-mono);color:#8A93B0}
.bd-empty s{display:block;width:62%;height:1.2cqw;margin-top:2cqw;border-radius:99px;background:#E4E7F0;overflow:hidden}
.bd-empty u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366F1,#22D3EE);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--cz-ease)}
.bd-seek{position:relative;align-self:flex-start;display:flex;align-items:center;gap:1.6cqw;padding:2.2cqw 3.2cqw;border-radius:4cqw;border:1px dashed #C7CBE0;background:#fff;color:#6B7490;font-size:3cqw;overflow:hidden}
.bd-seek i{color:#4F46E5}
.bd-seek s{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#6366F1,#22D3EE);transform:scaleX(0);transform-origin:left;animation:bdSeek 1.05s linear forwards}
@keyframes bdSeek{to{transform:scaleX(1)}}

.bd-ui__foot{padding:2.8cqw 4.4cqw 4.4cqw;border-top:1px solid #EEF0F6}
.bd-ui__ai{display:flex;align-items:center;gap:1.4cqw;font-size:2.65cqw;line-height:1.3;color:#6B7490}
.bd-ui__ai i{color:#4F46E5}
.bd-ui__input{display:flex;align-items:center;justify-content:space-between;height:10.4cqw;margin-top:2.4cqw;padding:0 1.4cqw 0 4cqw;border-radius:99px;border:1px solid #E1E4EE;font-size:3.2cqw;color:#9AA1B8}
.bd-ui__input i{display:grid;place-items:center;width:7.6cqw;height:7.6cqw;border-radius:50%;background:#4F46E5;color:#fff;font-size:3cqw}

/* baza wiedzy (ciemna karta) */
.bd-kb{position:absolute;left:0;top:15%;z-index:3;width:39%;border-radius:18px;background:rgba(12,16,36,.9);border:1px solid rgba(165,180,252,.22);container-type:inline-size;
	box-shadow:0 40px 70px -30px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.bd-kb__head{display:flex;align-items:center;gap:3cqw;padding:6cqw 6cqw 4cqw;font-size:5.4cqw;color:#fff}
.bd-kb__head i{color:var(--cz-cyan)}
.bd-kb__head b{font:600 5.4cqw/1 var(--cz-display);letter-spacing:-.02em;white-space:nowrap}
.bd-kb__head em{margin-left:auto;padding:1.6cqw 2.6cqw;white-space:nowrap;border-radius:99px;background:rgba(52,211,153,.14);color:#6EE7B7;font:600 3.6cqw/1 var(--cz-mono);font-style:normal;letter-spacing:.04em;transition:background .4s,color .4s}
.bd-kb.is-busy .bd-kb__head em{background:rgba(165,180,252,.14);color:var(--cz-lav)}
.bd-kb__docs{display:grid;gap:2.6cqw;margin:0;padding:0 5cqw;list-style:none}
.bd-doc{position:relative;display:grid;grid-template-columns:7cqw minmax(0,1fr);gap:3cqw;align-items:center;padding:3.6cqw 4cqw;border-radius:4.4cqw;background:rgba(255,255,255,.04);border:1px solid rgba(165,180,252,.12);color:rgba(232,234,246,.9);font-size:4.7cqw;overflow:hidden;
	transition:opacity .5s,transform .6s var(--cz-ease),border-color .45s,background .45s,box-shadow .45s}
.bd-doc i{font-size:5.2cqw;color:var(--cz-lav)}
.bd-doc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-doc s{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#6366F1,#22D3EE);transform:scaleX(0);transform-origin:left;transition:transform .85s var(--cz-ease),opacity .6s}
.bd-doc.is-wait{opacity:0;transform:translate3d(-14cqw,0,0)}
.bd-doc.is-load s{transform:scaleX(1)}
.bd-doc.is-done s{transform:scaleX(1);opacity:.35}
.bd-doc.is-hot{border-color:rgba(34,211,238,.7);background:rgba(34,211,238,.1);box-shadow:0 0 0 1cqw rgba(34,211,238,.1)}
.bd-doc.is-hot i{color:var(--cz-cyan)}
.bd-kb__foot{display:flex;align-items:center;gap:2.4cqw;padding:4.4cqw 6cqw 5.6cqw;font:500 3.7cqw/1.3 var(--cz-mono);color:var(--cz-muted)}
.bd-kb__foot i{color:#34D399}
.bd-kb.is-busy .bd-kb__foot i{color:var(--cz-lav)}

/* przekazanie do człowieka */
.bd-hand{position:absolute;left:0;bottom:60px;z-index:4;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;width:34.5%;padding:13px 14px;border-radius:18px;background:#F4F5FA;color:var(--cz-ink-text);
	box-shadow:0 30px 60px -28px rgba(0,0,0,.9);opacity:0;transform:translate3d(-16px,10px,0);transition:opacity .55s var(--cz-ease),transform .7s var(--cz-ease)}
.bd-hand.is-on{opacity:1;transform:none}
.bd-hand__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#D1FAE5;color:#047857}
.bd-hand__txt{display:grid;gap:3px;min-width:0}
.bd-hand small{font:600 .58rem/1.2 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:#047857}
.bd-hand b{font-size:.8rem;line-height:1.3;color:var(--cz-ink-text)}
.bd-hand span{font-size:.72rem;color:var(--cz-muted-l)}
.bd-hand span i{margin-right:4px;color:var(--cz-indigo-deep)}

/* przypis lecący z bazy wiedzy do odpowiedzi */
.bd-fly{position:absolute;left:0;top:0;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border-radius:99px;background:#EEF0FF;color:#4F46E5;font:700 .64rem/1 var(--cz-mono);box-shadow:0 10px 24px -8px rgba(0,0,0,.6);opacity:0;pointer-events:none;will-change:transform,opacity}
.bd-fly i{font-size:.7rem}

/* ================================================================
   02 TYPY CHATBOTÓW + BRANŻE (ciemna)
   ================================================================ */
.bd-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bd-type{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:26px;border:1px solid rgba(165,180,252,.14);background:linear-gradient(180deg,rgba(17,22,46,.8),rgba(8,11,26,.88));transition:border-color .35s}
.bd-type:hover{border-color:rgba(165,180,252,.34)}
.bd-type__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.bd-type__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(99,102,241,.18);color:var(--cz-lav);font-size:1.05rem}
.bd-type__n{font:500 .66rem/1 var(--cz-mono);color:rgba(165,180,252,.6)}
.cz-page .bd-type h3{font-size:1.18rem!important;line-height:1.25!important;letter-spacing:-.02em;color:#fff}
.bd-type__role{font:500 .68rem/1.35 var(--cz-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cz-cyan)!important}
.bd-type p{font-size:.88rem;line-height:1.6;color:var(--cz-muted)}
.bd-type ul{display:grid;gap:7px;margin:4px 0;padding:0;list-style:none}
.bd-type li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:.84rem;line-height:1.45;color:rgba(232,234,246,.84)}
.bd-type li i{margin-top:4px;font-size:.62rem;color:var(--cz-cyan)}
.bd-type__for{font-size:.8rem!important;color:var(--cz-lav)!important}
.bd-type__for i{margin-right:6px}
.bd-type__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(165,180,252,.12)}
.bd-type__foot .cz-textlink{font-size:.82rem;padding:4px 0}
.bd-type__go{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .3s}
.bd-type__go:hover{background:var(--cz-indigo-deep)}
.bd-type__go i{font-size:.66rem}

.cz-page .bd-inds__h{margin:clamp(56px,7vw,88px) 0 20px!important;font:500 .7rem/1 var(--cz-mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--cz-cyan)}
.bd-inds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.bd-ind{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto 1fr;gap:4px 14px;padding:18px;border-radius:20px;border:1px solid rgba(165,180,252,.12);background:rgba(255,255,255,.025)}
.bd-ind__ic{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(34,211,238,.1);color:var(--cz-cyan);font-size:.9rem}
.bd-ind b{font-size:.95rem;line-height:1.3;color:#fff}
.bd-ind span{font-size:.82rem;line-height:1.5;color:var(--cz-muted)}

/* ================================================================
   03 KONFIGURATOR + OPŁACALNOŚĆ (jasna)
   ================================================================ */
.bd-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.bd-conf,.bd-roi{padding:26px;border-radius:28px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -56px rgba(49,46,129,.5)}
.cz-page .bd-tools h3{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px!important;font-size:1.08rem!important;line-height:1.3!important;color:var(--cz-ink-text)}
.bd-tools h3>i{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.8rem}
.bd-tag{padding:5px 9px;border-radius:999px;background:#FEF3C7;color:#92400E;font:600 .58rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase}
.bd-tools fieldset{margin:0 0 14px;padding:0;border:0;min-width:0}
.bd-tools legend{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0;font-size:.84rem;font-weight:700;color:var(--cz-ink-text)}
.bd-tools legend b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#EEF0FF;color:var(--cz-indigo-deep);font:600 .7rem/1 var(--cz-mono)}
.bd-tools fieldset label{position:relative;cursor:pointer}
.bd-tools fieldset input{position:absolute;opacity:0;width:1px;height:1px}
.bd-tools fieldset label>span{display:flex;align-items:center;min-height:42px;padding:9px 13px;border-radius:13px;border:1px solid rgba(11,16,32,.12);font-size:.84rem;font-weight:500;line-height:1.35;color:#3A4459;transition:background .25s,border-color .25s,color .25s}
.bd-tools fieldset input:checked+span{border-color:var(--cz-indigo-deep);background:#EEF0FF;color:var(--cz-ink-text);font-weight:600}
.bd-tools fieldset input:focus-visible+span{outline:2px solid var(--cz-indigo-deep);outline-offset:2px}
.bd-chips{display:flex;flex-wrap:wrap;gap:6px}
.bd-chips legend{width:100%}
.bd-chips label>span{min-height:38px;padding:8px 14px;border-radius:999px}
.bd-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bd-seg--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bd-seg legend,.bd-chk legend{grid-column:1/-1}
.bd-seg label>span{justify-content:center;text-align:center}
.bd-chk{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bd-chk label>span::before{content:"";flex-shrink:0;width:16px;height:16px;margin-right:9px;border-radius:5px;border:1.5px solid rgba(11,16,32,.22);transition:background .2s,border-color .2s}
.bd-chk input:checked+span::before{background:var(--cz-indigo-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--cz-indigo-deep)}

.bd-out{display:grid;gap:8px;margin-top:6px;padding:18px;border-radius:20px;background:var(--cz-deep);color:var(--cz-text)}
.bd-out small{font:500 .62rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-cyan)}
.bd-out small b{color:#fff}
.bd-out__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0!important;font-size:.9rem;color:var(--cz-muted)}
.bd-out__price b{font:600 clamp(2rem,3.2vw,2.6rem)/1 var(--cz-display);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.bd-out__fee{font:600 .8rem/1.3 var(--cz-mono);color:var(--cz-lav)}
.bd-out__why{font-size:.84rem;line-height:1.55;color:rgba(232,234,246,.84)}
.bd-out ul{display:grid;gap:5px;margin:0;padding:10px 0;border-top:1px solid rgba(165,180,252,.14);border-bottom:1px solid rgba(165,180,252,.14);list-style:none}
.bd-out li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;font-size:.84rem;line-height:1.45;color:rgba(232,234,246,.84)}
.bd-out li::before{content:"\2713";color:var(--cz-cyan);font-size:.72rem}
.bd-out li.is-note{color:#FDE68A}
.bd-out li.is-note::before{content:"+";color:#FDE68A}
.bd-out__time{font-size:.82rem;color:var(--cz-lav)}
.bd-out__time i{margin-right:6px}
.bd-note{margin-top:12px!important;font-size:.76rem;line-height:1.55;color:var(--cz-muted-l)}
.bd-note strong{color:var(--cz-ink-text)}

.bd-range{display:grid;gap:8px;margin-bottom:16px}
.bd-range>span{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.84rem;font-weight:700;color:var(--cz-ink-text)}
.bd-range>span b{flex-shrink:0;padding:4px 9px;border-radius:8px;background:#EEF0FF;color:var(--cz-indigo-deep);font:600 .78rem/1 var(--cz-mono);white-space:nowrap}
.bd-range small{font-size:.74rem;line-height:1.45;color:var(--cz-muted-l)}
.bd-range input{width:100%;height:28px;margin:0;accent-color:var(--cz-indigo-deep);cursor:pointer}
.bd-num{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:.84rem;font-weight:700;color:var(--cz-ink-text)}
.bd-num__in{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--cz-muted-l)}
.bd-num input{width:96px;height:42px;padding:0 12px;border-radius:12px;border:1px solid rgba(11,16,32,.14);background:#F7F8FC;font:600 16px/1 var(--cz-body);color:var(--cz-ink-text);text-align:right}
.bd-num input:focus{outline:2px solid var(--cz-indigo-deep);outline-offset:1px}
.bd-roi__out{display:grid;margin:4px 0 0;padding:6px 18px;border-radius:20px;background:var(--cz-deep)}
.bd-roi__out>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid rgba(165,180,252,.12)}
.bd-roi__out>div:first-child{border-top:0}
.bd-roi__out dt{font-size:.84rem;color:var(--cz-muted)}
.bd-roi__out dd{margin:0;font:600 1rem/1.2 var(--cz-display);letter-spacing:-.02em;color:#fff;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bd-roi__out .is-hi dd{font-size:1.3rem;color:var(--cz-cyan)}
.bd-roi__out dd.is-neg{color:#FDA4AF}
.bd-roi__msg{margin-top:12px!important;font-size:.84rem;line-height:1.55;color:#9F1239}
.bd-roi__msg:empty{display:none}
.bd-roi__msg.is-ok{color:#047857}

/* ================================================================
   04-06 PORÓWNANIE, KIEDY, BEZPIECZEŃSTWO
   ================================================================ */
.bd-compare tbody th{width:18%}
.bd-compare td{width:27%}

.bd-when{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.bd-when__col{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:28px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -60px rgba(49,46,129,.5)}
.cz-page .bd-when__col h3{display:flex;align-items:center;gap:12px;font-size:1.2rem!important;line-height:1.25!important;letter-spacing:-.02em;color:var(--cz-ink-text)}
.bd-when__col h3 span{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;font-size:.9rem}
.bd-when__col--yes h3 span{background:#D1FAE5;color:#047857}
.bd-when__col--no h3 span{background:#FFE4E6;color:#BE123C}
.bd-when__col--no{background:#FFFAFA}
.bd-when__col ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.bd-when__col li{position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--cz-line-l);font-size:.94rem;line-height:1.6;color:#3A4459}
.bd-when__col li:first-child{border-top:0}
.bd-when__col li::before{content:"";position:absolute;left:4px;top:21px;width:8px;height:8px;border-radius:50%;background:#10B981}
.bd-when__col--no li::before{background:#F43F5E}
.bd-when__col .cz-textlink{align-self:flex-start;margin-top:auto;font-size:.86rem;color:var(--cz-indigo-deep);border-bottom-color:rgba(79,70,229,.3)}

.bd-safe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bd-safe__item{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;border:1px solid rgba(165,180,252,.14);background:linear-gradient(180deg,rgba(17,22,46,.8),rgba(8,11,26,.88))}
.bd-safe__ic{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:13px;background:rgba(34,211,238,.1);color:var(--cz-cyan)}
.cz-page .bd-safe__item h3{font-size:1.06rem!important;line-height:1.3!important;letter-spacing:-.015em;color:#fff}
.bd-safe__item p{font-size:.9rem;line-height:1.62;color:var(--cz-muted)}
.bd-safe__note{display:flex;align-items:flex-start;gap:12px;margin-top:24px!important;padding:18px 22px;border-radius:20px;border:1px dashed rgba(165,180,252,.3);font-size:.88rem;line-height:1.6;color:var(--cz-muted)}
.bd-safe__note>i{margin-top:4px;color:var(--cz-lav)}
.bd-safe__note a{color:var(--cz-cyan);font-weight:600}

/* ================================================================
   08 INTEGRACJE + KONCEPCJE (ciemna)
   ================================================================ */
.bd-stack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.bd-stack__g{padding:22px 20px;border-radius:22px;border:1px solid rgba(165,180,252,.14);background:linear-gradient(180deg,rgba(17,22,46,.8),rgba(8,11,26,.88))}
.cz-page .bd-stack__g h3{display:flex;align-items:center;gap:9px;margin-bottom:14px!important;font-size:.95rem!important;line-height:1.3!important;letter-spacing:-.01em;color:#fff}
.bd-stack__g h3 i{color:var(--cz-cyan);font-size:.85rem}
.bd-stack__g ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.bd-stack__g li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;font-size:.85rem;line-height:1.4;color:rgba(232,234,246,.86)}
.bd-stack__g li>i{margin-top:2px;text-align:center;font-size:.85rem;color:var(--cz-lav)}
.bd-stack__img{width:16px;height:16px;margin-top:1px;filter:invert(1);opacity:.9}
.bd-pf{margin-top:56px}
.cz-page .bd-pf__h{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px!important;font-size:1.02rem!important;letter-spacing:-.01em;color:#fff}
.bd-pf__h .cz-star{width:14px;height:14px;fill:var(--cz-cyan)}
.bd-pf__h span{font:500 .62rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-lav)}
.bd-pf .pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bd-pf__more{margin-top:18px!important;font-size:.9rem;color:var(--cz-muted)}

/* ================================================================
   10 CENNIK, 12 KONTAKT
   ================================================================ */
.bd-plan__fee{flex-basis:100%;font:600 .78rem/1.3 var(--cz-mono);font-style:normal;color:var(--cz-lav)}
.cz-plan.is-popular .bd-plan__fee{color:var(--cz-indigo-deep)}
.cz-plans__note span{max-width:70ch}
.bd-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.bd-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:.9rem;line-height:1.5;color:rgba(232,234,246,.86)}
.bd-list i{margin-top:5px;font-size:.7rem;color:var(--cz-cyan)}

/* ================================================================
   RESPONSYWNOŚĆ
   ================================================================ */
@media (max-width:1180px){
	.bd-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
	.bd-inds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){
	.bd-types,.bd-safe{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
	.bd-hero .cz-hero__grid{grid-template-columns:1fr}
	.bd-stage{justify-self:center;max-width:580px;margin-top:24px}
	.bd-tools{grid-template-columns:minmax(0,1fr)}
	.bd-pf .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
	.bd-when{grid-template-columns:1fr}
}
@media (max-width:760px){
	.bd-hero .cz-hero__title{font-size:clamp(1.65rem,7.4vw,2.2rem)!important}
	/* scena: baza wiedzy jako pasek nad oknem czatu, bez karty przekazania (jest w rozmowie) */
	.bd-stage{display:flex;flex-direction:column;gap:12px;max-width:430px;padding:6px 0 40px}
	.bd-kb{position:relative;left:auto;top:auto;z-index:1;width:100%;border-radius:16px;box-shadow:none}
	.bd-kb__head{padding:3.4cqw 4cqw 2.6cqw;gap:2cqw;font-size:3.6cqw}
	.bd-kb__head b{font-size:3.8cqw}
	.bd-kb__head em{padding:1.2cqw 2.4cqw;font-size:2.8cqw}
	.bd-kb__docs{grid-template-columns:1fr 1fr;gap:1.8cqw;padding:0 3.4cqw}
	.bd-doc{grid-template-columns:4.4cqw minmax(0,1fr);gap:2cqw;padding:2.4cqw 2.8cqw;border-radius:3cqw;font-size:3.2cqw}
	.bd-doc i{font-size:3.4cqw}
	.bd-doc.is-wait{transform:translate3d(-6cqw,0,0)}
	.bd-kb__foot{padding:2.6cqw 4cqw 3.4cqw;font-size:2.8cqw}
	.bd-win{width:100%;border-radius:20px}
	.bd-ui{aspect-ratio:10/11.5}
	.bd-hand{display:none}
	.bd-types,.bd-safe,.bd-stack,.bd-inds,.bd-pf .pf-grid{grid-template-columns:1fr}
	.bd-type,.bd-safe__item{padding:22px 20px;border-radius:22px}
	.bd-conf,.bd-roi{padding:20px;border-radius:22px}
	.bd-chk{grid-template-columns:1fr}
	.bd-when__col{padding:22px 20px;border-radius:22px}
	.bd-safe__note{padding:16px 18px}
}
@media (max-width:520px){
	.bd-hero .cz-proof dd{font-size:1.08rem;white-space:nowrap}
}
@media (max-width:420px){
	.bd-seg--3 label>span{padding:9px 6px;font-size:.8rem}
	.bd-roi__out{padding:4px 14px}
	.bd-roi__out .is-hi dd{font-size:1.15rem}
}
@media (prefers-reduced-motion:reduce){
	.bd-msgs>li.is-new,.bd-seek s{animation:none}
	.bd-doc,.bd-hand,.bd-ch{transition:none}
}