/* ============================================================
   NOWA STRONA GLOWNA (home-byq.html), 11.10.2026.
   UKLAD sekcji wg szablonow BYQ (13 sekcji), WYGLAD ze strony Saazy:
   kolory, fonty, przyciski i promienie tylko ze zmiennych :root arkusza
   strony (--navy, --blue, --text, --text-light, --border, --soft,
   --border-light, --lilac, --or, --or-t, --or-l, --head, --body, --r).
   Ponizej dopisane odcienie, ktorych arkusz nie mial jako zmiennych
   (wartosci wziete z literalow juz uzytych w arkuszu strony).
   Zadnych kolorow wpisanych poza :root.
   ============================================================ */
:root{
  --hb-bialy:#ffffff;
  --hb-bialy-80:#ffffffcc;
  --hb-bialy-8:#ffffff14;
  --hb-niebieski-t:#4648ff12;   /* tlo etykiet .uk-sekcja .etykieta w arkuszu strony */
  --hb-granat-2:#10105a;        /* drugi granat z tla hero strony */
  --hb-plotno:#f4f4fb;          /* tlo makiety .app .plotno w arkuszu strony */
  --hb-cien:#05052d40;          /* cien .mega w arkuszu strony */
}
.hb{display:block;overflow-x:clip}
.hb h2,.hb h3{font-family:var(--head);color:var(--navy);font-weight:600;letter-spacing:-.02em}
.hb p{color:var(--text)}
.hb-sekcja{padding:110px 0}
.hb-glowa{max-width:860px;margin:0 auto 56px;text-align:center}
.hb-glowa--lewo{margin-left:0;text-align:left}
.hb-glowa h2{font-size:48px;line-height:1.1;text-wrap:balance}
.hb-glowa p{margin-top:18px;font-size:18px;line-height:1.6}
.hb-glowa .btn{margin-top:26px}
.hb .hb-kicker{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--head);letter-spacing:.08em;
  text-transform:uppercase;color:var(--blue);background:var(--hb-niebieski-t);padding:9px 14px;border-radius:999px;margin-bottom:18px}
.hb .hb-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--or)}
.hb .hb-kicker--jasny{color:var(--hb-bialy);background:var(--hb-bialy-8);border:1px solid var(--border-light)}
.hb-glowa .hb-kicker{margin-bottom:0}.hb-glowa .hb-kicker+h2{margin-top:18px}
.btn.hb-maly{font-size:15px;padding:13px 22px}
.hb-ikona{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hb-ikona-m{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hb-ukryte{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hb-dalej{font:600 15px var(--head);color:var(--blue)}
.hb-dalej::after{content:" \2192"}
.hb-ekran{margin:0}
.hb-ekran img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--border);background:var(--hb-bialy)}
.hb-ekran figcaption{margin-top:10px;font-size:13px;color:var(--text)}

/* 1 ─ hero: wysrodkowany, przerywane kola (human-intelligence-cta-1) */
.hb-hero{padding:0 20px}
.hb-hero__panel{position:relative;overflow:hidden;border-radius:40px 40px 0 0;background:var(--navy);
  padding:140px 0 150px;text-align:center}
.hb-kolo{position:absolute;border-radius:50%;border:1.5px dashed var(--lilac);opacity:.35;pointer-events:none}
.hb-kolo--1{width:620px;height:620px;left:-260px;top:120px}
.hb-kolo--2{width:900px;height:900px;right:-380px;top:-520px}
.hb-kolo--3{width:420px;height:420px;left:46%;bottom:-300px}
.hb-hero__tresc{position:relative;max-width:1000px}
.hb-hero h1{margin-top:6px;font:600 68px/1.04 var(--head);letter-spacing:-.025em;color:var(--hb-bialy);text-wrap:balance}
.hb-hero__mocne{margin:26px auto 0;max-width:760px;font:500 22px/1.45 var(--head);color:var(--hb-bialy)!important}
.hb-hero__lede{margin:14px auto 0;max-width:700px;font-size:18px;line-height:1.6;color:var(--text-light)!important}
.hb-akcje{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:38px}
.hb-hero .btn-obrys-niebieski{border-color:var(--hb-bialy)}
.hb-drobne{margin-top:16px;font-size:14px;color:var(--text-light)!important}

/* 2 ─ trzy strony: trzy karty z ikona, trzecia nizej (halden-miller-value-features-6) */
.hb-strony{background:var(--hb-bialy)}
.hb-strony__siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1080px;margin:0 auto;align-items:start}
.hb-strona{display:flex;flex-direction:column;min-height:400px;padding:28px;border-radius:var(--r);background:var(--soft);
  border:1px solid var(--border);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.hb-strona--3{margin-top:48px}
.hb-strona:hover{border-color:var(--or-l);box-shadow:0 30px 60px -40px var(--blue)}
.hb-strona__etyk{font:500 15px var(--head);color:var(--navy)}
.hb-strona__ikona{display:grid;place-items:center;width:84px;height:84px;margin:44px auto;border-radius:24px;
  background:var(--hb-bialy);border:1px solid var(--border);color:var(--blue)}
.hb-strona__ikona .hb-ikona{width:38px;height:38px}
.hb-strona__tekst{margin-top:auto;font-size:15px;line-height:1.6;color:var(--text)}
.hb-strona__tekst b{display:block;margin-bottom:8px;font:600 17px/1.35 var(--head);color:var(--navy)}
.hb-strona .hb-dalej{margin-top:18px}

/* 3 ─ etapy w zakladkach (nextwell-tabs-1) */
.hb-etapy{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.hb-zdanie{max-width:980px;margin:0 auto;text-align:center;font-size:40px;line-height:1.2;text-wrap:balance}
.hb-zdanie span{color:var(--text)}
.hb-zakladki{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 8px;margin:48px auto 52px;border-bottom:1px solid var(--border);max-width:820px}
.hb-zakladki button{font:500 16px var(--head);color:var(--text);background:none;border:0;border-bottom:2px solid transparent;
  padding:14px 18px;min-height:44px;margin-bottom:-1px;cursor:pointer}
.hb-zakladki button[aria-selected="true"]{color:var(--navy);border-bottom-color:var(--or)}
.hb-zakladki button:hover{color:var(--navy)}
.hb-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:56px;align-items:center}
.hb-panel[hidden]{display:none}
.hb-panel__ekran{padding:22px;border-radius:24px;background:var(--navy)}
.hb-panel__ekran figcaption{color:var(--text-light)}
.hb-licznik{font:500 13px var(--head);letter-spacing:.08em;color:var(--or)!important}
.hb-panel h3{margin-top:12px;font-size:30px;line-height:1.15}
.hb-panel__slowa p:not(.hb-licznik){margin-top:16px;font-size:16.5px;line-height:1.65}

/* 4 ─ terminy: pigulki, karta tekstowa, karta z wykresem (human-intelligence-value-and-features-1) */
.hb-pigulki{display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 32px;padding:5px;
  border-radius:999px;background:var(--soft);border:1px solid var(--border);flex-wrap:wrap}
.hb-pigulki button{font:500 15px var(--head);color:var(--text);background:none;border:0;border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer}
.hb-pigulki button[aria-selected="true"]{background:var(--navy);color:var(--hb-bialy)}
.hb-terminy__rzad{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}
.hb-terminy__rzad[hidden]{display:none}
.hb-karta-tekst{display:flex;flex-direction:column;gap:28px;padding:28px;border-radius:var(--r);background:var(--soft);border:1px solid var(--border)}
.hb-karta-tekst--ostrz{border-color:var(--or-l);background:var(--or-t)}
.hb-karta-tekst__slowa .hb-ikona{color:var(--blue)}
.hb-karta-tekst--ostrz .hb-karta-tekst__slowa .hb-ikona{color:var(--or)}
.hb-karta-tekst h3{margin-top:12px;font-size:26px}
.hb-karta-tekst p{margin-top:12px;font-size:16px;line-height:1.65}
.hb-karta-wykres{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:var(--r);background:var(--navy);color:var(--hb-bialy)}
.hb-karta-wykres__tyt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;
  font:600 20px var(--head);color:var(--hb-bialy)!important}
.hb-karta-wykres__tyt span{font:400 13px var(--body);color:var(--text-light)}
.hb-pasek{display:flex;justify-content:space-between;gap:10px;width:var(--szer);min-width:60%;padding:12px 14px;border-radius:10px;
  background:var(--hb-bialy-8);border:1px solid var(--border-light);font-size:14px;color:var(--hb-bialy-80)}
