/* ===== Strona główna premium (27.10.2026): hero ogólne z hasłami i animowane kafle grup – tak samo jak w B2B ===== */
/* hero: tekst nad hasłami */
/* hero mieści się na pierwszym ekranie: wysokość nagłówka mierzy skrypt (--pg-gora) */
.p-wow{height:calc(100svh - var(--pg-gora,104px))}
.p-wow .wstep-p{padding-bottom:110px;box-sizing:border-box}
.p-wow .nav.hg-nav{bottom:28px;color:inherit}
.p-wow .hg-slowa{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start!important;gap:22px;animation:pg-pojaw 1s 1.8s both}
@keyframes pg-pojaw{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.p-wow .hg-s{position:relative;padding:16px 0 0;border-top:1px solid rgba(14,26,38,.14)}
.p-wow .hg-s i{position:absolute;left:0;top:-1px;width:100%;height:2px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--akcent-2,#0B5CAD),#3AA0FF);animation:pg-pasek 9s linear infinite;animation-delay:calc(var(--k) * 3s + 2s)}
@keyframes pg-pasek{0%{transform:scaleX(0);opacity:1}31%{transform:scaleX(1);opacity:1}33.3%,100%{transform:scaleX(1);opacity:0}}
.p-wow .hg-s .n{font:500 10.5px var(--mono);letter-spacing:.14em;color:var(--p-szary,#6B7885)}
.p-wow .hg-s b{display:block;margin-top:4px;font-size:clamp(22px,2.1vw,32px);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--p-tusz,#0E1A26);animation:pg-slowo 9s infinite;animation-delay:calc(var(--k) * 3s + 2s)}
@keyframes pg-slowo{0%,31%{color:var(--akcent-2,#0B5CAD)}33.3%,100%{color:var(--p-tusz,#0E1A26)}}
.p-wow .hg-s .o{display:block;margin-top:3px;font-size:13.5px;color:var(--p-tekst,#3A4856)}
@media (min-width:901px) and (max-height:820px){
  .p-wow .wstep-p{padding-bottom:96px}
  .p-wow .wstep-p h1{font-size:min(8.2vw,13vh,132px);margin:14px 0 16px}
  .p-wow .wstep-p .odznaki{margin-top:16px}
  .p-wow .nav.hg-nav{bottom:18px}
  .p-wow .hg-s{padding-top:12px}
  .p-wow .hg-s b{font-size:clamp(20px,1.8vw,26px)}
}
@media (min-width:901px) and (max-height:680px){.p-wow .wstep-p .odznaki{display:none}.p-wow .wstep-p h1{font-size:min(8.2vw,12vh,132px)}}
@media (max-width:900px){
  .p-wow .wstep-p{padding-bottom:0}
  .p-wow .nav.hg-nav{bottom:84px}
  .p-wow{height:calc(100svh - var(--pg-gora,110px))}
  .p-wow .hg-slowa{gap:12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(10,123,209,.14);box-shadow:0 18px 36px -24px rgba(11,60,120,.5)}
  .p-wow .hg-s{padding-top:10px;border-top-color:rgba(14,26,38,.18)}
  .p-wow .hg-s b{font-size:18px}
  .p-wow .hg-s .o{font-size:11px;line-height:1.35}
}
@media (prefers-reduced-motion:reduce){.p-wow .hg-slowa,.p-wow .hg-s i,.p-wow .hg-s b{animation:none}}

/* grupy (punkt 7 uwag Pani Anny): symbol grupy jako żywa grafika – litery wypełnione falującą wodą */
.gf-sym{display:block;height:var(--gf-h,96px);width:auto;overflow:visible;filter:drop-shadow(0 12px 18px rgba(11,92,173,.18))}
.gf-t{font:700 150px var(--sans,"Inter",sans-serif);letter-spacing:-7px}
.gf-obrys{fill:none;stroke:color-mix(in srgb,var(--akcent-2,#0B5CAD) 60%,transparent);stroke-width:1.8}
.gf-fala{animation:gf-fala 3.4s linear infinite}
.gf-f2{animation-duration:5.2s;animation-direction:reverse}
@keyframes gf-fala{to{transform:translateX(-100px)}}
.gf-poziom{animation:gf-poziom 4.2s ease-in-out infinite}
@keyframes gf-poziom{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.gf-podnies{transition:transform 1s cubic-bezier(.22,.8,.22,1)}
.gf-b{fill:#fff;opacity:0;animation:gf-babel 3.8s ease-in infinite}
.gf-b:nth-of-type(2){animation-delay:1.1s}.gf-b:nth-of-type(3){animation-delay:2.2s}.gf-b:nth-of-type(4){animation-delay:3s}
@keyframes gf-babel{0%{transform:translateY(0);opacity:0}15%{opacity:.95}80%{opacity:.6}100%{transform:translateY(-104px);opacity:0}}
.gf-wiz{position:absolute;right:14px;bottom:12px;z-index:2;font:500 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#52606E;background:rgba(255,255,255,.8);border-radius:999px;padding:4px 9px}
@media (prefers-reduced-motion:reduce){.gf-fala,.gf-poziom,.gf-b{animation:none}.gf-podnies{transition:none}}
/* premium: wiersze jak wcześniej – nazwa na górze, pod nią symbol, obok żywy film */
.gf-wiersz>div{display:flex;flex-direction:column;align-items:flex-start}
.gf-wiersz h3{margin-top:0!important}
.pg-sym{display:block;margin:6px 0 28px}
.pg-sym .gf-sym{--gf-h:clamp(96px,10vw,150px)}
.gf-wiersz .obraz video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.4s cubic-bezier(.22,.8,.22,1)}
.gf-wiersz:hover .obraz video{transform:scale(1.06)}
.gf-wiersz:hover .gf-podnies{transform:translateY(-34px)}
@media (max-width:760px){.pg-sym{margin:4px 0 18px}.pg-sym .gf-sym{--gf-h:84px}}