/* Dowody zaufania na landingach kampanii /ai-* (27.09.2026): własne wideo zamiast YouTube, znaczek Google, opinie, realizacje.
   Warstwa na css/ai.css, bez zmian w ai.css. Bez linków: wszystko to zwykły tekst. */

/* własny odtwarzacz w .ai-yt (bez tytułu, logo i przycisków YouTube) */
.ai-yt video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#0B1142}
.ai-yt.is-on{cursor:default}

/* gwiazdki i logo Google */
.pf-stars{display:inline-flex;gap:1px;vertical-align:-2px}
.pf-stars svg{width:14px;height:14px;fill:#FBBC04}
.pf-glogo{width:22px;height:22px;flex:none}

/* mały znaczek pod formularzem */
.pf-gmini{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;font-size:12.5px;color:var(--ai-muted);flex-basis:100%}
.pf-gmini .pf-glogo{width:16px;height:16px}
.pf-gmini b{color:var(--ai-ink);font-size:13.5px}
.pf-gmini .pf-stars svg{width:13px;height:13px}

/* znaczek w sekcji */
.pf-gbadge{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:10px 16px 10px 12px;background:#fff;border:1px solid var(--ai-line);border-radius:14px;color:var(--ai-ink);box-shadow:0 1px 2px rgba(15,26,92,.05),0 8px 20px -10px rgba(15,26,92,.18)}
.pf-gbadge .pf-glogo{width:30px;height:30px}
.pf-gbadge__t{display:flex;align-items:center;gap:8px}
.pf-gbadge__t b{font-family:var(--display);font-size:24px;letter-spacing:-.03em;line-height:1}
.pf-gbadge__t .pf-stars svg{width:18px;height:18px}
.pf-gbadge__s{font-size:12.5px;color:var(--ai-muted);border-left:1px solid var(--ai-line);padding-left:12px;max-width:11ch;line-height:1.3}

/* opinia wideo */
.pf-vop{margin:22px 0 0;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid var(--ai-line);border-radius:var(--ai-r);padding:12px;box-shadow:0 1px 2px rgba(15,26,92,.05),0 8px 20px -10px rgba(15,26,92,.14),0 24px 50px -24px rgba(15,26,92,.22)}
.pf-vop__vid{position:relative;border-radius:14px;overflow:hidden;background:#0B1142;aspect-ratio:9/16}
.pf-vop__vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pf-vop__play{position:absolute;inset:0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(11,17,66,0) 40%,rgba(11,17,66,.55));color:#fff}
.pf-vop__play svg{width:44px;height:44px;padding:12px 10px 12px 14px;border-radius:50%;background:rgba(255,255,255,.95);fill:var(--ai-navy);box-shadow:0 8px 22px rgba(0,0,0,.35)}
.pf-vop__play span{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:600;background:rgba(0,0,0,.55);padding:2px 6px;border-radius:5px}
.pf-vop.is-on .pf-vop__play{display:none}
.pf-vop blockquote{margin:0;font-family:var(--display);font-size:16px;line-height:1.4;letter-spacing:-.01em;color:var(--ai-ink)}
.pf-vop figcaption b{display:block;margin-top:10px;font-size:14px}
.pf-vop figcaption span{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--ai-muted)}
@media(max-width:479px){.pf-vop{grid-template-columns:1fr;padding:14px}.pf-vop__vid{max-width:220px;width:100%;margin:0 auto}.pf-vop figcaption{text-align:center}}

/* opinie z Google */
.pf-gops{margin-top:16px;display:grid;gap:12px}
.pf-gop{margin:0;background:#fff;border:1px solid var(--ai-line);border-radius:18px;padding:16px;box-shadow:0 1px 2px rgba(15,26,92,.04),0 8px 18px -10px rgba(15,26,92,.14)}
.pf-gop__h{display:flex;align-items:center;gap:10px}
.pf-gop__h i{width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;color:#fff;background:linear-gradient(160deg,var(--ai-accent),var(--ai-navy))}
.pf-gop__h div{flex:1;min-width:0}
.pf-gop__h b{display:block;font-size:14.5px}
.pf-gop__h span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ai-muted)}
.pf-gop blockquote{margin:12px 0 0;font-size:14.5px;line-height:1.55;color:var(--ai-body)}

/* realizacje: 4 zrzuty, bez linków */
.pf-rz__h{margin-top:28px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ai-muted)}
.pf-rz{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-rz__i{margin:0}
.pf-rz__shot{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(15,26,92,.08),0 10px 22px -10px rgba(15,26,92,.22),0 0 0 1px var(--ai-line)}
.pf-rz__shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.pf-rz__i figcaption{margin-top:8px}
.pf-rz__i b{display:block;font-size:13.5px;letter-spacing:-.01em}
.pf-rz__i span{display:block;font-size:12px;color:var(--ai-muted)}

@media(min-width:720px){
  .pf-vop{grid-template-columns:180px 1fr;gap:26px;padding:16px 26px 16px 16px}
  .pf-vop blockquote{font-size:19px}
  .pf-gops{grid-template-columns:repeat(2,1fr)}
  .pf-rz{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:1000px){
  .pf-sec .ai-sec__head{text-align:center;max-width:760px;margin:0 auto}
  .pf-sec .ai-sec__head h2{margin-left:auto;margin-right:auto}
  .pf-vop{max-width:860px;margin:32px auto 0}
  .pf-gops{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;align-items:start}
  .pf-gop{padding:20px}
  .pf-rz__h{text-align:center;margin-top:40px}
  .pf-rz{gap:18px;margin-top:16px}
}

/* „Kto za tym stoi?” ze zdjęciem z wystąpienia (jak na /strona-dla-firmy) */
.pf-who{padding:0;overflow:hidden}
.pf-who__foto{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:#0B1142}
.pf-who__foto img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 22%;display:block;border-radius:0!important;box-shadow:none!important}
.pf-who .ai-who__top,.pf-who>p{padding-left:18px;padding-right:18px}
.pf-who .ai-who__top{padding-top:18px}
.pf-who>p{padding-bottom:20px}
@media(min-width:1000px){
  .pf-who{display:grid;grid-template-columns:300px 1fr;grid-template-rows:1fr auto auto 1fr;column-gap:34px;padding:0;max-width:920px}
  .pf-who__foto{grid-row:1/-1;aspect-ratio:auto;min-height:330px}
  .pf-who .ai-who__top{display:block;grid-column:2;grid-row:2;padding:0 34px 0 0}
  .pf-who>p{grid-column:2;grid-row:3;padding:0 34px 0 0;margin-top:12px}
  .pf-who h3{font-size:24px}
}

/* slajder opinii (wideo + zdjęcie): przewijanie palcem, strzałki, kropki; bez bibliotek */
.pf-sl{margin-top:22px;position:relative}
.pf-sl__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:var(--ai-r)}
.pf-sl__track::-webkit-scrollbar{display:none}
.pf-sl__s{flex:0 0 100%;scroll-snap-align:start;padding:2px 1px 18px}
.pf-sl .pf-vop{margin:0;height:100%}
.pf-vop__vid--foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block}
.pf-sl__nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px}
.pf-sl__b{width:40px;height:40px;border-radius:50%;border:1px solid var(--ai-line);background:#fff;color:var(--ai-navy);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 12px -4px rgba(15,26,92,.2);transition:transform .2s,box-shadow .2s}
.pf-sl__b:hover{transform:translateY(-1px);box-shadow:0 8px 18px -6px rgba(15,26,92,.3)}
.pf-sl__dots{display:flex;gap:7px}
.pf-sl__dots i{width:8px;height:8px;border-radius:99px;background:rgba(15,26,92,.18);cursor:pointer;transition:width .3s cubic-bezier(.22,1,.36,1),background .3s}
.pf-sl__dots i.is-on{width:24px;background:var(--ai-accent)}
@media(min-width:1000px){.pf-sl{max-width:880px;margin:32px auto 0}.pf-sl__s{padding:4px 10px 20px}}

/* „Co dostaniesz w 24 h”: oś czasu zamiast kart z numerami (linia wypełnia się przy scrollu) */
.pf-tl{list-style:none;margin:26px 0 0;padding:0 0 0 62px;position:relative;display:grid;gap:30px}
.pf-tl__line{position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:rgba(74,99,232,.14);border-radius:2px;overflow:hidden}
.pf-tl__line i{position:absolute;inset:0;background:linear-gradient(180deg,var(--ai-accent),var(--ai-navy));transform-origin:top;transform:scaleY(var(--p,0));will-change:transform}
.pf-tl li{position:relative}
.pf-tl__n{position:absolute;left:-62px;top:-2px;z-index:1;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:18px;color:var(--ai-accent);background:var(--ai-bg);border:2px solid rgba(74,99,232,.3);transition:background .45s,color .45s,border-color .45s,transform .45s cubic-bezier(.2,1.4,.4,1)}
.pf-tl li.is-on .pf-tl__n{background:var(--ai-navy);border-color:var(--ai-navy);color:#fff;transform:scale(1.08)}
.pf-tl h3{font-size:19px;letter-spacing:-.025em;line-height:1.2;margin:8px 0 6px}
.pf-tl p{font-size:15.5px;line-height:1.55;color:var(--ai-body);max-width:42ch}
.pf-tl p b{color:var(--ai-ink);font-weight:600}
.pf-tl li>div{opacity:.35;transform:translateX(10px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.pf-tl li.is-on>div{opacity:1;transform:none}
@media(min-width:1000px){
  .pf-tl{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;margin-top:44px}
  .pf-tl__line{left:22px;right:calc((100% - 80px)/3 - 22px);top:21px;bottom:auto;height:2px;width:auto}
  .pf-tl__line i{transform-origin:left;transform:scaleX(var(--p,0))}
  .pf-tl li{padding-top:62px}
  .pf-tl__n{left:0;top:0}
  .pf-tl h3{margin-top:0}
  .pf-tl li>div{transform:translateY(10px)}
}
@media(prefers-reduced-motion:reduce){.pf-tl li>div{opacity:1;transform:none;transition:none}.pf-tl__line i{transform:none}.pf-sl__track{scroll-behavior:auto}}
/* stopka: dane spółki */
.pf-foot__firma{margin-bottom:10px;line-height:1.7}
.pf-foot__firma b{color:var(--ai-ink);font-weight:600}

/* szybki formularz przy wideo (zamiast „Umów się na konsultację”) */
.pf-qf{margin-top:14px;display:grid;gap:8px;width:100%;max-width:420px;margin-left:auto;margin-right:auto;text-align:left}
.pf-qf input[type=text],.pf-qf input[type=email]{width:100%;height:50px;border-radius:13px;border:1px solid var(--ai-line);background:#fff;color:var(--ai-ink);font:inherit;font-size:16px;padding:0 15px;outline:none;box-shadow:0 1px 2px rgba(15,26,92,.04);transition:border-color .2s,box-shadow .2s}
.pf-qf input:focus{border-color:var(--ai-accent);box-shadow:0 0 0 4px rgba(74,99,232,.15)}
.pf-qf .ai-btn{margin-top:2px;height:52px;font-size:16.5px}
.pf-qf__err,.pf-qf__ok{display:none;margin:2px 0 0;font-size:14px;line-height:1.45}
.pf-qf__err{color:#B42318}
.pf-qf.is-err .pf-qf__err{display:block}
.pf-qf.is-ok>*{display:none}
.pf-qf.is-ok .pf-qf__ok{display:block;background:#E6F4EA;border:1px solid #B7E1C3;color:#1E6B34;border-radius:13px;padding:12px 14px}
@media(min-width:1000px){.pf-qf{margin-left:0;margin-top:20px}}

/* v109: formularz od razu z adresem i e-mailem. Na telefonie etykiety tylko dla czytników (placeholder mówi to samo), żeby przycisk był na 1. ekranie */
.ai-form .ai-field--mail{margin-top:8px}
@media(max-width:719px){.ai-field--mail span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.pf-tofrm{max-width:360px}

/* v110: hero jak na /strona-dla-firmy: tekst + wideo po lewej, formularz (przyklejony) po prawej; telefon: nagłówek, opis, wideo, formularz */
.pf-hero .ai-yt{margin-top:16px}
.pf-hero .ai-form{margin-top:16px}
.pf-side{position:relative}
@media(min-width:1000px){
  .ai-hero.pf-hero{grid-template-columns:minmax(0,1fr) 440px;grid-template-areas:"h1 side" "sub side" "vid side" "vid .";grid-template-rows:auto auto auto 1fr;column-gap:56px;padding:36px 0 30px}
  .pf-hero>h1{grid-area:h1;max-width:14ch}
  .pf-hero>.ai-hero__sub{grid-area:sub}
  .pf-hero>.ai-yt{grid-area:vid;margin-top:26px}
  .pf-hero>.pf-side{grid-area:side;align-self:start;position:sticky;top:24px}
  .pf-side>.ai-form{margin-top:0;padding:26px 26px 22px}
  .pf-side>.ai-trust{justify-content:center;margin-top:14px;font-size:13.5px;gap:8px 22px;color:var(--ai-muted)}
}

/* v111: sekcja „Tak dziś wygląda szukanie…”: czytelniej na telefonie, lista firm jak w prawdziwym czacie, źródło danych rozwijane, animacja przy scrollu */
#dowod .ai-sec__sub{font-size:16.5px;line-height:1.6;color:var(--ai-body)}
.pf-chat{padding:14px 12px 16px;border-radius:22px}
.pf-chat .ai-chat__head{font-size:12.5px}
.pf-chat .ai-msg{font-size:15.5px;line-height:1.5;border-radius:18px}
.pf-chat .ai-msg--me{max-width:92%;padding:12px 15px}
.pf-chat .ai-msg--ai{max-width:100%;padding:14px 12px 10px;background:#F4F5FA;margin-top:12px}
.pf-chat__lead{margin:0 0 6px;font-weight:600;color:var(--ai-ink)}
.pf-chat .ai-msg--ai ol{margin:0;display:grid;gap:6px}
.pf-chat .ai-msg--ai li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:9px 10px;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(15,26,92,.05)}
.pf-chat .ai-msg--ai li b{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(74,99,232,.1);color:var(--ai-navy);font-size:13px;min-width:0}
.pf-chat .ai-msg--ai li .blur{width:100%!important;max-width:150px;height:13px}
.pf-chat .ai-msg--ai li .blur.w2{max-width:120px}.pf-chat .ai-msg--ai li .blur.w3{max-width:95px}
.pf-chat .ai-msg--ai li em{display:flex;align-items:center;gap:4px;margin:0;font-size:14px;font-weight:600;color:var(--ai-ink)}
.pf-chat .ai-msg--ai li em svg{width:14px;height:14px;fill:#FBBC04}
.pf-chat .ai-msg--ai li em small{font-size:12px;font-weight:400;color:var(--ai-muted);margin-left:4px}
/* animacja: najpierw pytanie, potem odpowiedź, firmy jedna po drugiej */
.pf-chat.is-arm .ai-msg--me,.pf-chat.is-arm .pf-chat__lead,.pf-chat.is-arm li{opacity:0;transform:translateY(10px)}
.pf-chat.is-play .ai-msg--me,.pf-chat.is-play .pf-chat__lead,.pf-chat.is-play li{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.pf-chat.is-play .pf-chat__lead{transition-delay:.35s}
.pf-chat.is-play li{transition-delay:calc(.5s + var(--i) * .12s)}
/* liczby */
.ai-nums{border-radius:22px}
.ai-num b{font-variant-numeric:tabular-nums}
/* źródło danych: rozwijane zamiast drobnego szarego akapitu */
.ai-src{display:none!important}
.pf-src{margin-top:12px;font-size:13px;color:var(--ai-muted)}
.pf-src summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ai-accent)}
.pf-src summary::-webkit-details-marker{display:none}
.pf-src summary::after{content:"+";font-size:16px;line-height:1}
.pf-src[open] summary::after{content:"−"}
.pf-src p{margin-top:8px;line-height:1.55}
@media(max-width:479px){
  #dowod h2{font-size:30px}
  .pf-chat .ai-msg--ai li{grid-template-columns:24px 1fr auto;gap:8px;padding:8px 9px}
  .pf-chat .ai-msg--ai li em small{display:none}
  .ai-nums{padding:22px 14px}
}
@media(min-width:1000px){.pf-chat{padding:20px 20px 22px}.pf-chat .ai-msg{font-size:16px}}
@media(prefers-reduced-motion:reduce){.pf-chat.is-arm .ai-msg--me,.pf-chat.is-arm .pf-chat__lead,.pf-chat.is-arm li{opacity:1;transform:none}}

/* v112: ściana opinii (jak na /strona-dla-firmy): kolumny w pętli, zanikanie u góry i dołu; telefon: 2 rzędy poziomo */
.pf-gops,.pf-rz,.pf-rz__h{display:none}
.pf-wall{position:relative;margin:22px -18px 0;display:flex;flex-direction:column;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pf-wall__col{display:flex;gap:12px;width:max-content;animation:pfMarq var(--d,70s) linear infinite;will-change:transform}
.pf-wall__col:nth-child(2){animation-direction:reverse}
.pf-wall__col:nth-child(3){display:none}
.pf-wall:hover .pf-wall__col,.pf-wall:active .pf-wall__col{animation-play-state:paused}
.pf-wall .pf-gop{width:272px;flex:none;margin:0}
.pf-wall .pf-gop blockquote{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
@keyframes pfMarq{to{transform:translateX(-50%)}}
@keyframes pfUp{to{transform:translateY(-50%)}}
@media(min-width:720px){
  .pf-wall{margin:30px 0 0;flex-direction:row;height:560px;gap:16px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
  .pf-wall__col{flex:1;flex-direction:column;width:auto;gap:16px;animation-name:pfUp}
  .pf-wall .pf-gop{width:auto}
  .pf-wall .pf-gop blockquote{-webkit-line-clamp:unset;display:block}
}
@media(min-width:1000px){.pf-wall{max-width:1060px;margin-left:auto;margin-right:auto;height:600px}.pf-wall__col:nth-child(3){display:flex}.pf-wall .pf-gop{padding:20px}}
@media(prefers-reduced-motion:reduce){.pf-wall__col{animation:none}.pf-wall{height:auto}.pf-wall .pf-gop[aria-hidden]{display:none}}