.hb-pasek b{font:600 14px var(--head);color:var(--hb-bialy)}
.hb-pasek--on{background:var(--blue);border-color:var(--blue);color:var(--hb-bialy)}
.hb-pasek--ostrz{background:var(--or);border-color:var(--or)}
.hb-karta-wykres__pod{margin-top:auto;padding-top:14px;border-top:1px solid var(--border-light);font-size:14px;color:var(--text-light)!important}

/* 5 ─ siatka funkcji, srodkowa karta na dwa rzedy (forerunner-value-features-2) */
.hb-funkcje{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.hb-funkcje__siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:14px}
.hb-funkcja{display:flex;flex-direction:column;gap:56px;padding:26px;border-radius:16px;background:var(--hb-bialy);
  border:1px solid var(--border);text-decoration:none;transition:border-color .2s}
.hb-funkcja:hover{border-color:var(--or-l)}
.hb-funkcja--duza{grid-column:2;grid-row:1/3;justify-content:space-between}
.hb-funkcja:nth-child(1){grid-column:1;grid-row:1}.hb-funkcja:nth-child(3){grid-column:3;grid-row:1}
.hb-funkcja:nth-child(4){grid-column:1;grid-row:2}.hb-funkcja:nth-child(5){grid-column:3;grid-row:2}
.hb-funkcja__ik{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--hb-niebieski-t);color:var(--blue)}
.hb-funkcja__ik .hb-ikona{width:22px;height:22px}
.hb-funkcja__tekst{margin-top:auto;font-size:15px;line-height:1.6;color:var(--text)}
.hb-funkcja__tekst b{display:block;margin-bottom:6px;font:600 19px/1.3 var(--head);color:var(--navy)}

/* 6 ─ tabela z wyrozniona kolumna (genesis-structured-data-2) */
.hb-tabela__pudlo{max-width:980px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.hb-tabela table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0}
.hb-tabela th,.hb-tabela td{padding:18px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
.hb-tabela thead th{font:600 20px var(--head);color:var(--navy);border-bottom:1px solid var(--border)}
.hb-tabela tbody th b{display:block;font:600 16px var(--head);color:var(--navy)}
.hb-tabela tbody th span{display:block;margin-top:4px;font-weight:400;font-size:14.5px;line-height:1.5;color:var(--text)}
.hb-tabela .hb-kol-q{width:150px;text-align:center;background:var(--navy);color:var(--hb-bialy);border-bottom-color:var(--border-light)}
.hb-tabela thead .hb-kol-q{border-radius:16px 16px 0 0;color:var(--hb-bialy)}
.hb-tabela tbody tr:last-child .hb-kol-q{border-radius:0 0 16px 16px}
.hb-tabela td:last-child{width:190px;text-align:center}
.hb-znak{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:var(--hb-bialy)}
.hb-reka{font:500 14px var(--head);color:var(--text)}

/* 7 ─ os projektu, przewijana (human-intelligence-value-and-features-12) */
.hb-os__panel{padding:56px;border-radius:32px;background:var(--soft);border:1px solid var(--border)}
.hb-os__glowa{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.hb-os__glowa h2{max-width:640px;font-size:40px;line-height:1.12}
.hb-os__strzalki{display:flex;gap:10px}
.hb-strzalka{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--border);
  background:var(--hb-bialy);color:var(--navy);cursor:pointer}
.hb-strzalka:hover{border-color:var(--blue);color:var(--blue)}
.hb-os__tor{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px;margin:0;list-style:none;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.hb-krok{flex:0 0 330px;min-height:320px;display:flex;flex-direction:column;padding:28px;border-radius:18px;scroll-snap-align:start;
  border:1px solid var(--border)}
.hb-krok--0{background:var(--hb-bialy)}.hb-krok--1{background:var(--hb-plotno)}.hb-krok--2{background:var(--hb-niebieski-t)}
.hb-krok__nr{font:500 12px var(--head);letter-spacing:.09em;text-transform:uppercase;color:var(--text)}
.hb-krok b{margin-top:14px;font:600 34px/1.1 var(--head);letter-spacing:-.02em;color:var(--navy)}
.hb-krok p{margin-top:auto;padding-top:28px;font-size:15px;line-height:1.6}

/* 8 ─ dowody: liczby, zdjecie, pomoc (nextwell-stats-2) */
.hb-dowody__glowa{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.hb-dowody__glowa h2{max-width:720px;font-size:36px;line-height:1.2}
.hb-dowody__glowa h2 span{color:var(--text)}
.hb-dowody__rzad{display:grid;grid-template-columns:1fr 1fr .8fr;gap:16px}
.hb-staty{display:flex;flex-direction:column;min-height:300px;padding:28px;border-radius:18px;background:var(--navy)}
.hb-staty__kto{font:500 15px var(--head);color:var(--hb-bialy)!important}
.hb-staty__liczba{margin-top:auto;font:600 72px/1 var(--head);letter-spacing:-.03em;color:var(--hb-bialy)!important}
.hb-staty__opis{margin-top:14px;font:500 12.5px/1.5 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--text-light)!important}
.hb-foto{margin:0;border-radius:18px;overflow:hidden;min-height:300px;background:var(--soft)}
.hb-foto img{width:100%;height:100%;object-fit:cover;display:block}
.hb-pomoc{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:36px;text-align:left}
.hb-pomoc__ik{width:40px;height:40px;padding:9px;border-radius:50%;background:var(--hb-niebieski-t);fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hb-pomoc p{max-width:520px;font-size:15px;line-height:1.5}
.hb-pomoc b{color:var(--navy);font-family:var(--head)}

/* 9 ─ case studies: duza karta i dwie male (human-intelligence-value-and-features-8) */
.hb-case{background:var(--soft);border-top:1px solid var(--border)}
.hb-case__siatka{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px}
.hb-case__duza{grid-row:1/3;position:relative;display:flex;min-height:540px;border-radius:22px;overflow:hidden;text-decoration:none;background:var(--navy)}
.hb-case__duza img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.hb-case__nakl{position:relative;display:flex;flex-direction:column;margin-top:auto;padding:36px;color:var(--hb-bialy)}
.hb-case__typ{font:500 12.5px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--or)}
.hb-case__duza b,.hb-case__mala b{margin-top:10px;font:600 16px var(--head)}
.hb-case__duza b{color:var(--hb-bialy-80)}
.hb-case__h{margin-top:12px;font:600 30px/1.15 var(--head);letter-spacing:-.015em}
.hb-case__duza .hb-case__h{color:var(--hb-bialy)}
.hb-case__t{margin-top:14px;font-size:15.5px;line-height:1.6;color:var(--hb-bialy-80)}
.hb-case__btn{align-self:flex-start;margin-top:22px;padding:10px 16px;border-radius:999px;background:var(--hb-bialy);color:var(--navy);font:600 14px var(--head)}
.hb-case__btn::after{content:" \203A"}
.hb-case__mala{display:flex;flex-direction:column;padding:30px;border-radius:22px;text-decoration:none;border:1px solid var(--border);transition:border-color .2s}
.hb-case__mala--1{background:var(--hb-bialy)}.hb-case__mala--2{background:var(--hb-plotno)}
.hb-case__mala:hover{border-color:var(--or-l)}
.hb-case__mala b{color:var(--navy)}
.hb-case__mala .hb-case__h{color:var(--navy);font-size:24px}
.hb-case__mala .hb-case__btn{margin-top:auto;border:1px solid var(--border)}

/* 10 ─ bento (avenir-bento-2) */
.hb-bento__siatka{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto;gap:14px}
.hb-bento__duzy{position:relative;margin:0;grid-row:1;border-radius:22px;overflow:hidden;background:var(--navy);min-height:380px;display:flex}
.hb-bento__obraz{position:absolute;inset:0;padding:28px 28px 0}
.hb-bento__obraz img{display:block;width:100%;height:auto;border-radius:10px 10px 0 0}
.hb-bento__duzy figcaption{position:relative;margin-top:auto;width:100%;padding:24px 28px;background:var(--navy);color:var(--text-light);font-size:15px;line-height:1.55;border-top:1px solid var(--border-light)}
.hb-bento__duzy figcaption b{display:block;margin-bottom:4px;font:600 20px var(--head);color:var(--hb-bialy)}
.hb-bento__liczba{display:flex;flex-direction:column;padding:30px;border-radius:22px;background:var(--hb-plotno);border:1px solid var(--border)}
.hb-bento__duza{font:600 76px/1 var(--head);letter-spacing:-.03em;color:var(--navy)!important}
.hb-bento__liczba p:last-child{margin-top:auto;padding-top:30px;font-size:17px;line-height:1.5;color:var(--navy)}
.hb-bento__cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:30px;border-radius:22px;background:var(--soft);border:1px solid var(--border)}
.hb-bento__cta .hb-kicker{margin-bottom:6px}
.hb-bento__cta b{font:600 26px var(--head);color:var(--navy)}
.hb-bento__cta p{font-size:15.5px;line-height:1.6}
.hb-bento__cta .btn{margin-top:auto}
.hb-bento__ciemny{display:flex;flex-direction:column;padding:36px;border-radius:22px;background:var(--navy)}
.hb-bento__zdanie{margin-top:auto;font:500 26px/1.35 var(--head);letter-spacing:-.01em;color:var(--hb-bialy)!important}
.hb-bento__podpis{margin-top:18px;font-size:14px;color:var(--text-light)!important}

/* 11 ─ cennik (nerdstack-pricing-1) */
.hb-cena{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.hb-przelacznik{display:inline-flex;gap:4px;margin-top:26px;padding:4px;border-radius:12px;background:var(--hb-bialy);border:1px solid var(--border)}
.hb-przelacznik button{font:500 14px var(--head);color:var(--navy);background:none;border:0;border-radius:9px;padding:10px 16px;min-height:44px;cursor:pointer}
.hb-przelacznik button[aria-pressed="true"]{background:var(--navy);color:var(--hb-bialy)}
.hb-plany{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.hb-plan{display:flex;flex-direction:column;padding:10px 10px 28px;border-radius:22px;background:var(--hb-bialy);border:1px solid var(--border)}
.hb-plan__glowa{padding:22px;border-radius:14px}
.hb-plan--1 .hb-plan__glowa{background:var(--hb-plotno)}.hb-plan--2 .hb-plan__glowa{background:var(--hb-niebieski-t)}.hb-plan--3 .hb-plan__glowa{background:var(--soft);border:1px solid var(--border)}
.hb-plan__nazwa{font:500 17px var(--head);color:var(--navy)!important}
.hb-plan__cena{margin-top:22px;font:600 46px/1 var(--head);letter-spacing:-.02em;color:var(--navy)!important}
.hb-plan__okres{margin-top:8px;font-size:14px}
.hb-plan__kto{margin:20px 14px 0;font:500 15px var(--head);color:var(--navy)!important}
.hb-plan__btn{margin:18px 14px 0;width:calc(100% - 28px)}
.hb-plan__lista-tyt{margin:26px 14px 0;font:500 12.5px var(--head);letter-spacing:.08em;text-transform:uppercase}
.hb-plan__lista{display:grid;gap:10px;margin:14px 14px 0;padding:0;list-style:none}
.hb-plan__lista li{display:flex;gap:10px;font-size:14.5px;line-height:1.5;color:var(--navy)}
.hb-plan__lista .hb-ikona-m{margin-top:3px;color:var(--or)}
.hb-cena__drobne{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;margin:40px auto 0;padding:0;list-style:none;max-width:980px}
.hb-cena__drobne li{font-size:14px;color:var(--text)}
.hb-cena__drobne li::before{content:"\2022";color:var(--or);margin-right:8px}
.hb-cena__wiecej{margin-top:22px;text-align:center}
.hb-cena__wiecej a{font:600 16px var(--head);color:var(--blue)}

/* 12 ─ dwie karty CTA (butterfly-cta-1); jedyne pomaranczowe tlo na stronie */
.hb-dwie__siatka{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hb-cta{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:400px;padding:40px;border-radius:26px;overflow:hidden}
.hb-cta h2{font-size:38px;line-height:1.1;max-width:440px}
.hb-cta p:not(.hb-kicker){margin-top:14px;max-width:420px;font-size:16.5px;line-height:1.6}
.hb-cta .btn{margin-top:auto;position:relative}
.hb-cta__rys{position:absolute;right:30px;bottom:24px;width:150px;height:150px;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.hb-cta--ogien{background:var(--or)}
.hb-cta--ogien h2,.hb-cta--ogien p:not(.hb-kicker){color:var(--hb-bialy)!important}
.hb-cta--ogien .hb-cta__rys{stroke:var(--hb-bialy-80)}
.hb .hb-cta--ogien .hb-kicker::before{background:var(--hb-bialy)}
.btn.hb-btn-bialy{background:var(--hb-bialy);color:var(--navy)}
.hb-cta--jasna{background:var(--soft);border:1px solid var(--border)}
.hb-cta--jasna .hb-cta__rys{stroke:var(--blue)}

/* 13 ─ zakonczenie na granacie z wachlarzem dokumentow (go-smart-cta-section-3) */
.hb-koniec{margin:20px 20px 0;padding:110px 0 70px;border-radius:40px 40px 0 0;background:var(--navy);overflow:hidden}
.hb-koniec__slowa{max-width:820px;margin:0 auto;text-align:center}
.hb-koniec h2{font-size:52px;line-height:1.08;color:var(--hb-bialy);text-wrap:balance}
.hb-koniec p{color:var(--text-light)}
.hb-koniec__slowa>p:not(.hb-kicker){margin-top:18px;font-size:18px;line-height:1.6}
.hb-akcje--srodek{margin-top:32px}
.hb-wachlarz{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:0;margin:64px auto 0;max-width:1060px;height:420px}
.hb-kartka{margin:0;width:38%;background:var(--hb-bialy);border-radius:12px;padding:8px;box-shadow:0 40px 80px -30px var(--hb-cien);
  transition:transform .4s ease}
.hb-kartka img{display:block;width:100%;height:auto;border-radius:6px}
.hb-kartka figcaption{padding:10px 6px 4px;font:600 14px var(--head);color:var(--navy)}
.hb-kartka--l{transform:rotate(-7deg) translate(22%,30px);z-index:1}
.hb-kartka--s{z-index:2}
.hb-kartka--p{transform:rotate(7deg) translate(-22%,30px);z-index:1}
.hb-wachlarz:hover .hb-kartka--l{transform:rotate(-9deg) translate(12%,24px)}
.hb-wachlarz:hover .hb-kartka--p{transform:rotate(9deg) translate(-12%,24px)}
.hb-koniec__pod{margin-top:26px;text-align:center;font-size:13px}
.s-home-byq .stopka{border-top:1px solid var(--border-light)}

/* wejscie przy przewijaniu: tylko CSS, bez bibliotek; nic sie nie rusza przy reduced motion */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .hb-sekcja .wrap>*{animation:hb-wejscie linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
    @keyframes hb-wejscie{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  }
}
@media (prefers-reduced-motion:reduce){.hb-kartka{transition:none}}

/* tablet */
@media (max-width:1080px){
  .hb-glowa h2,.hb-koniec h2{font-size:38px}
  .hb-hero h1{font-size:50px}
  .hb-zdanie{font-size:30px}
  .hb-panel,.hb-terminy__rzad{grid-template-columns:minmax(0,1fr);gap:28px}
  .hb-strony__siatka{grid-template-columns:minmax(0,1fr);max-width:620px}
  .hb-strona{min-height:0}.hb-strona--3{margin-top:0}
  .hb-strona__ikona{margin:28px 0}
  .hb-funkcje__siatka{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .hb-funkcja,.hb-funkcja--duza,.hb-funkcja:nth-child(n){grid-column:auto;grid-row:auto}
  .hb-funkcja--duza{grid-column:1/-1}
  .hb-dowody__rzad{grid-template-columns:1fr 1fr}.hb-foto{grid-column:1/-1;min-height:260px}
  .hb-case__siatka{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .hb-case__duza{grid-row:auto;min-height:460px}
  .hb-bento__siatka,.hb-plany,.hb-dwie__siatka{grid-template-columns:minmax(0,1fr)}
  .hb-bento__duzy{min-height:440px}
  .hb-wachlarz{height:320px}
}
/* telefon */
@media (max-width:767px){
  .hb-sekcja{padding:72px 0}
  .hb-glowa{margin-bottom:36px}
  .hb-glowa h2,.hb-koniec h2,.hb-cta h2{font-size:30px}
  .hb-glowa p{font-size:16px}
  .hb-hero{padding:0 8px}
  .hb-hero__panel{border-radius:24px 24px 0 0;padding:72px 0 90px}
  .hb-hero h1{font-size:36px}
  .hb-hero__mocne{font-size:18px}
  .hb-hero__lede{font-size:16px}
  .hb-akcje .btn{width:100%}
  .hb-kolo--1{width:360px;height:360px;left:-220px}
  .hb-zdanie{font-size:24px}
  .hb-zakladki{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:32px 0 32px}
  .hb-zakladki button{flex:none;padding:12px 12px}
  .hb-panel__ekran{padding:10px;border-radius:18px}
  .hb-panel h3{font-size:24px}
  .hb-pigulki{width:auto;border-radius:18px}
  .hb-pigulki button{flex:1 1 auto}
  .hb-karta-tekst,.hb-karta-wykres{padding:20px}
  .hb-pasek{min-width:100%}
  .hb-funkcje__siatka{grid-template-columns:minmax(0,1fr)}
  .hb-funkcja{gap:28px}
  .hb-os__panel{padding:24px 0 24px 20px;border-radius:24px}
  .hb-os__glowa{flex-direction:column;align-items:flex-start;padding-right:20px;margin-bottom:24px}
  .hb-os__glowa h2{font-size:28px}
  .hb-krok{flex-basis:78%;min-height:280px}
  .hb-krok b{font-size:28px}
  .hb-dowody__glowa{flex-direction:column;align-items:flex-start}
  .hb-dowody__glowa h2{font-size:26px}
  .hb-dowody__rzad{grid-template-columns:minmax(0,1fr)}
  .hb-staty{min-height:220px}
  .hb-staty__liczba{font-size:56px}
  .hb-pomoc{flex-direction:column;text-align:center}
  .hb-case__duza{min-height:420px}
  .hb-case__nakl{padding:24px}
  .hb-case__h{font-size:24px}
  .hb-bento__duzy{min-height:360px}
  .hb-bento__obraz{padding:16px 16px 0}
  .hb-bento__duza{font-size:58px}
  .hb-bento__zdanie{font-size:21px}
  .hb-cta{min-height:360px;padding:28px}
  .hb-cta__rys{width:96px;height:96px;right:18px;bottom:18px}
  .hb-cta .btn{width:100%}
  .hb-koniec{margin:8px 8px 0;border-radius:24px 24px 0 0;padding:72px 0 48px}
  .hb-wachlarz{height:auto;flex-direction:column;align-items:center;gap:16px}
  .hb-kartka,.hb-kartka--l,.hb-kartka--p{width:100%;max-width:420px;transform:none}
  .hb-wachlarz:hover .hb-kartka--l,.hb-wachlarz:hover .hb-kartka--p{transform:none}
}
@media(max-width:767px){.hb-cta__rys{display:none}}

/* 1 ─ HERO, wersja 2 (11.10, wzor wskazany przez wlasciciela): biale tlo, wysrodkowany
   naglowek, pod nim duzy prawdziwy ekran programu w ramce w kolorze strony
   i wystajaca karta z jednym konkretem z case studies. Ramka plaska, bez gradientu. */
.hb-hero{padding:0}
.hb-hero__panel{background:var(--hb-bialy);border-radius:0;padding:84px 0 40px}
.hb-kolo{border-color:var(--border);opacity:1}
.hb-kolo--2{top:-560px}.hb-kolo--3{display:none}
.hb-hero h1{margin-top:22px;font-size:72px;color:var(--navy)}
.hb .hb-hero__mocne{color:var(--navy)!important}
.hb .hb-hero__lede,.hb .hb-drobne{color:var(--text)!important}
.hb-hero .btn-obrys-niebieski{border-color:var(--border)}
.hb-hero__scena{position:relative;max-width:1180px;margin-top:60px}
.hb-hero__ekran{margin:0 auto;max-width:1040px;padding:8px;border-radius:24px;background:var(--blue);
  box-shadow:0 70px 120px -60px var(--hb-cien)}
.hb-hero__ekran img{display:block;width:100%;height:auto;border-radius:16px}
.hb-hero__dymek{position:absolute;right:0;bottom:16%;display:flex;flex-direction:column;gap:12px;max-width:320px;
  padding:26px 28px;border-radius:18px;background:var(--navy);text-decoration:none;box-shadow:0 40px 80px -30px var(--hb-cien)}
.hb-hero__dymek b{font:600 25px/1.2 var(--head);letter-spacing:-.01em;color:var(--hb-bialy)}
.hb-hero__dymek span{font:600 14px var(--head);color:var(--lilac)}
.hb-hero__dymek span::after{content:" \2192"}
.hb-hero__dymek:hover span{color:var(--hb-bialy)}
.hb .hb-hero__podpis{margin-top:18px;text-align:center;font-size:13px;color:var(--text)}
@media (prefers-reduced-motion:no-preference){
  .hb-hero__ekran{animation:hb-ekran .9s ease-out both}
  .hb-hero__dymek{animation:hb-ekran .9s .35s ease-out both}
  @keyframes hb-ekran{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
}
@media (max-width:1080px){
  .hb-hero h1{font-size:52px}
  .hb-hero__dymek{right:16px;bottom:-28px}
  .hb-hero__scena{padding-bottom:40px}
}
@media (max-width:767px){
  .hb-hero__panel{padding:56px 0 24px}
  .hb-hero h1{font-size:38px}
  .hb-hero__scena{margin-top:40px;padding-bottom:0}
  .hb-hero__ekran{max-width:360px;padding:5px;border-radius:18px}
  .hb-hero__ekran img{border-radius:13px}
  .hb-hero__dymek{position:relative;right:auto;bottom:auto;margin:-36px auto 0;max-width:300px;padding:20px 22px}
  .hb-hero__dymek b{font-size:21px}
}
@media(max-width:767px){.hb .hb-hero .hb-kicker{font-size:11px;letter-spacing:.06em;padding:8px 12px}}

/* film w hero (11.10): zastepuje obraz tylko po wlaczeniu przez skrypt (szeroki ekran, bez reduced motion) */
.hb-hero__film{display:none;width:100%;height:auto;border-radius:16px;background:var(--hb-plotno)}
.hb-film-on .hb-hero__ekran picture{display:none}
.hb-film-on .hb-hero__film{display:block}
.hb-hero__podpis-film{display:none}
.hb-film-on .hb-hero__podpis-film{display:inline}
.hb-film-on .hb-hero__podpis-obraz{display:none}

/* hero, poprawka wlasciciela 11.10: bez karty z wynikiem, cienka ramka */
.hb-hero__ekran{padding:3px;border-radius:19px}
.hb-hero__ekran img,.hb-hero__film{border-radius:16px}
@media(max-width:767px){.hb-hero__ekran{padding:2px;border-radius:15px}.hb-hero__ekran img{border-radius:13px}}

/* WARIANT GRANATOWY HERO (do porownania, 11.10): granat jak hero stron Saazy, ekran w polowie
   schodzi na biale tlo strony; ramka jasna i przejrzysta jak .pan-karta w hero Saazy. */
.hb-hero--granat{padding:0 20px}
.hb-hero--granat .hb-hero__panel{border-radius:40px 40px 0 0;padding-top:110px;padding-bottom:0;
  background:linear-gradient(var(--navy) 0 calc(100% - 300px),var(--hb-bialy) calc(100% - 300px))}
.hb-hero--granat .hb-kolo{border-color:var(--lilac);opacity:.3}
.hb .hb-hero--granat h1{color:var(--hb-bialy)}
.hb .hb-hero--granat .hb-hero__mocne{color:var(--hb-bialy)!important}
.hb .hb-hero--granat .hb-hero__lede,.hb .hb-hero--granat .hb-drobne{color:var(--text-light)!important}
.hb .hb-hero--granat .hb-kicker{color:var(--hb-bialy);background:var(--hb-bialy-8);border:1px solid var(--border-light)}
.hb-hero--granat .btn-obrys-niebieski{border-color:var(--hb-bialy)}
.hb-hero--granat .hb-hero__ekran{padding:10px;background:var(--hb-bialy-8);border:1px solid var(--border-light);
  box-shadow:0 60px 120px -50px var(--hb-cien)}
.hb-hero--granat .hb-hero__podpis{padding-bottom:30px}
@media(max-width:767px){
  .hb-hero--granat{padding:0 8px}
  .hb-hero--granat .hb-hero__panel{border-radius:24px 24px 0 0;padding-top:64px;
    background:linear-gradient(var(--navy) 0 calc(100% - 240px),var(--hb-bialy) calc(100% - 240px))}
  .hb-hero--granat .hb-hero__ekran{padding:5px}
}

/* WARIANT: obecne granatowe hero strony glownej z prawdziwym filmem w ramce .app (zamiast narysowanego pulpitu) */
.hb-hero-zywe .hb-app{padding:12px 12px 0}
.hb-hero-zywe .hb-hero__ekran{max-width:none;margin:0;padding:0;background:none;border:0;border-radius:16px 16px 0 0;box-shadow:none;overflow:hidden}
.hb-hero-zywe .hb-hero__ekran img,.hb-hero-zywe .hb-hero__film{border-radius:16px 16px 0 0}
@media(max-width:767px){.hb-hero-zywe .hb-app{padding:6px 6px 0}.hb-hero-zywe .hb-hero__ekran{max-width:none}}

/* PASEK DZIESIECIU ETAPOW pod hero (11.10): etapy z index.html, kazdy prowadzi do strony funkcji */
.hb-etapy10{padding:36px 0 8px;background:var(--hb-bialy)}
.hb-etapy10__tyt{text-align:center;font:500 15px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.hb-etapy10__tyt b{color:var(--navy);font-weight:600}
.hb-etapy10__lista{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1080px;margin:20px auto 0;padding:0;list-style:none;counter-reset:none}
.hb-etapy10__lista a,.hb-etapy10__bez{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 16px 8px 9px;border:1px solid var(--border);
  border-radius:999px;background:var(--hb-bialy);font:500 15px var(--head);color:var(--navy);text-decoration:none;transition:border-color .2s,color .2s}
.hb-etapy10__lista a:hover,.hb-etapy10__lista a:focus-visible{border-color:var(--blue);color:var(--blue)}
.hb-etapy10__nr{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--or-t);color:var(--or);font:600 12px var(--head)}
.hb-etapy10+.hb-strony{padding-top:80px}
@media(max-width:767px){
  .hb-etapy10{padding:24px 0 0}
  .hb-etapy10__lista{gap:8px}
  .hb-etapy10__lista a,.hb-etapy10__bez{font-size:14px;padding:6px 13px 6px 7px}
  .hb-etapy10+.hb-strony{padding-top:56px}
}

/* hero: dol prosty zamiast luku (wlasciciel 11.10) */
.hb-hero-zywe .curve{display:none}

/* POD HERO (11.10): funkcje w dwoch tasmach (uklad BYQ brands-logos-1), kafel = link do strony funkcji.
   Ruch tylko w CSS; zatrzymuje sie pod kursorem i przy fokusie; bez ruchu przy reduced motion (wtedy przewijanie palcem). */
.hb-funkcje-tasma{padding:72px 0 24px;background:var(--hb-bialy);overflow:hidden}
.hb-tasma__glowa{max-width:760px;margin:0 auto 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.hb .hb-tasma__glowa .hb-kicker{margin:0}
.hb-tasma__glowa h2{font-size:44px;line-height:1.1;text-wrap:balance}
.hb-tasmy{display:flex;flex-direction:column;gap:14px}
.hb-tasma{position:relative;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)}
.hb-tasma__tor{display:flex;gap:14px;width:max-content;animation:hb-tasma 70s linear infinite}
.hb-tasma--prawo .hb-tasma__tor{animation-direction:reverse}
.hb-tasma:hover .hb-tasma__tor,.hb-tasma:focus-within .hb-tasma__tor{animation-play-state:paused}
@keyframes hb-tasma{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
.hb-kafel{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:132px;height:120px;padding:12px;
  border-radius:20px;background:var(--navy);border:1px solid var(--navy);text-decoration:none;text-align:center;transition:background .2s,border-color .2s,transform .2s}
.hb-kafel__ik svg{width:30px;height:30px;fill:none;stroke:var(--lilac);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hb-kafel__n{font:500 12.5px/1.25 var(--head);color:var(--hb-bialy-80)}
.hb-kafel:hover,.hb-kafel:focus-visible{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}
.hb-kafel:hover .hb-kafel__ik svg,.hb-kafel:focus-visible .hb-kafel__ik svg{stroke:var(--hb-bialy)}
.hb-kafel:hover .hb-kafel__n,.hb-kafel:focus-visible .hb-kafel__n{color:var(--hb-bialy)}
.hb-kafel:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.hb-funkcje-tasma+.hb-strony{padding-top:80px}
@media (prefers-reduced-motion:reduce){
  .hb-tasma__tor{animation:none}
  .hb-tasma{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .hb-tasma .hb-kafel[aria-hidden="true"]{display:none}
}
@media(max-width:767px){
  .hb-funkcje-tasma{padding:48px 0 8px}
  .hb-tasma__glowa{margin-bottom:32px}
  .hb-tasma__glowa h2{font-size:28px}
  .hb-kafel{width:104px;height:100px;border-radius:16px;gap:8px}
  .hb-kafel__ik svg{width:24px;height:24px}
  .hb-kafel__n{font-size:11px}
  .hb-funkcje-tasma+.hb-strony{padding-top:56px}
}

/* ══ WERSJA 11.10 WIECZOR: hero kinowe (BYQ hero-3 + film), naglowki dzielone, ciemne bento i karuzela historii
   (wzor bentley.com, kolory i fonty strony) ══ */
:root{--hb-granat-80:#05052dcc;--hb-granat-50:#05052d80;--hb-granat-20:#05052d33;--hb-bialy-60:#ffffff99}

/* hero kinowe */
.hb-kino{padding:12px 20px 0}
.hb-kino__ramka{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;
  max-width:1400px;min-height:min(720px,86vh);margin:0 auto;padding:110px 40px 120px;border-radius:30px;background:var(--navy);text-align:center}
.hb-kino__plakat img,.hb-kino__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hb-kino__film{opacity:0;transition:opacity .8s ease}
.hb-wideo-on .hb-kino__film{opacity:1}
.hb-kino__cien{position:absolute;inset:0;background:radial-gradient(circle farthest-side at 50% 50%,var(--hb-granat-80),transparent 85%),var(--hb-granat-20)}
.hb-kino__tresc{position:relative;max-width:980px;display:flex;flex-direction:column;align-items:center}
.hb .hb-kino h1{font:600 72px/1.06 var(--head);letter-spacing:-.025em;color:var(--hb-bialy);text-wrap:balance;text-shadow:0 2px 30px var(--hb-granat-50)}
.hb .hb-kino__lede{margin-top:22px;max-width:640px;font-size:20px;line-height:1.55;color:var(--hb-bialy-80)}
.hb-kino .hb-akcje{margin-top:34px}
.hb-kino .btn-obrys-niebieski{border-color:var(--hb-bialy)}
.hb .hb-kino__formy{margin-top:26px;font:500 14px var(--head);letter-spacing:.04em;color:var(--hb-bialy-80)}
.hb-kino__formy span{margin-right:10px;color:var(--or);letter-spacing:.12em;text-transform:uppercase;font-size:12.5px}
.hb-kino__mysz{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;justify-content:center;width:26px;height:36px;
  padding-top:7px;border:2px solid var(--hb-bialy-60);border-radius:99px}
.hb-kino__mysz span{width:2px;height:8px;border-radius:2px;background:var(--hb-bialy-80)}
@media (prefers-reduced-motion:no-preference){.hb-kino__mysz span{animation:hb-mysz 1.6s ease-in-out infinite}
  @keyframes hb-mysz{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}}

/* naglowki sekcji: tytul po lewej, zdanie i link po prawej (bentley.com); cennik i tabela zostaja na srodku */
.hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:72px;row-gap:0;
  max-width:none;margin:0 0 52px;text-align:left;align-items:end}
.hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa>*{grid-column:1;justify-self:start}
.hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa>p:not(.hb-kicker){grid-column:2;grid-row:1/3;align-self:end;margin:0 0 6px}
.hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa>.btn{grid-column:2;grid-row:3;margin-top:14px}
.hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa h2{font-size:46px}

/* ciemne bento */
.hb-bentley__duza{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;padding:40px;border-radius:24px;background:var(--navy);overflow:hidden}
.hb-bentley__etyk{font:600 13px var(--head);letter-spacing:.09em;text-transform:uppercase;color:var(--or)!important}
.hb .hb-bentley__duza h3{margin-top:14px;font-size:32px;line-height:1.15;color:var(--hb-bialy)}
.hb .hb-bentley__duza p:not(.hb-bentley__etyk){margin-top:14px;font-size:16.5px;line-height:1.6;color:var(--hb-bialy-80)}
.hb-bentley__duza .btn{margin-top:26px}
.hb-bentley__ekran{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border-light);background:var(--hb-plotno)}
.hb-bentley__ekran img,.hb-bentley__ekran video{display:block;width:100%;height:auto}
.hb-bentley__ekran video{display:none}
.hb-bentley__ekran.hb-wideo-on picture{display:none}
.hb-bentley__ekran.hb-wideo-on video{display:block}
.hb-bentley__trzy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.hb-bentley__mala{display:flex;flex-direction:column;padding:24px 24px 0;border-radius:24px;background:var(--navy);text-decoration:none;overflow:hidden;
  border:1px solid var(--navy);transition:border-color .2s}
.hb-bentley__mala:hover,.hb-bentley__mala:focus-visible{border-color:var(--blue)}
.hb-bentley__gora{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.hb-bentley__gora b{font:600 21px/1.2 var(--head);color:var(--hb-bialy)}
.hb-bentley__strz{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light)}
.hb-bentley__strz svg{width:16px;height:16px;fill:none;stroke:var(--hb-bialy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hb-bentley__mala:hover .hb-bentley__strz{background:var(--blue);border-color:var(--blue)}
.hb-bentley__t{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--text-light)}
.hb-bentley__img{display:block;margin-top:22px;border-radius:10px 10px 0 0;overflow:hidden}
.hb-bentley__img img{display:block;width:100%;height:auto}

/* karuzela historii */
.hb-historie__tor{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:0 0 6px;list-style:none;scrollbar-width:none}
.hb-historie__tor::-webkit-scrollbar{display:none}
.hb-historia{flex:0 0 min(760px,78%);scroll-snap-align:start}
.hb-historia a{position:relative;display:flex;min-height:480px;border-radius:24px;overflow:hidden;background:var(--navy);text-decoration:none}
.hb-historia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hb-historia a:hover img{transform:scale(1.03)}
.hb-historia__nakl{position:relative;display:flex;flex-direction:column;width:100%;padding:34px;
  background:linear-gradient(90deg,var(--hb-granat-80),var(--hb-granat-50) 55%,var(--hb-granat-20))}
.hb-historia__typ{font:500 12.5px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--or)}
.hb-historia__firma{margin-top:8px;font:600 15px var(--head);color:var(--hb-bialy-80)}
.hb-historia__h{margin-top:14px;max-width:460px;font:600 32px/1.15 var(--head);letter-spacing:-.015em;color:var(--hb-bialy)}
.hb-historia__czytaj{margin-top:16px;font:600 14px var(--head);color:var(--hb-bialy)}
.hb-historia__czytaj::after{content:" \203A"}
.hb-historia__liczby{display:flex;gap:44px;margin-top:auto;padding-top:28px}
.hb-historia__liczby>span{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--hb-bialy-80)}
.hb-historia__liczby b{font:600 38px/1 var(--head);letter-spacing:-.02em;color:var(--hb-bialy)}
.hb-historie__dol{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}
.hb-historie__dol .hb-pomoc{margin:0;justify-content:flex-start}

@media(max-width:1080px){
  .hb .hb-kino h1{font-size:52px}
  .hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa{grid-template-columns:minmax(0,1fr)}
  .hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa>p:not(.hb-kicker),.hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa>.btn{grid-column:1;grid-row:auto}
  .hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa>p:not(.hb-kicker){margin-top:16px}
  .hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa h2{font-size:38px}
  .hb-bentley__duza{grid-template-columns:minmax(0,1fr)}
  .hb-bentley__trzy{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
  .hb-kino{padding:8px 8px 0}
  .hb-kino__ramka{min-height:620px;padding:72px 18px 96px;border-radius:22px}
  .hb .hb-kino h1{font-size:36px}
  .hb .hb-kino__lede{font-size:17px}
  .hb-sekcja:not(.hb-cena):not(.hb-tabela) .hb-glowa h2{font-size:30px}
  .hb-bentley__duza{padding:22px;border-radius:20px}
  .hb .hb-bentley__duza h3{font-size:25px}
  .hb-historia{flex-basis:88%}
  .hb-historia a{min-height:440px}
  .hb-historia__nakl{padding:22px;background:linear-gradient(180deg,var(--hb-granat-50),var(--hb-granat-80))}
  .hb-historia__h{font-size:24px}
  .hb-historia__liczby{gap:24px}
  .hb-historia__liczby b{font-size:28px}
  .hb-historie__dol{flex-direction:column;align-items:flex-start}
}

/* KARTY "WHO IT IS FOR" pod hero (11.10, uklad BYQ tabs-2): czcionki Geist i Inter oraz kolory strony.
   Aktywna karta szeroka ze zdjeciem, pozostale waskie z pionowym napisem. Na telefonie wszystkie rozwiniete. */
.hb-role{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.hb-role__menu{display:flex;gap:20px;height:600px}
.hb-rola{position:relative;flex:0 0 112px;border-radius:32px;background:var(--hb-bialy);border:1px solid var(--border);overflow:hidden;
  transition:flex-basis .45s ease,flex-grow .45s ease}
.hb-rola--on{flex:1 1 auto;border-color:var(--navy)}
.hb-rola__pion{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:18px;padding:32px 0;
  background:none;border:0;cursor:pointer;color:var(--navy);font:600 22px/1 var(--head);letter-spacing:-.01em}
.hb-rola__pion span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.hb-rola__pion:hover{color:var(--blue)}
.hb-rola__pion:focus-visible{outline:3px solid var(--or);outline-offset:-6px;border-radius:30px}
.hb-rola__ik{width:30px;height:30px;fill:none;stroke:var(--or);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hb-rola__pan{position:absolute;inset:0;display:none}
.hb-rola--on .hb-rola__pion{inset:auto auto 0 0;width:1px;height:1px;opacity:0}
.hb-rola--on .hb-rola__pan{display:block}
.hb-rola__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hb-rola__cien{position:absolute;inset:0;background:linear-gradient(0deg,var(--hb-granat-80),var(--hb-granat-20) 55%,transparent)}
.hb-rola__slowa{position:absolute;left:40px;bottom:40px;right:160px;max-width:560px}
.hb .hb-rola__etyk{font:600 13px var(--head);letter-spacing:.09em;text-transform:uppercase;color:var(--or)}
.hb .hb-rola__slowa h3{margin-top:12px;font-size:36px;line-height:1.1;color:var(--hb-bialy)}
.hb .hb-rola__slowa p:not(.hb-rola__etyk){margin-top:14px;font-size:17px;line-height:1.55;color:var(--hb-bialy-80)}
.hb-rola__slowa .btn{margin-top:22px}
.hb-rola__duza{position:absolute;right:40px;bottom:40px;width:84px;height:84px;fill:none;stroke:var(--hb-bialy);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
@media(max-width:1080px){
  .hb-role__menu{display:grid;grid-template-columns:1fr 1fr;height:auto}
  .hb-rola,.hb-rola--on{flex:none;min-height:440px;border-color:var(--navy)}
  .hb-rola__pion{display:none}
  .hb-rola__pan{display:block}
  .hb-rola__slowa{left:28px;right:28px;bottom:28px}
  .hb .hb-rola__slowa h3{font-size:28px}
  .hb-rola__duza{display:none}
}
@media(max-width:767px){
  .hb-role__menu{grid-template-columns:minmax(0,1fr)}
  .hb-rola,.hb-rola--on{min-height:420px;border-radius:22px}
  .hb-rola__slowa{left:20px;right:20px;bottom:22px}
  .hb .hb-rola__slowa h3{font-size:24px}
  .hb .hb-rola__slowa p:not(.hb-rola__etyk){font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){.hb-rola{transition:none}}
/* karty rol: mocniejsze przyciemnienie pod tekstem (czytelnosc na telefonie i tablecie) */
.hb-rola__cien{background:linear-gradient(0deg,var(--hb-granat-80) 0%,var(--hb-granat-80) 30%,var(--hb-granat-20) 75%,transparent)}
@media(max-width:1080px){.hb-rola__cien{background:linear-gradient(0deg,var(--navy) 0%,var(--hb-granat-80) 55%,var(--hb-granat-50) 100%)}}

/* pasek form umow pod hero (11.10): jak "Works to" na obecnej stronie, na jasnym tle */
.hb-formy{padding:30px 0 6px;background:var(--hb-bialy)}
.hb-formy .wrap{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.hb .hb-formy__etyk{font:500 13px var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--or)}
.hb-formy__lista{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none}
.hb-formy__lista li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--border);border-radius:999px;
  background:var(--hb-bialy);font:600 15px/1 var(--head);color:var(--navy)}
.hb-formy__lista li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--or)}
.hb-formy+.hb-role{margin-top:30px}
@media(max-width:767px){.hb-formy{padding:22px 0 0}.hb-formy__lista li{font-size:14px;padding:8px 13px}.hb-formy+.hb-role{margin-top:22px}}

/* 11.10 pozno: film pulpitu w pierwszej karcie rol; tekst na dole, ekran programu widoczny u gory */
.hb-rola__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .6s ease}
.hb-rola__pan.hb-wideo-on .hb-rola__film{opacity:1}
.hb-rola__cien--film{background:linear-gradient(0deg,var(--navy) 0%,var(--hb-granat-80) 34%,transparent 62%)}

/* formy umow wieksze, jak rzad logotypow (skroty pismem strony, nie oficjalne znaki organizacji) */
.hb-formy{padding:48px 0 18px}
.hb-formy .wrap{flex-direction:column;gap:20px}
.hb-formy__lista{gap:16px}
.hb-formy__lista li{min-width:150px;justify-content:center;padding:22px 28px;border-radius:18px;background:var(--soft);
  font:700 30px/1 var(--head);letter-spacing:.02em;color:var(--navy)}
.hb-formy__lista li::before{display:none}
.hb .hb-formy__etyk{font-size:14px}
@media(max-width:767px){.hb-formy{padding:32px 0 6px}.hb-formy__lista{gap:10px}
  .hb-formy__lista li{min-width:0;flex:1 1 28%;padding:16px 10px;font-size:20px;border-radius:14px}}
.hb-rola__cien--film{background:linear-gradient(0deg,var(--navy) 0%,var(--navy) 22%,var(--hb-granat-80) 46%,transparent 72%)}
/* akordeon rol: tlo biale jak reszta strony (wlasciciel 11.10); wąskie karty jasne, zeby odcinaly sie od tla */
.hb-role{background:var(--hb-bialy);border-top:0;border-bottom:0}
.hb-rola{background:var(--soft)}
/* film w pierwszej karcie: caly kadr (bez przycinania bokow), w ramce u gory karty na granacie */
.hb-rola__pan.hb-wideo-on{background:var(--navy)}
.hb-rola__film{inset:18px 18px auto 18px;width:calc(100% - 36px);height:auto;aspect-ratio:16/10;object-fit:contain;object-position:top center;border-radius:14px;border:1px solid var(--border-light)}
.hb-rola__pan.hb-wideo-on .hb-rola__img{display:none}

/* ══ NOWE SEKCJE 11.10 wieczor: uklady BYQ, czcionki i kolory strony ══ */

/* A. interaktywna wycena, uklad kelvin-process-1: granatowe pasmo, kroki 01-03 jako pasek procesu */
.hb-demo{margin:0 20px;padding:110px 0;border-radius:40px;background:var(--navy)}
.hb-demo__glowa{max-width:860px;margin-bottom:56px}
.hb .hb-demo__glowa h2{margin-top:18px;font-size:48px;line-height:1.08;color:var(--hb-bialy)}
.hb-demo__glowa h2 span{color:var(--hb-bialy-60)}
.hb .hb-demo__glowa p:not(.hb-kicker){margin-top:18px;max-width:640px;font-size:18px;line-height:1.6;color:var(--hb-bialy-80)}
.hb-demo .pulpit{background:transparent;border:0;padding:0}
.hb-demo .kroki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 40px;padding:0;list-style:none}
.hb-demo .kroki li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 24px 0 0;background:none;border:0;border-top:1px solid var(--border-light);
  border-radius:0;font:600 24px/1.1 var(--head);color:var(--hb-bialy-60)}
.hb-demo .kroki li b{display:block;width:auto;height:auto;background:none;border-radius:0;font:500 44px/1 var(--head);color:var(--hb-bialy-60);letter-spacing:-.02em}
.hb-demo .kroki li b::before{content:"0"}
.hb-demo .kroki li.czynny{color:var(--hb-bialy);border-top:2px solid var(--or)}
.hb-demo .kroki li.czynny b{color:var(--or);background:none}
.hb-demo .kroki li.zrobiony{color:var(--hb-bialy-80);border-top-color:var(--hb-bialy-60)}
.hb-demo .kroki li.zrobiony b{color:var(--hb-bialy-80);background:none}
.hb-demo .etap{padding:36px;border-radius:24px;background:var(--hb-bialy)}
.hb-demo .podpowiedz{color:var(--text)}
@media(max-width:1080px){.hb .hb-demo__glowa h2{font-size:38px}}
@media(max-width:767px){
  .hb-demo{margin:0 8px;padding:64px 0;border-radius:24px}
  .hb .hb-demo__glowa h2{font-size:30px}
  .hb-demo .kroki li{padding:16px 10px 0 0;font-size:15px}
  .hb-demo .kroki li b{font-size:30px}
  .hb-demo .etap{padding:18px}
}

/* B. trzy sposoby utraty pieniedzy, uklad babka-stats-3: naglowek po lewej, karty rosnace schodkowo */
.hb-koszt__siatka{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:end}
.hb .hb-koszt__slowa h2{margin-top:18px;font-size:44px;line-height:1.1}
.hb .hb-koszt__slowa p:not(.hb-kicker){margin-top:18px;font-size:17px;line-height:1.6}
.hb-koszt__karty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
.hb-koszt__karta{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:24px;border-radius:20px}
.hb-koszt__karta--1{min-height:330px;background:var(--soft);border:1px solid var(--border)}
.hb-koszt__karta--2{min-height:400px;background:var(--hb-plotno);border:1px solid var(--border)}
.hb-koszt__karta--3{min-height:470px;background:var(--navy)}
.hb .hb-koszt__liczba{font:600 46px/1 var(--head);letter-spacing:-.03em;color:var(--navy)}
.hb .hb-koszt__karta--1 .hb-koszt__liczba{color:var(--or)}
.hb .hb-koszt__etyk{font:600 12.5px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--or)}
.hb .hb-koszt__karta h3{margin-top:8px;font-size:19px;line-height:1.25}
.hb .hb-koszt__karta p:not(.hb-koszt__liczba):not(.hb-koszt__etyk){margin-top:10px;font-size:14.5px;line-height:1.55}
.hb .hb-koszt__karta--3 .hb-koszt__liczba,.hb .hb-koszt__karta--3 h3{color:var(--hb-bialy)}
.hb .hb-koszt__karta--3 p:not(.hb-koszt__liczba):not(.hb-koszt__etyk){color:var(--hb-bialy-80)}
@media(max-width:1080px){.hb-koszt__siatka{grid-template-columns:minmax(0,1fr)}.hb .hb-koszt__slowa h2{font-size:38px}}
@media(max-width:767px){.hb-koszt__karty{grid-template-columns:minmax(0,1fr)}.hb-koszt__karta--1,.hb-koszt__karta--2,.hb-koszt__karta--3{min-height:0}
  .hb .hb-koszt__slowa h2{font-size:30px}.hb .hb-koszt__liczba{font-size:38px}}

/* C. FAQ, uklad stringer-faq-1: po lewej etykieta, naglowek, zdanie i link; po prawej pytania na liniach z plusem */
.hb-faq__siatka{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}
.hb-faq__lewo{position:sticky;top:110px}
.hb .hb-faq__lewo h2{margin-top:18px;font-size:52px;line-height:1.04}
.hb .hb-faq__lewo p:not(.hb-kicker){margin-top:20px;max-width:440px;font-size:17px;line-height:1.6}
.hb-faq__link{display:inline-block;margin-top:24px;font:600 13px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--navy);
  text-decoration:none;border-bottom:1.5px solid var(--navy);padding-bottom:3px}
.hb-faq__link:hover{color:var(--blue);border-color:var(--blue)}
.hb-faq__lista{border-top:1px solid var(--border)}
.hb-faq__poz{border-bottom:1px solid var(--border)}
.hb-faq__poz h3{margin:0}
.hb-faq__poz button{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:26px 0;background:none;border:0;cursor:pointer;
  text-align:left;font:500 22px/1.3 var(--head);color:var(--navy)}
.hb-faq__poz button:hover{color:var(--blue)}
.hb-faq__poz button:focus-visible{outline:3px solid var(--or);outline-offset:4px}
.hb-faq__plus{position:relative;flex:none;width:18px;height:18px;transition:transform .3s ease}
.hb-faq__plus::before,.hb-faq__plus::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;border-radius:2px;background:currentColor}
.hb-faq__plus::after{transform:rotate(90deg)}
.hb-faq__poz--on .hb-faq__plus{transform:rotate(45deg)}
.hb-faq__odp p{margin:0;padding:0 48px 26px 0;font-size:16.5px;line-height:1.65}
@media(max-width:1080px){.hb-faq__siatka{grid-template-columns:minmax(0,1fr);gap:40px}.hb-faq__lewo{position:static}.hb .hb-faq__lewo h2{font-size:40px}}
@media(max-width:767px){.hb .hb-faq__lewo h2{font-size:30px}.hb-faq__poz button{font-size:18px;padding:20px 0}.hb-faq__odp p{padding-right:0}}
@media (prefers-reduced-motion:reduce){.hb-faq__plus{transition:none}}

/* D. blog, uklad butterfly-bento-1: duzy wpis ze zdjeciem po lewej, mniejsze kafle po prawej */
.hb-blog__siatka{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}
.hb-blog__prawo{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}
.hb-blog__wpis,.hb-blog__kalk{display:flex;flex-direction:column;border:1px dashed var(--border);border-radius:24px;background:var(--hb-bialy);text-decoration:none;overflow:hidden;
  transition:border-color .2s}
.hb-blog__wpis:hover,.hb-blog__kalk:hover{border-color:var(--or-l)}
.hb-blog__foto{display:block;margin:10px 10px 0;border-radius:16px;overflow:hidden;background:var(--soft)}
.hb-blog__foto img{display:block;width:100%;height:190px;object-fit:cover;transition:transform .5s ease}
.hb-blog__wpis--duzy .hb-blog__foto img{height:360px}
.hb-blog__wpis:hover .hb-blog__foto img{transform:scale(1.03)}
.hb-blog__tresc{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.hb-blog__meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--text)}
.hb-blog__meta span{font:500 12.5px var(--head);color:var(--or);background:var(--or-t);padding:5px 11px;border-radius:999px}
.hb-blog__wpis b,.hb-blog__kalk b{margin-top:12px;font:600 18px/1.3 var(--head);color:var(--navy)}
.hb-blog__wpis--duzy b{font-size:26px;line-height:1.2}
.hb-blog__zaj{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--text)}
.hb-blog__czytaj{margin-top:auto;padding-top:16px;font:600 14.5px var(--head);color:var(--blue)}
.hb-blog__czytaj::after{content:" \2192"}
.hb-blog__kalk{grid-column:1/-1;padding:26px;background:var(--navy);border:1px solid var(--navy)}
.hb-blog__kalk-etyk{font:600 12.5px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--or)}
.hb-blog__kalk b{color:var(--hb-bialy);font-size:22px}
.hb-blog__kalk>span:not(.hb-blog__kalk-etyk):not(.hb-blog__czytaj){margin-top:8px;font-size:15px;line-height:1.55;color:var(--hb-bialy-80)}
.hb-blog__kalk .hb-blog__czytaj{color:var(--lilac)}
@media(max-width:1080px){.hb-blog__siatka{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.hb-blog__prawo{grid-template-columns:minmax(0,1fr)}.hb-blog__wpis--duzy .hb-blog__foto img{height:220px}.hb-blog__wpis--duzy b{font-size:21px}}
.hb .hb-koszt__liczba{font-size:clamp(28px,2.6vw,40px);white-space:nowrap}

/* 11.10 poprawki wlasciciela: karty cennika rownej wysokosci z pelna lista; obrazy w malych kartach bento wyrownane do dolu */
.hb-plany{align-items:stretch}
.hb-plan__lista{flex:1;align-content:start}
.hb-bentley__img{margin-top:auto;padding-top:22px}
.hb-bentley__img img{border-radius:10px 10px 0 0}
.hb-bentley__mala{padding-bottom:24px}
.hb-bentley__img{border-radius:10px;border:1px solid var(--border-light)}
.hb-bentley__img img{border-radius:0}
.hb-plan__glowa{border:1px solid transparent}

/* 11.10 pomaranczowy akcent z logo (--or), gdzie niegdzie; tekst na pomaranczu granatowy (kontrast AA): glowny przycisk w hero, etykiety sekcji, aktywna karta akordeonu,
   strzalki i plusy, kreska pod naglowkiem w Software, ramka zaznaczonego okresu w cenniku */
.hb .hb-kino .hb-start{background:var(--or);border-color:var(--or);color:var(--navy)}
.hb .hb-kino .hb-start:hover{filter:brightness(1.08)}
.hb .hb-glowa .hb-kicker,.hb .hb-koszt__slowa .hb-kicker,.hb .hb-faq__lewo .hb-kicker,.hb .hb-os__glowa .hb-kicker{color:var(--navy);background:var(--or-t)}
.hb-rola--on{border-color:var(--or)}
.hb-rola__pion:hover{color:var(--or)}
.hb-strzalka:hover{border-color:var(--or);color:var(--or)}
.hb-bentley__mala:hover .hb-bentley__strz{background:var(--or);border-color:var(--or)}
.hb-faq__plus{color:var(--or)}
.hb-historia__czytaj::after{color:var(--or)}
.hb-bentley .hb-glowa h2::after{content:"";display:block;width:56px;height:3px;margin-top:18px;border-radius:2px;background:var(--or)}
.hb-przelacznik [aria-pressed="true"]{box-shadow:inset 0 -3px 0 var(--or)}

/* 11.10 zapowiedz klikalnego demo (podstrona app-demo/): pulpit z programu jako link */
.hb .hb-demo__glowa .hb-akcje{margin-top:28px}
.hb-demo__ekran{display:block;border-radius:16px;overflow:hidden;border:1px solid var(--border-light);transition:transform .3s ease,box-shadow .3s ease}
.hb-demo__ekran img{display:block;width:100%;height:auto}
.hb-demo__ekran:hover{transform:translateY(-4px);box-shadow:0 0 0 3px var(--or)}
.hb-demo__ekran:focus-visible{outline:3px solid var(--or);outline-offset:4px}
@media (prefers-reduced-motion:reduce){.hb-demo__ekran{transition:none}.hb-demo__ekran:hover{transform:none}}
.hb .hb-demo__glowa .hb-akcje{justify-content:flex-start}
.hb .hb-plan__miejsce{margin:18px 14px 0;padding:12px 14px;border-radius:12px;background:var(--or-t);font:500 14px/1.45 var(--head);color:var(--navy)}

/* 11.10 hero: mniejsze haslo (wlasciciel: za duze) i fraza kluczowa w H1 jako mala etykieta nad haslem (SEO) */
.hb .hb-kino h1{font-size:56px;line-height:1.08}
.hb .hb-kino__etyk{display:block;margin:0 auto 18px;font:600 14px/1.3 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--or);text-shadow:none}
@media(max-width:1080px){.hb .hb-kino h1{font-size:44px}}
@media(max-width:767px){.hb .hb-kino h1{font-size:30px}.hb .hb-kino__etyk{font-size:11.5px;letter-spacing:.08em;margin-bottom:12px}}

/* 11.10 linia pod przyciskami triala: strona What if something goes wrong? */
.hb .hb-rel{margin-top:14px;font:500 14px/1.4 var(--head)}
.hb .hb-rel a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hb .hb-rel a:hover{color:var(--or)}
.hb .hb-kino .hb-rel{color:var(--hb-bialy-80)}

/* 11.10 hero jak na stronach features (zmierzone na 1440: wysokosc 864 px, kolumna tekstu 1280 px, ramka bez max-width 1400) */
.hb-kino__ramka{max-width:none;min-height:min(864px,96vh);padding:110px 40px 150px}
.hb-kino__tresc{max-width:1180px}
.hb .hb-kino h1{max-width:1120px}
@media(max-width:767px){.hb-kino__ramka{min-height:620px;padding:72px 18px 96px}}
/* 11.10 pomaranczowy przycisk w hero bez fioletowego cienia (wlasciciel) */
.hb .hb-kino .hb-start,.hb .hb-kino .hb-start:hover,.hb .hb-kino .hb-start:focus{box-shadow:none}

/* 11.10 przyciski pod tekstem zakladki etapow: strona funkcji i wszystkie funkcje */
.hb-panel__akcje{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}