/* uwolnij.css — wspólny arkusz strony uwolnij.to (z prototypu v11, makieta Claude Design wersja 41)
   Wygenerowane skryptem buduj.py. Poprawki rób w prototypie albo w skrypcie, nie ręcznie tutaj.
   Kolejność: 1) korzeń i fonty  2) style z sześciu stron prototypu  3) klasy zamiast style=""  */
/* ===== 0. Zgodność z Breakdance: cofnięcie jego domyślnych stylów do stylów przeglądarki (prototyp ich nie miał) ===== */
html :where(*),html :where(*)::before,html :where(*)::after{box-sizing:revert}
html{line-height:revert;-webkit-text-size-adjust:revert;scroll-behavior:revert}
html body :where(h1,h2,h3,h4,h5,h6){color:revert;font-family:revert;font-size:revert;margin:revert}
html body :where(img){max-width:revert;height:revert;border-style:revert}
html body :where(figure){margin:revert}
html :where(button,input,optgroup,select,textarea){font-family:revert;font-size:revert;line-height:revert;margin:revert}
html :where(button,select){text-transform:revert}
html :where(button){overflow:revert}
html :where(small){font-size:revert}
html :where(b,strong){font-weight:revert}
html :where(hr){box-sizing:revert;height:revert;overflow:revert}
html :where(summary){display:revert}
html :where([type="checkbox"],[type="radio"]){box-sizing:revert;padding:revert}
/* Breakdance zawija każdy rysunek SVG (shortcode) w dwa bloki: mają nie istnieć dla układu */
.ut-svg-miejsce,.ut-svg-miejsce>.bde-shortcode,.bde-shortcode{display:contents}
/* Breakdance łączy etykietę i pole formularza w jeden blok tekstu: blok ma nie istnieć dla układu */
.bde-f-text:has(>input,>select,>textarea){display:contents}
div[class^="bde-f-text-"][class$=" bde-f-text"]{display:contents}
/* kroje dla elementów zbudowanych w Breakdance (np. strona Wkrótce) bez wczytywania Google Fonts */
:root{--ut-manrope:Manrope,sans-serif;--ut-barlow:'Barlow Condensed',sans-serif}

/* ===== 1. korzeń strony (w prototypie div.strona, tu <body class="strona">) ===== */
.strona{font-family: Manrope, sans-serif; background: #F7F7F7; color: #141A2E; min-height: 100vh; overflow-x: clip}
/* ===== z start.html ===== */
.pora-wariant{display:contents}
.pora-wariant[hidden]{display:none}
html body{margin:0;background:#F7F7F7;color:#141A2E;-webkit-font-smoothing:antialiased}
html a{color:#07135F}
html a:hover{color:#F56A21}
html h1,html h2,html h3{text-wrap:balance}
html p,html li{text-wrap:pretty}
.btn{transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-accent:hover{background-color:#D95A17 !important;color:#FFFFFF !important}
.btn-ghost-light:hover{border-color:#FFFFFF !important;color:#FFFFFF !important}
.btn-ghost-dark:hover{background-color:#07135F !important;color:#FFFFFF !important}
/* ===== z idea.html ===== */
.row{transition:background-color .25s ease}
.row:hover{background-color:#FFFFFF !important}
.row:hover .row-word{color:#F56A21 !important}
/* ===== z start.html ===== */
.filar{transition:background-color .25s ease}
.filar:hover{background-color:#F7F7F7 !important}
.filar:hover .filar-word{color:#F56A21 !important}
.filar-zdanie{transition:opacity .25s ease,transform .25s ease}
.filar:hover .filar-zdanie{opacity:1 !important;transform:none !important}
@media (hover:none){
  .filar-zdanie{opacity:1 !important;transform:none !important}
}
.player:hover .play{background-color:#F56A21 !important}
.mini:hover .mini-title{color:#F56A21 !important}
.od-item{position:relative;display:inline-block}
.od-item::after{content:"";position:absolute;left:0;width:100%;top:50%;height:3px;margin-top:-1px;background:#F56A21;transform:scaleX(0);transform-origin:0 50%}
.skresl{position:relative;display:inline-block}
.skresl::after{content:"";position:absolute;left:0;width:100%;top:54%;height:.07em;background:#F56A21;transform:scaleX(0);transform-origin:0 50%}
.odejmij{transform-origin:0 50%}
.linia{display:inline-block;width:28px;height:2px;background:#F56A21;vertical-align:middle;margin-right:10px;transform-origin:0 50%}
/* ===== z kontakt.html ===== */
.nic{stroke-dasharray:100;stroke-dashoffset:100}
.kropka-ty,.kropka-ja{transform-origin:center;transform-box:fill-box}
.impuls-nic{offset-path:path("M30 60 C 120 10, 240 110, 330 60");offset-distance:0%;opacity:0}
.droga-k{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.droga-k:hover{transform:translateY(-4px);border-color:#F56A21 !important;box-shadow:0 14px 30px rgba(7,19,95,.08)}
.droga-k:hover .ikona path,.droga-k:hover .ikona circle,.droga-k:hover .ikona rect{stroke:#F56A21}
.ikona path,.ikona circle,.ikona rect{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke .25s ease}
.pole{width:100%;box-sizing:border-box;border:1px solid #BEBEBE;border-radius:12px;background:#FFFFFF;padding:16px 18px;font:400 17px/1.4 Manrope,sans-serif;color:#141A2E;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.pole:focus{border-color:#F56A21;box-shadow:0 0 0 4px rgba(245,106,33,.16)}
.pole::placeholder{color:#8A8F9E}
.etykieta{display:block;margin:0 0 8px;font:600 12px/1 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5C6170}
.wyslij-strzalka{display:inline-block;transition:transform .25s ease}
.btn:hover .wyslij-strzalka{transform:translateX(4px)}
.oddech-wolny{animation:oddechWolny 5s ease-in-out infinite}
/* ===== z list.html ===== */
.klapka{transform-origin:100px 60px}
.dzien{aspect-ratio:1;border-radius:50%;background:#BEBEBE}
.numer{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#07135F;color:#FFFFFF;font:700 18px/1 "Barlow Condensed",sans-serif;flex:0 0 auto}
.wypelnij{height:3px;background:#F56A21;transform:scaleX(0);transform-origin:0 50%}
.okladka{transition:transform .3s ease}
.okladka:hover{transform:rotate(-4deg) translateY(-4px)}
/* ===== z filmy.html ===== */
.player:hover .play{background-color:#F56A21 !important}
.klatka-f{height:6px;border-radius:999px;background:#BEBEBE}
.seria{transition:background-color .25s ease,transform .25s ease}
.seria:hover{background-color:#07135F !important;transform:translateY(-3px)}
.seria:hover .seria-text{color:#FFFFFF !important}
.seria:hover .seria-sub{color:rgba(255,255,255,.8) !important}
.seria:hover .rysunek path,.seria:hover .rysunek circle{stroke:#F56A21 !important}
.rysunek path,.rysunek circle{stroke-dasharray:100;stroke-dashoffset:100}
.rolka:hover .play-m{background-color:#F56A21 !important}
/* ===== z kompendium.html ===== */
.karta{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.karta:hover{transform:translateY(-4px);border-color:#F56A21 !important;box-shadow:0 14px 30px rgba(7,19,95,.08)}
.karta:hover .karta-word{color:#F56A21 !important}
.karta:hover .wskaz{transform:scale(1.12)}
.wskaz{transition:transform .3s ease;transform-origin:50% 50%}
/* ===== z idea.html ===== */
.od-item{position:relative;display:inline-block}
.od-item::after{content:"";position:absolute;left:0;width:100%;top:50%;height:3px;margin-top:-1px;background:#F56A21;transform:scaleX(0);transform-origin:0 50%}
.strzalka{transform-origin:50% 50%}
.sciezka{position:absolute;left:11px;top:0;width:2px;height:100%;background:#F56A21;transform:scaleY(0);transform-origin:50% 0}
.punkt{position:absolute;left:4px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#BEBEBE;border:3px solid #FFFFFF;box-sizing:border-box}
.iks{position:relative;display:inline-block;width:14px;height:14px;flex:0 0 auto}
.iks::before,.iks::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:#F56A21;transform-origin:0 50%}
.iks::before{transform:rotate(45deg) scaleX(0)}
.iks::after{transform:rotate(-45deg) scaleX(0)}
.os{position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#F56A21;transform:scaleX(0);transform-origin:0 50%}
.polka-linia{height:3px;background:#07135F;transform:scaleX(0);transform-origin:0 50%}
.ksiazka{width:12px;border-radius:2px;background:#F56A21}
.kierunek{stroke-dasharray:100;stroke-dashoffset:100}
/* ===== z kompendium.html ===== */
.film:hover .play-m{background-color:#F56A21 !important}
.play-m{transition:background-color .25s ease}
.cytat-znak{display:block;font:700 120px/0.6 "Barlow Condensed",sans-serif;color:#F56A21;height:48px;transform-origin:0 50%}
:where(.strona-kompendium) .rysunek path{stroke-dasharray:100;stroke-dashoffset:100}
.chip{transition:border-color .25s ease,color .25s ease}
.chip:hover{border-color:#F56A21 !important;color:#F56A21 !important}
/* ===== z idea.html ===== */
.palak{transform-origin:112px 88px}
.korpus{transform-origin:80px 134px}
.fala{transform-origin:80px 120px;opacity:0}
.trzask{opacity:0;transform-origin:130px 44px}
/* ===== z start.html ===== */
.maska{-webkit-text-stroke:2px #07135F;color:#FFFFFF}
.maska-2{color:#F7F7F7}
.maska-3{color:#E6E7EB}
.iskra{position:absolute;left:0;top:-3px;width:100%;height:3px;background:#F56A21;transform:scaleX(0);transform-origin:0 50%}
.impuls-tor{position:relative;height:2px;background:#E6E7EB;margin:0 0 36px}
.impuls-iskra{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 0;border-radius:50%;background:#F56A21;box-shadow:0 0 0 6px rgba(245,106,33,.2)}
.krata{width:4px;height:100%;background:#F56A21;transform-origin:50% 0}
.klatka{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-radius:50%;box-sizing:border-box}
.uciekinier{width:14px;height:14px;border-radius:50%;background:#F56A21;box-sizing:border-box}
.osoba{width:100%;aspect-ratio:1;border-radius:50%;background:#BEBEBE}
.serce-svg{transform-origin:50% 58%;filter:drop-shadow(0 0 10px rgba(245,106,33,.45))}
.linia-zycia path{stroke-dasharray:100;stroke-dashoffset:100}
.powieka{position:absolute;left:0;width:100%;height:50%;background:#030826;z-index:4;pointer-events:none}
.powieka-gora{top:0;transform-origin:50% 0}
.powieka-dol{bottom:0;transform-origin:50% 100%}
.blysk{position:absolute;left:0;top:50%;width:100%;height:3px;margin-top:-1px;background:#F56A21;z-index:5;pointer-events:none;transform:scaleX(0);transform-origin:50% 50%}
.droga{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.krok{display:flex;align-items:center;gap:10px;text-decoration:none}
.krok-kropka{width:8px;height:8px;border-radius:50%;background:rgba(128,132,150,.55);transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}
.krok.minelo .krok-kropka{background:#F56A21}
.krok:is(.aktywny,.is-active) .krok-kropka{background:#F56A21;transform:scale(1.6);box-shadow:0 0 0 6px rgba(245,106,33,.22)}
.krok-etykieta{font:600 11px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FFFFFF;background:#07135F;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 10px;opacity:0;transform:translateX(6px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}
.krok:is(.aktywny,.is-active) .krok-etykieta,.krok:hover .krok-etykieta{opacity:1;transform:none}
@media (max-width:600px){
  .droga{display:none !important}
}
@media (max-width:760px){
  .srodek{display:none !important}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
/* ===== z filmy.html ===== */
@keyframes slideUp{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
/* ===== z start.html ===== */
@keyframes slideL{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:none}}
@keyframes slideR{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}
@keyframes stamp{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}
@keyframes slap{0%{opacity:0;transform:translateY(34px) scale(1.07)}70%{opacity:1;transform:translateY(-4px) scale(1)}100%{opacity:1;transform:none}}
@keyframes otworz{from{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes blysk{0%{transform:scaleX(0);opacity:1}45%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* ===== z list.html ===== */
@keyframes otworzKlapke{from{transform:scaleY(1)}to{transform:scaleY(-1)}}
@keyframes wysun{from{transform:translateY(0)}to{transform:translateY(-34px)}}
@keyframes zapalDzien{from{background:#BEBEBE;transform:scale(.8)}to{background:#07135F;transform:none}}
@keyframes zapalOstatni{from{background:#BEBEBE;transform:scale(.8)}to{background:#F56A21;transform:scale(1.15)}}
/* ===== z start.html ===== */
@keyframes growY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes lightUp{from{opacity:.28}to{opacity:1}}
@keyframes puszczam{from{opacity:1}to{opacity:.45}}
@keyframes przyciagam{from{transform:translateX(22px);opacity:.25}to{transform:none;opacity:1}}
@keyframes przelot{from{left:0}to{left:calc(100% - 14px)}}
@keyframes ucieczka{from{transform:none}to{transform:translate(300px,-46px) rotate(22deg)}}
@keyframes shrinkAway{from{opacity:1;transform:none}to{opacity:.14;transform:translateX(-12px) scale(.9)}}
@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes rise{from{transform:translateY(45%);opacity:0}to{transform:none;opacity:1}}
@keyframes ramaOpen{from{transform:scale(1);opacity:1}to{transform:scale(1.45);opacity:0}}
@keyframes uwolnij{from{transform:scale(.95)}to{transform:scale(1)}}
@keyframes maskOut1{from{transform:none;opacity:1}to{transform:translate(60%,-70%) rotate(14deg);opacity:0}}
@keyframes maskOut2{from{transform:none;opacity:1}to{transform:translate(-55%,-45%) rotate(-10deg);opacity:0}}
@keyframes maskOut3{from{transform:none;opacity:1}to{transform:translate(35%,75%) rotate(7deg);opacity:0}}
@keyframes kratyUp{from{transform:translateY(0);opacity:1}to{transform:translateY(-130%);opacity:0}}
@keyframes obrot{from{transform:rotate(-230deg)}to{transform:rotate(0deg)}}
@keyframes budzenie{from{background:#BEBEBE;transform:translateY(8px) scale(.7)}to{background:#F56A21;transform:none}}
@keyframes bicie{0%,100%{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}
@keyframes rysuj{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
/* ===== z kontakt.html ===== */
@keyframes pulsKropki{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
@keyframes zapalKropke{from{fill:#BEBEBE}to{fill:#F56A21}}
@keyframes lotImpulsu{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes oddechWolny{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
/* ===== z kompendium.html ===== */
@keyframes obrotRozy{from{transform:rotate(-40deg)}to{transform:rotate(0deg)}}
/* ===== z idea.html ===== */
@keyframes growY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes lightUp{from{opacity:.28}to{opacity:1}}
@keyframes puszczam{from{opacity:1}to{opacity:.45}}
@keyframes przyciagam{from{transform:translateX(22px);opacity:.25}to{transform:none;opacity:1}}
@keyframes obrotStrzalki{from{transform:rotate(180deg)}to{transform:rotate(0deg)}}
@keyframes zapal{from{background:#BEBEBE}to{background:#F56A21}}
/* ===== z filmy.html ===== */
@keyframes rysuj{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
/* ===== z idea.html ===== */
@keyframes iksA{from{transform:rotate(45deg) scaleX(0)}to{transform:rotate(45deg) scaleX(1)}}
@keyframes iksB{from{transform:rotate(-45deg) scaleX(0)}to{transform:rotate(-45deg) scaleX(1)}}
@keyframes trzaskKlodki{0%{transform:none}30%{transform:translateY(5px)}100%{transform:translate(-5px,-34px) rotate(-24deg)}}
@keyframes drgnij{0%{transform:none}35%{transform:translateY(4px) scale(1.03)}100%{transform:none}}
@keyframes dziurka{from{fill:#FFFFFF}to{fill:#F56A21}}
@keyframes fala{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.5);opacity:0}}
@keyframes trzask{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
.wejscie{animation:slap .9s cubic-bezier(.2,.8,.2,1) .15s both}
.wejscie.d2{animation-delay:.45s}
.wejscie.d3{animation-delay:.75s}
/* ===== z kontakt.html ===== */
.nic.start{animation:rysuj 1.4s cubic-bezier(.3,.7,.2,1) .8s both}
.kropka-ty{animation:pulsKropki 2.4s ease-in-out .6s infinite}
.kropka-ja{animation:zapalKropke .5s ease 2.1s both}
.impuls-nic{animation:lotImpulsu 1.6s ease-in-out 2.4s both}
/* ===== z kompendium.html ===== */
.kierunek.start{animation:rysuj .8s cubic-bezier(.2,.7,.2,1) both}
.roza-obrot{transform-origin:50% 50%;animation:obrotRozy 1.4s cubic-bezier(.2,.8,.2,1) .4s both}
/* ===== z idea.html ===== */
.palak{animation:trzaskKlodki .9s cubic-bezier(.3,1.7,.4,1) .9s both}
.korpus{animation:drgnij .5s ease-out 1.15s both}
.dziurka{animation:dziurka .35s ease 1.25s both}
.fala{animation:fala 1s ease-out 1.2s both}
.fala-2{animation-delay:1.45s}
.trzask{animation:trzask .6s ease-out 1.2s both}
.trzask-2{animation-delay:1.28s}
.trzask-3{animation-delay:1.36s}
/* ===== z start.html ===== */
@keyframes pulsPlay{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}60%{box-shadow:0 0 0 18px rgba(255,255,255,0)}}
/* ===== z filmy.html ===== */
.wejscie{animation:slap .9s cubic-bezier(.2,.8,.2,1) .15s both}
.wejscie.d2{animation-delay:.45s}
.wejscie.d3{animation-delay:.75s}
/* ===== z start.html ===== */
@keyframes oddech{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
/* ===== z list.html ===== */
.wejscie{animation:slap .9s cubic-bezier(.2,.8,.2,1) .15s both}
.wejscie.d2{animation-delay:.45s}
.wejscie.d3{animation-delay:.75s}
.klapka{animation:otworzKlapke 1s cubic-bezier(.5,0,.2,1) 1s both}
.kartka{animation:wysun 1s cubic-bezier(.2,.7,.2,1) 1.7s both}
/* ===== z start.html ===== */
.powieka{animation:otworz 1.1s cubic-bezier(.7,0,.2,1) .25s both}
.blysk{animation:blysk 1.2s ease-out .1s both}
.hero-words{animation:slap .9s cubic-bezier(.2,.8,.2,1) .7s both}
.hero-words.d2{animation-delay:1.1s}
.hero-words.d3{animation-delay:1.4s}
.hero-words.d4{animation-delay:1.9s}
.slonce-hero{animation:rise 1.8s cubic-bezier(.2,.7,.2,1) .6s both}
.cue{animation:bob 2.6s ease-in-out infinite}
.serce-svg{animation:bicie 1.6s ease-in-out infinite}
.play{animation:pulsPlay 2.8s ease-out infinite}
/* ===== z filmy.html ===== */
.klatka-f.start{animation:zapal .4s ease both}
/* ===== z start.html ===== */
.oddech{animation:oddech 3.4s ease-in-out infinite}
@supports (animation-timeline: view()){
  .reveal{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  .reveal-2{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 10% entry 50%}
  .reveal-3{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 20% entry 60%}
  .z-lewej{animation:slideL linear both;animation-timeline:view();animation-range:entry 10% entry 55%}
  .z-prawej{animation:slideR linear both;animation-timeline:view();animation-range:entry 10% entry 55%}
  .stempel{animation:stamp linear both;animation-timeline:view();animation-range:entry 40% entry 80%}
  .slowo{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 20% entry 60%}
  .linia{animation:grow linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  .droga-k{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  .droga-k:nth-child(2){animation-range:entry 12% entry 57%}
  .droga-k:nth-child(3){animation-range:entry 24% entry 69%}
  .ikona path,.ikona circle,.ikona rect{animation:rysuj linear both;animation-timeline:view();animation-range:entry 20% contain 50%}
}
@media (prefers-reduced-motion: reduce){
  :where(.strona-kontakt) .wejscie,:where(.strona-kontakt) .reveal,:where(.strona-kontakt) .reveal-2,:where(.strona-kontakt) .reveal-3,:where(.strona-kontakt) .z-lewej,:where(.strona-kontakt) .z-prawej,:where(.strona-kontakt) .stempel,:where(.strona-kontakt) .linia,:where(.strona-kontakt) .droga-k,:where(.strona-kontakt) .ikona path,:where(.strona-kontakt) .ikona circle,:where(.strona-kontakt) .ikona rect,:where(.strona-kontakt) .nic,:where(.strona-kontakt) .kropka-ty,:where(.strona-kontakt) .kropka-ja,:where(.strona-kontakt) .impuls-nic,:where(.strona-kontakt) .oddech-wolny{animation:none !important}
  :where(.strona-kontakt) .btn,:where(.strona-kontakt) .droga-k,:where(.strona-kontakt) .pole,:where(.strona-kontakt) .wyslij-strzalka,:where(.strona-kontakt) .krok-kropka,:where(.strona-kontakt) .krok-etykieta{transition:none !important}
  .nic,.ikona path,.ikona circle,.ikona rect{stroke-dashoffset:0}
  .kropka-ja{fill:#F56A21}
  .impuls-nic{display:none}
}
@supports (animation-timeline: view()){
  .dzien{animation:zapalDzien linear both;animation-timeline:view()}
  .dzien.ostatni{animation:zapalOstatni linear both;animation-timeline:view()}
  .wypelnij{animation:grow linear both;animation-timeline:view();animation-range:entry 30% contain 60%}
}
@media (prefers-reduced-motion: reduce){
  :where(.strona-list) .wejscie,:where(.strona-list) .reveal,:where(.strona-list) .reveal-2,:where(.strona-list) .reveal-3,:where(.strona-list) .z-lewej,:where(.strona-list) .z-prawej,:where(.strona-list) .stempel,:where(.strona-list) .linia,:where(.strona-list) .dzien,:where(.strona-list) .wypelnij,:where(.strona-list) .klapka,:where(.strona-list) .kartka,:where(.strona-list) .oddech{animation:none !important}
  :where(.strona-list) .btn,:where(.strona-list) .okladka,:where(.strona-list) .krok-kropka,:where(.strona-list) .krok-etykieta{transition:none !important}
  .wypelnij{transform:scaleX(1)}
  .dzien{background:#07135F}
  .dzien.ostatni{background:#F56A21}
  .klapka{transform:scaleY(-1)}
  .kartka{transform:translateY(-34px)}
}
@supports (animation-timeline: view()){
  .seria{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  .seria:nth-child(2){animation-range:entry 12% entry 57%}
  .seria:nth-child(3){animation-range:entry 24% entry 69%}
  .seria:nth-child(4){animation-range:entry 36% entry 81%}
  .rysunek path,.rysunek circle{animation:rysuj linear both;animation-timeline:view();animation-range:entry 20% contain 60%}
  .rolka{animation:slideUp linear both;animation-timeline:view();animation-range:entry 0% entry 50%}
  .rolka:nth-child(2){animation-range:entry 15% entry 65%}
  .rolka:nth-child(3){animation-range:entry 30% entry 80%}
}
@media (prefers-reduced-motion: reduce){
  :where(.strona-filmy) .wejscie,:where(.strona-filmy) .reveal,:where(.strona-filmy) .reveal-2,:where(.strona-filmy) .reveal-3,:where(.strona-filmy) .z-lewej,:where(.strona-filmy) .z-prawej,:where(.strona-filmy) .stempel,:where(.strona-filmy) .linia,:where(.strona-filmy) .seria,:where(.strona-filmy) .rysunek path,:where(.strona-filmy) .rysunek circle,:where(.strona-filmy) .rolka,:where(.strona-filmy) .play,:where(.strona-filmy) .klatka-f{animation:none !important}
  :where(.strona-filmy) .btn,:where(.strona-filmy) .seria,:where(.strona-filmy) .play-m,:where(.strona-filmy) .krok-kropka,:where(.strona-filmy) .krok-etykieta{transition:none !important}
  .rysunek path,.rysunek circle{stroke-dashoffset:0}
  .klatka-f{background:#F56A21}
}
@supports (animation-timeline: view()){
  .karta{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  .karta:nth-child(2){animation-range:entry 10% entry 55%}
  .karta:nth-child(3){animation-range:entry 20% entry 65%}
  .karta:nth-child(4){animation-range:entry 30% entry 75%}
  .karta:nth-child(5){animation-range:entry 40% entry 85%}
  .iskra{animation:grow linear both;animation-timeline:view();animation-range:entry 30% entry 70%}
  .impuls-iskra{animation:przelot linear both;animation-timeline:view();animation-range:entry 0% cover 55%}
  .skresl::after{animation:grow linear both;animation-timeline:view();animation-range:entry 50% contain 20%}
  .od-item::after{animation:grow linear both;animation-timeline:view();animation-range:entry 70% contain 30%}
  .od-li{animation:puszczam linear both;animation-timeline:view();animation-range:contain 20% contain 80%}
  .do-item{animation:przyciagam linear both;animation-timeline:view();animation-range:entry 60% contain 25%}
  .strzalka{animation:obrotStrzalki linear both;animation-timeline:view();animation-range:entry 20% contain 60%}
  .sciezka{animation:growY linear both;animation-timeline:view();animation-range:entry 20% exit 10%}
  .punkt{animation:zapal linear both;animation-timeline:view();animation-range:entry 60% contain 40%}
  .odejmij{animation:shrinkAway linear both;animation-timeline:view();animation-range:cover 45% cover 78%}
  .manifest-line{animation:lightUp linear both;animation-timeline:view();animation-range:entry 50% contain 15%}
  .cytat-znak{animation:stamp linear both;animation-timeline:view();animation-range:entry 30% entry 70%}
  :where(.strona-kompendium) .rysunek path{animation:rysuj linear both;animation-timeline:view();animation-range:entry 30% contain 60%}
}
@media (prefers-reduced-motion: reduce){
  :where(.strona-kompendium) .wejscie,:where(.strona-kompendium) .reveal,:where(.strona-kompendium) .reveal-2,:where(.strona-kompendium) .reveal-3,:where(.strona-kompendium) .z-lewej,:where(.strona-kompendium) .z-prawej,:where(.strona-kompendium) .stempel,:where(.strona-kompendium) .linia,:where(.strona-kompendium) .karta,:where(.strona-kompendium) .manifest-line,:where(.strona-kompendium) .cytat-znak,:where(.strona-kompendium) .rysunek path,:where(.strona-kompendium) .kierunek,:where(.strona-kompendium) .roza-obrot{animation:none !important}
  :where(.strona-kompendium) .btn,:where(.strona-kompendium) .karta,:where(.strona-kompendium) .wskaz,:where(.strona-kompendium) .play-m,:where(.strona-kompendium) .chip,:where(.strona-kompendium) .krok-kropka,:where(.strona-kompendium) .krok-etykieta{transition:none !important}
  :where(.strona-kompendium) .rysunek path,:where(.strona-kompendium) .kierunek{stroke-dashoffset:0}
}
@supports (animation-timeline: view()){
  .iks::before{animation:iksA linear both;animation-timeline:view();animation-range:entry 50% contain 20%}
  .iks::after{animation:iksB linear both;animation-timeline:view();animation-range:entry 65% contain 35%}
  .os{animation:grow linear both;animation-timeline:view();animation-range:entry 30% contain 70%}
  .polka-linia{animation:grow linear both;animation-timeline:view();animation-range:entry 20% entry 70%}
  .ksiazka{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 40% entry 85%}
  :where(.strona-idea) .kierunek{animation:rysuj linear both;animation-timeline:view();animation-range:entry 10% contain 40%}
  :where(.strona-idea) .kierunek:nth-of-type(2){animation-range:entry 20% contain 50%}
  :where(.strona-idea) .kierunek:nth-of-type(3){animation-range:entry 30% contain 60%}
  :where(.strona-idea) .kierunek:nth-of-type(4){animation-range:entry 40% contain 70%}
  :where(.strona-idea) .kierunek:nth-of-type(5){animation-range:entry 50% contain 80%}
}
@media (prefers-reduced-motion: reduce){
  :where(.strona-idea) .wejscie,:where(.strona-idea) .reveal,:where(.strona-idea) .reveal-2,:where(.strona-idea) .reveal-3,:where(.strona-idea) .z-lewej,:where(.strona-idea) .z-prawej,:where(.strona-idea) .stempel,:where(.strona-idea) .linia,:where(.strona-idea) .od-item::after,:where(.strona-idea) .od-li,:where(.strona-idea) .do-item,:where(.strona-idea) .strzalka,:where(.strona-idea) .sciezka,:where(.strona-idea) .punkt,:where(.strona-idea) .manifest-line,:where(.strona-idea) .iks::before,:where(.strona-idea) .iks::after,:where(.strona-idea) .os,:where(.strona-idea) .polka-linia,:where(.strona-idea) .ksiazka,:where(.strona-idea) .palak,:where(.strona-idea) .korpus,:where(.strona-idea) .dziurka,:where(.strona-idea) .fala,:where(.strona-idea) .trzask,:where(.strona-idea) .kierunek{animation:none !important}
  .palak{transform:translate(-5px,-34px) rotate(-24deg)}
  .fala,.trzask{display:none}
  .dziurka{fill:#F56A21}
  :where(.strona-idea) .kierunek{stroke-dashoffset:0}
  :where(.strona-idea) .btn,:where(.strona-idea) .row,:where(.strona-idea) .krok-kropka,:where(.strona-idea) .krok-etykieta{transition:none !important}
  :where(.strona-idea) .od-item::after,:where(.strona-idea) .os,:where(.strona-idea) .polka-linia{transform:scaleX(1)}
  .sciezka{transform:scaleY(1)}
  .iks::before{transform:rotate(45deg) scaleX(1)}
  .iks::after{transform:rotate(-45deg) scaleX(1)}
  .punkt{background:#F56A21}
}
@supports (animation-timeline: view()){
  .manifest-linia{animation:growY linear both;animation-timeline:view();animation-range:entry 30% exit 20%}
  .natura-bg{animation:breathe linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  .horyzont{animation:grow linear both;animation-timeline:view();animation-range:entry 0% contain 50%}
  .slonce-n{animation:rise linear both;animation-timeline:view();animation-range:entry 0% contain 40%}
  .rama{animation:ramaOpen linear both;animation-timeline:view();animation-range:entry 60% contain 70%}
  .rama-2{animation:ramaOpen linear both;animation-timeline:view();animation-range:entry 70% contain 85%}
  .wolny{animation:uwolnij linear both;animation-timeline:view();animation-range:entry 70% contain 90%}
  .maska-1{animation:maskOut1 linear both;animation-timeline:view();animation-range:entry 60% contain 50%}
  .maska-2{animation:maskOut2 linear both;animation-timeline:view();animation-range:entry 70% contain 60%}
  .maska-3{animation:maskOut3 linear both;animation-timeline:view();animation-range:entry 80% contain 70%}
  .krata{animation:kratyUp linear both;animation-timeline:view();animation-range:entry 60% contain 40%}
  .krata:nth-child(2){animation-range:entry 70% contain 50%}
  .krata:nth-child(3){animation-range:entry 80% contain 60%}
  .krata:nth-child(4){animation-range:entry 75% contain 55%}
  .krata:nth-child(5){animation-range:entry 65% contain 45%}
  .uciekinier{animation:ucieczka linear both;animation-timeline:view();animation-range:entry 50% contain 70%}
  .igla{animation:obrot linear both;animation-timeline:view();animation-range:entry 0% contain 70%}
  .osoba{animation:budzenie linear both;animation-timeline:view()}
  .linia-zycia path{animation:rysuj linear both;animation-timeline:view();animation-range:entry 20% contain 70%}
}
@media (prefers-reduced-motion: reduce){
  .powieka,.blysk{display:none !important}
  :where(.strona-start) .hero-words,:where(.strona-start) .reveal,:where(.strona-start) .reveal-2,:where(.strona-start) .reveal-3,:where(.strona-start) .z-lewej,:where(.strona-start) .z-prawej,:where(.strona-start) .stempel,:where(.strona-start) .slowo,:where(.strona-start) .linia,:where(.strona-start) .iskra,:where(.strona-start) .impuls-iskra,:where(.strona-start) .skresl::after,:where(.strona-start) .od-item::after,:where(.strona-start) .od-li,:where(.strona-start) .do-item,:where(.strona-start) .odejmij,:where(.strona-start) .manifest-line,:where(.strona-start) .manifest-linia,:where(.strona-start) .natura-bg,:where(.strona-start) .horyzont,:where(.strona-start) .slonce-n,:where(.strona-start) .slonce-hero,:where(.strona-start) .cue,:where(.strona-start) .serce-svg,:where(.strona-start) .play,:where(.strona-start) .oddech,:where(.strona-start) .rama,:where(.strona-start) .rama-2,:where(.strona-start) .wolny,:where(.strona-start) .maska,:where(.strona-start) .krata,:where(.strona-start) .uciekinier,:where(.strona-start) .igla,:where(.strona-start) .osoba,:where(.strona-start) .linia-zycia path{animation:none !important}
  :where(.strona-start) .btn,:where(.strona-start) .filar,:where(.strona-start) .filar-zdanie,:where(.strona-start) .krok-kropka,:where(.strona-start) .krok-etykieta{transition:none !important}
  :where(.strona-start) .od-item::after,:where(.strona-start) .skresl::after,:where(.strona-start) .iskra,:where(.strona-start) .horyzont{transform:scaleX(1)}
  .manifest-linia{transform:scaleY(1)}
  .linia-zycia path{stroke-dashoffset:0}
  .impuls-iskra{left:calc(100% - 14px)}
  .droga{display:none !important}
  .rama,.rama-2,.maska,.krata{opacity:0 !important}
  .osoba{background:#F56A21}
}
/* nagłówek v7 */
.pasek-czytania{position:fixed;left:0;top:0;width:100%;height:3px;background:#F56A21;transform-origin:0 50%;transform:scaleX(0);z-index:55;pointer-events:none}
.naglowek{position:sticky;top:0;z-index:45}
.naglowek-biala{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #E6E7EB}
.naglowek-start{background:rgba(7,19,95,0);margin-bottom:-72px}
.pora-wieczor .naglowek-start{background:rgba(3,8,38,0)}
.menu{display:flex;align-items:center;gap:2px 26px;margin-right:auto;margin-left:4px;flex-wrap:wrap}
.navlink{transition:color .2s ease}
.navlink::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:#F56A21;transform:scaleX(0);transform-origin:0 50%;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.navlink:hover::after,.navlink:is(.aktywny,.is-active)::after{transform:scaleX(1)}
.navlink:hover{color:#F56A21 !important}
.logo img{transition:transform .3s ease}
.logo:hover img{transform:translateY(-1px) scale(1.03)}
.menu-przelacznik{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.hamburger{display:none;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;border:1px solid currentColor;box-sizing:border-box}
.hamburger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s ease,opacity .3s ease}
.menu-ekran{position:fixed;inset:0;z-index:60;background:#07135F;color:#FFFFFF;display:flex;flex-direction:column;justify-content:center;padding:96px clamp(24px,8vw,64px) 48px;box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}
.menu-przelacznik:checked ~ .menu-ekran{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease,transform .35s ease,visibility 0s}
.menu-ekran-linki{display:flex;flex-direction:column;gap:6px}
.menu-ekran-linki a{font:700 clamp(40px,11vw,64px)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#FFFFFF;text-decoration:none;opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease;display:inline-flex;align-items:baseline;gap:14px}
.menu-ekran-linki a:is(.aktywny,.is-active){color:#F56A21}
.menu-ekran-linki a::before{content:"";width:0;height:4px;border-radius:2px;background:#F56A21;transition:width .3s ease;align-self:center}
.menu-ekran-linki a:hover::before,.menu-ekran-linki a:is(.aktywny,.is-active)::before{width:28px}
.menu-przelacznik:checked ~ .menu-ekran .menu-ekran-linki a{opacity:1;transform:none}
.menu-przelacznik:checked ~ .menu-ekran .menu-ekran-linki a:nth-child(1){transition-delay:.08s}
.menu-przelacznik:checked ~ .menu-ekran .menu-ekran-linki a:nth-child(2){transition-delay:.14s}
.menu-przelacznik:checked ~ .menu-ekran .menu-ekran-linki a:nth-child(3){transition-delay:.2s}
.menu-przelacznik:checked ~ .menu-ekran .menu-ekran-linki a:nth-child(4){transition-delay:.26s}
.menu-przelacznik:checked ~ .menu-ekran .menu-ekran-linki a:nth-child(5){transition-delay:.32s}
.menu-zamknij{position:absolute;right:clamp(16px,3.5vw,48px);top:18px;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}
.menu-zamknij span{position:absolute;width:20px;height:2px;border-radius:2px;background:#FFFFFF}
.menu-zamknij span:first-child{transform:rotate(45deg)}
.menu-zamknij span:last-child{transform:rotate(-45deg)}
.menu-ekran-stopka{margin:40px 0 0;display:flex;gap:24px}
.menu-ekran-stopka a{font:600 13px/1 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);text-decoration:none}
@keyframes postepCzytania{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cienNaglowka{from{box-shadow:0 0 0 rgba(7,19,95,0)}to{box-shadow:0 10px 30px rgba(7,19,95,.10)}}
@keyframes tloStart{from{background:rgba(7,19,95,0);backdrop-filter:blur(0)}to{background:rgba(7,19,95,.9);backdrop-filter:blur(10px)}}
@keyframes tloStartWieczor{from{background:rgba(3,8,38,0);backdrop-filter:blur(0)}to{background:rgba(5,10,44,.92);backdrop-filter:blur(10px)}}
@supports (animation-timeline: scroll()){
  .pasek-czytania{animation:postepCzytania linear both;animation-timeline:scroll(root)}
  .naglowek-biala{animation:cienNaglowka linear both;animation-timeline:scroll(root);animation-range:0 160px}
  .naglowek-start{animation:tloStart linear both;animation-timeline:scroll(root);animation-range:120px 420px}
  .pora-wieczor .naglowek-start{animation-name:tloStartWieczor}
}
@media (max-width:760px){
  .menu{display:none}
  .hamburger{display:inline-flex}
  .naglowek-btn{min-height:40px !important;padding:0 14px !important;font-size:16px !important}
  .naglowek-start{background:#07135F;margin-bottom:0;animation:none !important}
  .pora-wieczor .naglowek-start{background:#030826}
}
@media (prefers-reduced-motion: reduce){
  .pasek-czytania{display:none}
  .naglowek-start,.naglowek-biala{animation:none !important}
  .naglowek-start{background:#07135F;margin-bottom:0}
  .menu-ekran,.menu-ekran-linki a,.navlink,.navlink::after,.logo img,.hamburger span{transition:none !important}
}
/* v8: pierwszy ekran wieczorem */
.wieczor-scena{position:absolute;inset:0;z-index:1;pointer-events:none;display:none}
.pora-wieczor .wieczor-scena{display:block}
.pora-wieczor #start{background:linear-gradient(180deg,#030826 0%,#060C38 58%,#1B1238 100%) !important}
.pora-wieczor .slonce-hero,.pora-wieczor .powieka,.pora-wieczor .blysk{display:none !important}
.pora-wieczor :where(.strona-start) #system,.pora-wieczor :where(.strona-start) #ciezko,.pora-wieczor :where(.strona-start) #manifest,.pora-wieczor :where(.strona-start) footer{background:#050A2C !important}
.pora-wieczor #natura .natura-bg{background:#050B3A !important}
.pora-wieczor .slonce-n{opacity:.35 !important}
.pora-wieczor .maska{-webkit-text-stroke:2px #F3EEE6;color:#10164A}
.pora-wieczor .maska-2{color:#0D1342}
.pora-wieczor .maska-3{color:#0B1036}
.ksiezyc{position:absolute;right:12%;top:16%;width:clamp(120px,13vw,200px);aspect-ratio:1;border-radius:50%;box-shadow:inset -34px 18px 0 0 #F3E9D8;filter:drop-shadow(0 0 40px rgba(243,233,216,.25));transform:rotate(-18deg)}
.gwiazda{position:absolute;width:3px;height:3px;border-radius:50%;background:#F3E9D8;opacity:.7}
.zar{position:absolute;left:-10%;right:-10%;bottom:-38%;height:70%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(245,106,33,.42) 0%,rgba(245,106,33,.14) 38%,rgba(245,106,33,0) 70%)}
.zarzewie{position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:#F56A21;box-shadow:0 0 10px 2px rgba(245,106,33,.6);opacity:0}
.wieczor-etykieta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-bottom:28px;padding:8px 14px;border-radius:999px;border:1px solid rgba(243,233,216,.35);font:600 12px/1 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#F3E9D8}
.wieczor-etykieta::before{content:"";width:7px;height:7px;border-radius:50%;background:#F56A21;box-shadow:0 0 0 4px rgba(245,106,33,.25)}
@keyframes wschodKsiezyca{from{opacity:0;transform:translateY(40px) rotate(-30deg)}to{opacity:1;transform:rotate(-18deg)}}
@keyframes migotanie{0%,100%{opacity:.15}50%{opacity:.85}}
@keyframes zarOddech{0%,100%{opacity:.75;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.06)}}
@keyframes zarzewieLot{0%{opacity:0;transform:translate(0,0)}12%{opacity:1}100%{opacity:0;transform:translate(var(--dx,20px),-340px)}}
@keyframes zmierzch{from{opacity:0;filter:blur(10px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:none}}
.ksiezyc{animation:wschodKsiezyca 2.6s cubic-bezier(.2,.7,.2,1) .3s both}
.gwiazda{animation:migotanie 4s ease-in-out infinite}
.zar{animation:zarOddech 6s ease-in-out infinite;transform-origin:50% 100%}
.zarzewie{animation:zarzewieLot 7s ease-out infinite}
.pora-wieczor .hero-words{animation:zmierzch 2s cubic-bezier(.2,.6,.2,1) .5s both}
.pora-wieczor .hero-words.d2{animation-delay:1.2s}
.pora-wieczor .hero-words.d3{animation-delay:1.8s}
.pora-wieczor .hero-words.d4{animation-delay:2.4s}
@media (prefers-reduced-motion: reduce){
  .ksiezyc,.gwiazda,.zar,.zarzewie,.pora-wieczor .hero-words{animation:none !important}
  .zarzewie{display:none}
}
/* v8: dwie pory — przełącznik */
.przelacznik-pory{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:68px;height:36px;padding:0 9px;border-radius:999px;border:1px solid currentColor;background:transparent;cursor:pointer;box-sizing:border-box;flex:0 0 auto;font:inherit}
.naglowek-start .przelacznik-pory{color:#FFFFFF}
.naglowek-biala .przelacznik-pory{color:#07135F}
.przelacznik-pory .pp-ikona{display:inline-flex;position:relative;z-index:2;transition:color .35s ease,opacity .35s ease}
.przelacznik-pory .pp-galka{position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:#F56A21;z-index:1;transition:transform .45s cubic-bezier(.3,1.4,.5,1),background-color .35s ease;box-shadow:0 0 0 0 rgba(245,106,33,.0)}
.przelacznik-pory .pp-slonce{color:#FFFFFF}
.przelacznik-pory .pp-ksiezyc{opacity:.75}
.przelacznik-pory:hover .pp-galka{box-shadow:0 0 0 5px rgba(245,106,33,.18)}
.pora-wieczor .przelacznik-pory .pp-galka{transform:translateX(30px);background:#F3E9D8}
.pora-wieczor .przelacznik-pory .pp-slonce{color:inherit;opacity:.75}
.pora-wieczor .przelacznik-pory .pp-ksiezyc{color:#0B1036;opacity:1}
.przelacznik-menu{color:#FFFFFF;margin-top:28px}
.menu-ekran-pora{display:flex;align-items:center;gap:14px;margin-top:28px;font:600 13px/1 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.menu-ekran-pora .przelacznik-pory{margin-top:0}
@media (max-width:760px){
  .naglowek .przelacznik-pory{display:none}
}
/* v8: wieczór na całej stronie */
.pora-wieczor .strona{background:#0B1036 !important;color:#E9E4DA !important}
.pora-wieczor :is([style*="background: #FFFFFF"],.ut-w11,.ut-w15,.ut-w16,.ut-w26,.ut-w27,.ut-kierunek-3,.ut-kierunek-4,.ut-wybor-1,.ut-czym-1,.ut-kim-jestem-1,.ut-najnowszy-25,.ut-kierunki-1,.ut-list-start-1,.ut-serie-3,.ut-wybor-2,.ut-drogi-1,.ut-filary-1,.ut-filary-2,.ut-filary-3,.ut-filary-4,.ut-filary-5,.ut-kierunki-3,.ut-nie-jest-1,.ut-nie-jest-2,.ut-nie-jest-3,.ut-nie-jest-4,.ut-nie-jest-5,.ut-nie-jest-6,.ut-list-3,.ut-zapis-3){background:#10164A !important}
.pora-wieczor :is([style*="background: #F7F7F7"],.ut-w5,.ut-w10,.ut-od-do-1,.ut-prezent-1,.ut-kierunek-2,.ut-prezent-2,.ut-formularz-3){background:#0B1036 !important}
.pora-wieczor :is([style*="background: #07135F"],.ut-stopka-5,.ut-w14,.ut-w25,.ut-kierunek-1,.ut-stopka-6,.ut-stopka-7,.ut-stopka-8,.ut-system-1,.ut-manifest-1,.ut-filmy-3,.ut-najnowszy-26,.ut-prezent-4,.ut-filmy-10,.ut-kim-jestem-3,.ut-filary-10,.ut-natura-8,.ut-filary-21,.ut-kierunek-39,.ut-rolki-5,.ut-natura-9,.ut-start-33,.ut-nazwa-16){background:#050A2C !important}
.pora-wieczor .ciemna{background:#050A2C !important}
.pora-wieczor :is([style*="color: #07135F"],.ut-naglowek-6,.ut-w7,.ut-naglowek-7,.ut-w19,.ut-w44,.ut-w45,.ut-w46,.ut-od-do-3,.ut-filmy-1,.ut-kierunek-6,.ut-kierunek-18,.ut-kierunki-3,.ut-nie-jest-1,.ut-nie-jest-2,.ut-nie-jest-3,.ut-nie-jest-4,.ut-nie-jest-5,.ut-nie-jest-6,.ut-filmy-9,.ut-twoja-droga-1,.ut-kierunek-19,.ut-filary-8,.ut-kierunek-24,.ut-odejmuj-3,.ut-nazwa-9,.ut-serie-5,.ut-wybor-3,.ut-drogi-5,.ut-filary-14,.ut-prezent-5,.ut-najnowszy-29,.ut-co-w-srodku-23,.ut-kim-jestem-5,.ut-list-4,.ut-maski-4,.ut-czym-5,.ut-kierunek-28,.ut-dalej-1,.ut-razem-22,.ut-list-start-2,.ut-kontakt-start-2,.ut-nie-jest-8,.ut-filmy-16,.ut-kierunek-29,.ut-drogi-7,.ut-impuls-3,.ut-filary-17,.ut-maski-7,.ut-kierunek-34,.ut-czym-6,.ut-najnowszy-33,.ut-kierunek-37,.ut-ramy-5,.ut-impuls-5,.ut-od-do-11,.ut-od-do-12,.ut-od-do-15,.ut-od-do-16){color:#F3EEE6 !important}
.pora-wieczor :is([style*="color: #141A2E"],.ut-w38,.ut-w47,.ut-co-w-srodku-17,.ut-co-w-srodku-18,.ut-co-w-srodku-19,.ut-list-3,.ut-zapis-3,.ut-filary-9,.ut-razem-21,.ut-drogi-3,.ut-drogi-4,.ut-filary-16,.ut-odejmuj-5,.ut-nazwa-11,.ut-kontakt-start-1,.ut-kierunki-5,.ut-formularz-5,.ut-maski-3,.ut-czym-3,.ut-czym-4,.ut-kierunek-26,.ut-twoja-droga-2,.ut-maski-5,.ut-maski-6,.ut-kierunek-30,.ut-list-5,.ut-filmy-17,.ut-najnowszy-32,.ut-co-w-srodku-25,.ut-impuls-4,.ut-list-start-3,.ut-idea-2,.ut-serce-2,.ut-ramy-3,.ut-kierunek-33,.ut-kierunek-35,.ut-kierunek-36,.ut-nie-jest-9,.ut-od-do-9,.ut-od-do-10,.ut-od-do-13,.ut-od-do-14){color:rgba(243,238,230,.86) !important}
.pora-wieczor :is([style*="color: #5C6170"],.ut-w1,.ut-w6,.ut-w39,.ut-w42,.ut-serie-1,.ut-kierunek-5,.ut-filmy-2,.ut-kierunek-7,.ut-kierunek-8,.ut-kierunek-9,.ut-formularz-4,.ut-kierunek-20,.ut-filary-12,.ut-nazwa-6,.ut-nazwa-7,.ut-nazwa-8,.ut-kierunek-21,.ut-kierunek-22,.ut-kim-jestem-4,.ut-kierunek-23,.ut-drogi-6,.ut-serie-6,.ut-kierunek-25,.ut-filmy-14,.ut-kierunki-4,.ut-prezent-7,.ut-prezent-8,.ut-ramy-2,.ut-co-w-srodku-24,.ut-filmy-15,.ut-najnowszy-30,.ut-najnowszy-31,.ut-kierunek-31,.ut-rolki-3,.ut-kierunki-6,.ut-formularz-6,.ut-filary-18,.ut-filmy-18,.ut-nazwa-12,.ut-kontakt-start-3,.ut-odejmuj-6,.ut-list-6,.ut-filary-19){color:#A6ABC4 !important}
.pora-wieczor :is([style*="solid #E6E7EB"],.ut-kierunek-3,.ut-kierunek-4,.ut-serie-2,.ut-serie-3,.ut-wybor-2,.ut-drogi-1,.ut-filary-1,.ut-filary-2,.ut-filary-3,.ut-filary-4,.ut-filary-5,.ut-nie-jest-1,.ut-nie-jest-2,.ut-nie-jest-3,.ut-nie-jest-4,.ut-nie-jest-5,.ut-nie-jest-6):not(:is([style*="border-left: 4px"],.ut-prezent-1,.ut-kierunek-3)){border-color:rgba(255,255,255,.12) !important}
.pora-wieczor :is([style*="border-left: 4px"],.ut-prezent-1,.ut-kierunek-3){border-top-color:rgba(255,255,255,.12) !important;border-right-color:rgba(255,255,255,.12) !important;border-bottom-color:rgba(255,255,255,.12) !important}
.pora-wieczor :is([style*="#BEBEBE"],.ut-kierunek-9,.ut-kierunek-10,.ut-kierunek-13,.ut-kierunek-14,.ut-filmy-6,.ut-filmy-7,.ut-filmy-8,.ut-kierunek-18,.ut-kierunki-3,.ut-kierunek-19,.ut-list-3,.ut-kierunek-22,.ut-kim-jestem-4,.ut-kierunek-35,.ut-kierunek-36,.ut-czym-7,.ut-od-do-9,.ut-od-do-10,.ut-od-do-11,.ut-od-do-12,.ut-od-do-13,.ut-od-do-14,.ut-od-do-15,.ut-od-do-16,.ut-filary-22,.ut-filary-23,.ut-nazwa-15,.ut-od-do-17){border-color:rgba(255,255,255,.22) !important}
.pora-wieczor :is([style*="solid #07135F"],.ut-co-w-srodku-16,.ut-filmy-9,.ut-twoja-droga-1,.ut-odejmuj-4,.ut-ramy-6,.ut-ramy-7,.ut-impuls-6,.ut-impuls-7,.ut-impuls-8){border-color:#F3EEE6 !important}
.pora-wieczor [stroke="#07135F"]{stroke:#F3EEE6}
.pora-wieczor [fill="#07135F"]{fill:#F3EEE6}
.pora-wieczor [stroke="#BEBEBE"]{stroke:rgba(255,255,255,.28)}
.pora-wieczor .btn-ghost-dark:hover{background-color:#F3EEE6 !important;color:#0B1036 !important}
.pora-wieczor .naglowek-biala{background:rgba(11,16,54,.9) !important;border-bottom-color:rgba(255,255,255,.1) !important}
.pora-wieczor .naglowek-biala .przelacznik-pory{color:#F3EEE6}
.pora-wieczor .naglowek-biala .logo img{content:url(https://uwolnij.to/wp-content/uploads/2026/10/UwolnijTO_logo-poziom_white-kopia-5.png)}
.pora-wieczor .pole{background:#0B1036;border-color:rgba(255,255,255,.22);color:#F3EEE6}
.pora-wieczor .pole::placeholder{color:#7F85A3}
.pora-wieczor .krok-etykieta{background:#F3EEE6;color:#0B1036}
.pora-wieczor ::selection{background:#F56A21;color:#FFFFFF}
/* v8: drobne elementy wieczorem */
.pora-wieczor :is([style*="border-radius: 50%; background: #07135F"],.ut-filary-21,.ut-nazwa-16){background:#F3EEE6 !important}
.pora-wieczor .punkt{border-color:#0B1036}
.pora-wieczor .numer{background:#F3EEE6;color:#0B1036}
.pora-wieczor .polka-linia{background:#F3EEE6}
@keyframes zapalDzienW{from{background:rgba(255,255,255,.2);transform:scale(.8)}to{background:#F3EEE6;transform:none}}
.pora-wieczor .dzien{background:rgba(255,255,255,.2)}
@supports (animation-timeline: view()){
  .pora-wieczor .dzien:not(.ostatni){animation-name:zapalDzienW}
}
@media (prefers-reduced-motion: reduce){
  .pora-wieczor .dzien:not(.ostatni){background:#F3EEE6}
}
/* v11: filmy według kierunków */
/* ===== z filmy.html ===== */
.chip-kierunek{transition:border-color .25s ease,transform .25s ease}
.chip-kierunek:hover{border-color:#F56A21 !important;transform:translateY(-2px)}
.chip-kierunek:hover .wskaz{transform:rotate(18deg)}
.wskaz{transition:transform .3s ease;transform-origin:50% 50%}
.seria:hover .seria-przyklady span{border-top-color:rgba(255,255,255,.2) !important}
.pora-wieczor .seria-przyklady span{border-top-color:rgba(255,255,255,.12) !important}
/* ===== z kompendium.html ===== */
/* v11: kierunki przełączane adresem (#prawda, #spokoj…) — bez JS, działa tak samo w WordPressie */
.kier-panel{display:none;scroll-margin-top:88px}
.kier-panel:target{display:block}
.kier-panele:not(:has(.kier-panel:target)) #prawda{display:block}
.kier-blok{margin-top:clamp(40px,5vw,64px)}
.karta-cta{opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .25s ease}
.karta:hover .karta-cta{opacity:1;transform:none}
html body:has(#prawda:target) .karta[data-kierunek="prawda"],html body:has(#spokoj:target) .karta[data-kierunek="spokoj"],html body:has(#natura-i-obfitosc:target) .karta[data-kierunek="natura-i-obfitosc"],html body:has(#madrosc-z-wnetrza:target) .karta[data-kierunek="madrosc-z-wnetrza"],html body:has(#zdrowie:target) .karta[data-kierunek="zdrowie"],html body:not(:has(.kier-panel:target)) .karta[data-kierunek="prawda"]{border:2px solid #F56A21 !important}
html body:has(#prawda:target) .karta[data-kierunek="prawda"] .karta-nr,html body:has(#spokoj:target) .karta[data-kierunek="spokoj"] .karta-nr,html body:has(#natura-i-obfitosc:target) .karta[data-kierunek="natura-i-obfitosc"] .karta-nr,html body:has(#madrosc-z-wnetrza:target) .karta[data-kierunek="madrosc-z-wnetrza"] .karta-nr,html body:has(#zdrowie:target) .karta[data-kierunek="zdrowie"] .karta-nr,html body:not(:has(.kier-panel:target)) .karta[data-kierunek="prawda"] .karta-nr{color:#F56A21 !important}
.cytat-znak{line-height:0;height:64px}
@media (max-width:600px){
  #wybor .karta{min-height:0 !important;padding:20px !important;gap:10px !important}
}
.playlista-kafel{transition:border-color .25s ease}
.playlista-kafel:hover{border-color:#F56A21 !important}
.pora-wieczor .chip .wskaz circle[fill="#07135F"]{fill:#F3EEE6}
.szosty{stroke-dasharray:100;stroke-dashoffset:0}
.szosty-kropka{transform-box:fill-box;transform-origin:50% 50%}
@supports (animation-timeline: view()){
  .szosty{animation:rysuj linear both;animation-timeline:view();animation-range:entry 30% cover 50%}
  .szosty-kropka{animation:szostaKropka linear both;animation-timeline:view();animation-range:entry 55% cover 55%}
}
@keyframes szostaKropka{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  .szosty,.szosty-kropka{animation:none !important}
}
html :where(.strona-start) input,html :where(.strona-start) textarea,html :where(.strona-start) select{-webkit-appearance:none;appearance:none}
/* ===== z start.html ===== */
.pora-wieczor :where(.strona-start) input{background-color:#10164A !important;color:#F3EEE6 !important;border-color:rgba(255,255,255,.22) !important}
.pora-wieczor :where(.strona-start) input::placeholder{color:#7F85A3}
/* v9: znak w słońcu i księżycu */
.znak-slonce{animation:znakWschod 1.5s ease-out 1.7s both}
@keyframes znakWschod{from{opacity:0;transform:scale(.84)}to{opacity:1;transform:none}}
/* v9: System — kropka wychodzi z siatki */
.sys-scena{view-timeline:--sys block}
.sys-kropka,.sys-aureola{transform:translate(498px,128px) scale(1.7)}
.sys-kropka{filter:drop-shadow(0 0 9px rgba(245,106,33,.75))}
.sys-aureola{opacity:.4}
.sys-maska-p{stroke-dasharray:100;stroke-dashoffset:0}
@keyframes sysKropka{0.0%{transform:translate(184.0px,128.0px) scale(1.000)}2.08%{transform:translate(187.5px,120.7px) scale(0.968)}4.17%{transform:translate(191.4px,113.5px) scale(0.904)}6.25%{transform:translate(195.6px,106.6px) scale(0.855)}8.33%{transform:translate(200.1px,99.8px) scale(0.850)}10.42%{transform:translate(204.8px,93.2px) scale(0.850)}12.5%{transform:translate(209.8px,86.7px) scale(0.850)}14.58%{transform:translate(215.0px,80.5px) scale(0.850)}16.67%{transform:translate(220.5px,74.5px) scale(0.850)}18.75%{transform:translate(226.2px,68.7px) scale(0.850)}20.83%{transform:translate(232.2px,63.2px) scale(0.850)}22.92%{transform:translate(238.4px,58.0px) scale(0.850)}25.0%{transform:translate(244.9px,53.1px) scale(0.850)}27.08%{transform:translate(251.6px,48.5px) scale(0.850)}29.17%{transform:translate(258.6px,44.4px) scale(0.850)}31.25%{transform:translate(265.8px,40.6px) scale(0.850)}33.33%{transform:translate(273.2px,37.3px) scale(0.850)}35.42%{transform:translate(280.8px,34.5px) scale(0.850)}37.5%{transform:translate(288.7px,32.3px) scale(0.850)}39.58%{transform:translate(296.6px,30.6px) scale(0.850)}41.67%{transform:translate(304.7px,29.5px) scale(0.850)}43.75%{transform:translate(312.8px,29.0px) scale(0.850)}45.83%{transform:translate(320.9px,29.2px) scale(0.850)}47.92%{transform:translate(329.0px,29.9px) scale(0.850)}50.0%{transform:translate(337.0px,31.0px) scale(0.850)}52.08%{transform:translate(345.1px,32.4px) scale(0.854)}54.17%{transform:translate(353.0px,34.1px) scale(0.867)}56.25%{transform:translate(360.9px,36.0px) scale(0.887)}58.33%{transform:translate(368.8px,38.0px) scale(0.913)}60.42%{transform:translate(376.6px,40.3px) scale(0.945)}62.5%{transform:translate(384.3px,42.8px) scale(0.983)}64.58%{transform:translate(392.0px,45.5px) scale(1.025)}66.67%{transform:translate(399.6px,48.4px) scale(1.070)}68.75%{transform:translate(407.1px,51.5px) scale(1.119)}70.83%{transform:translate(414.5px,54.8px) scale(1.170)}72.92%{transform:translate(421.9px,58.3px) scale(1.222)}75.0%{transform:translate(429.1px,62.0px) scale(1.275)}77.08%{transform:translate(436.2px,65.9px) scale(1.328)}79.17%{transform:translate(443.2px,70.0px) scale(1.380)}81.25%{transform:translate(450.1px,74.4px) scale(1.431)}83.33%{transform:translate(456.8px,79.0px) scale(1.480)}85.42%{transform:translate(463.2px,83.9px) scale(1.525)}87.5%{transform:translate(469.5px,89.1px) scale(1.567)}89.58%{transform:translate(475.5px,94.6px) scale(1.605)}91.67%{transform:translate(481.1px,100.5px) scale(1.637)}93.75%{transform:translate(486.3px,106.7px) scale(1.663)}95.83%{transform:translate(491.0px,113.4px) scale(1.683)}97.92%{transform:translate(495.0px,120.5px) scale(1.696)}100.0%{transform:translate(498.0px,128.0px) scale(1.700)}}
@keyframes sysAureola{0%,62%{opacity:0;transform:translate(498px,128px) scale(.5)}82%{opacity:.7;transform:translate(498px,128px) scale(1.15)}100%{opacity:.28;transform:translate(498px,128px) scale(1.55)}}
@keyframes sysSlad{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes sysDziura{from{stroke:#F56A21;stroke-opacity:.9}to{stroke:#FFFFFF;stroke-opacity:.45}}
@supports (animation-timeline: view()){
  .sys-kropka{animation:sysKropka linear both;animation-timeline:--sys;animation-range:entry 40% contain 35%}
  .sys-aureola{animation:sysAureola linear both;animation-timeline:--sys;animation-range:entry 40% contain 35%}
  .sys-maska-p{animation:sysSlad linear both;animation-timeline:--sys;animation-range:entry 40% contain 35%}
  .sys-dziura{animation:sysDziura linear both;animation-timeline:--sys;animation-range:entry 40% contain 20%}
}
/* v9: „do” — rusza się tylko tekst, ramki stoją */
.do-t{display:inline-block}
@supports (animation-timeline: view()){
  .do-item{animation:none}
  .do-t{animation:przyciagam linear both;animation-timeline:view();animation-range:entry 60% contain 25%}
  .od-li{animation:none}
  .od-li .od-item{animation:puszczam linear both;animation-timeline:view();animation-range:contain 20% contain 80%}
}
@media (prefers-reduced-motion: reduce){
  :where(.strona-idea) .do-t,:where(.strona-idea) .od-li .od-item{animation:none !important}
}
/* v11: „Czym jest” — puste pole na Twoje słowo */
/* ===== z idea.html ===== */
.pole-to{display:inline-flex;align-items:center;padding:0 .3em;border:3px dashed #F56A21;border-radius:999px;color:#F56A21;animation:poleTo 3.2s ease-in-out infinite}
@keyframes poleTo{0%,100%{border-color:rgba(245,106,33,1)}50%{border-color:rgba(245,106,33,.35)}}
.pole-to-kursor{display:inline-block;width:.06em;height:.8em;margin-left:.08em;background:#F56A21;animation:kursor 1.1s steps(1) infinite}
@keyframes kursor{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){
  .pole-to,.pole-to-kursor{animation:none !important}
}
/* v9: Natura — scena */
/* ===== z start.html ===== */
.natura-bg{animation:none !important}
#natura{position:relative}
.natura-scena{position:absolute;right:0;top:0;bottom:0;width:52%;pointer-events:none;z-index:0; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%); view-timeline:--natura block; --w1:#0E2088;--w2:#0A1B78;--w3:#06104F;--gwiazdy:0;--chmura:.10;--tarcza:#F56A21;--halo:#F56A21}
.natura-scena svg{display:block;width:100%;height:100%}
.n-w1{fill:var(--w1)}
.n-w2,.n-t2{fill:var(--w2)}
.n-w3,.n-t3{fill:var(--w3)}
.n-t{stroke-width:5;stroke-linejoin:round}
.n-t2{stroke:var(--w2)}
.n-t3{stroke:var(--w3)}
.n-chmura{fill:#FFFFFF;fill-opacity:var(--chmura)}
.n-gwiazdy{opacity:var(--gwiazdy)}
.n-gw{fill:#F3E9D8;animation:migotanie 4s ease-in-out infinite}
.n-tarcza{fill:var(--tarcza)}
.n-halo{stroke:var(--halo);transform-box:fill-box;transform-origin:50% 50%;animation:nHalo 7s ease-in-out infinite}
.n-halo-2{animation-delay:-3s}
.n-drzewo{transform-box:fill-box;transform-origin:50% 100%;animation:nKolysz 5.5s ease-in-out infinite alternate}
.n-chmura{animation:nChmura 56s ease-in-out infinite alternate}
@keyframes nHalo{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}}
@keyframes nKolysz{from{transform:rotate(-1.3deg)}to{transform:rotate(1.3deg)}}
@keyframes nChmura{from{transform:translateX(-36px)}to{transform:translateX(70px)}}
@keyframes nSlonce{from{transform:translateY(200px)}to{transform:none}}
@keyframes nWzg1{from{transform:translateY(40px)}to{transform:none}}
@keyframes nWzg2{from{transform:translateY(26px)}to{transform:none}}
@keyframes nWzg3{from{transform:translateY(12px)}to{transform:none}}
@keyframes nRysuj{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.n-grzbiet{stroke-dasharray:100;stroke-dashoffset:0}
@supports (animation-timeline: view()){
  .n-slonce{animation:nSlonce linear both;animation-timeline:--natura;animation-range:entry 25% entry 100%}
  .n-wzg-1{animation:nWzg1 linear both;animation-timeline:--natura;animation-range:entry 0% entry 100%}
  .n-wzg-2{animation:nWzg2 linear both;animation-timeline:--natura;animation-range:entry 0% entry 100%}
  .n-wzg-3{animation:nWzg3 linear both;animation-timeline:--natura;animation-range:entry 0% entry 100%}
  .n-grzbiet{animation:nRysuj linear both;animation-timeline:--natura;animation-range:entry 30% entry 100%}
}
.pora-wieczor .natura-scena{--w1:#0A1458;--w2:#070F45;--w3:#040A30;--gwiazdy:1;--chmura:.05;--tarcza:#F3E9D8;--halo:#F3E9D8}
@media (max-width:900px){
  #natura{flex-direction:column !important;align-items:stretch !important;min-height:0 !important}
  .natura-scena{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:340px;margin-top:-12px; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
}
/* v9: pierwszy ekran — księżyc to pełna tarcza ze znakiem (jak słońce za dnia) */
.ksiezyc{right:8%;top:14%;width:clamp(200px,26vw,440px);box-shadow:none;transform:none; background:radial-gradient(circle at 34% 30%,#FBF4E8 0%,#F3E9D8 55%,#E2D5BF 100%); filter:drop-shadow(0 0 60px rgba(243,233,216,.28));display:flex;align-items:center;justify-content:center}
.ksiezyc .znak-ksiezyc{width:56%;height:auto;display:block;opacity:.94}
@keyframes wschodKsiezyca{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media (max-width:600px){
  .ksiezyc{right:calc(50% - 80px);top:88px;width:160px}
  #start .slonce-hero{right:calc(50% - 80px) !important;bottom:auto !important;top:88px !important;width:160px !important;height:160px !important;opacity:1 !important}
}
/* v10: System — scena w prawej kolumnie, tekst po lewej */
.sys-ukl{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:0 clamp(24px,3.4vw,56px);align-items:center}
.sys-tekst{min-width:0}
.sys-tekst p:nth-child(2){text-wrap:balance}
.sys-ukl .sys-scena{display:block;width:100%;max-width:640px;height:auto;overflow:visible;justify-self:end;margin-bottom:clamp(32px,6vw,88px)}
@media (max-width:960px){
  .sys-ukl{grid-template-columns:minmax(0,1fr)}
  .sys-ukl .sys-scena{margin-top:36px;margin-bottom:0;max-width:560px;justify-self:start}
}
/* v10: Natura — cztery słowa w jednej linii (komputer), w dwóch parach (telefon) */
.n-wart{margin:0;font:600 clamp(28px,3.4vw,52px)/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#FFFFFF;letter-spacing:.02em; display:flex;flex-wrap:nowrap;align-items:baseline;gap:0 .35em;white-space:nowrap;width:max-content;max-width:none}
.n-wart .n-g{display:flex;align-items:baseline;gap:0 .35em}
@media (max-width:700px){
  .n-wart{flex-wrap:wrap;width:auto;white-space:normal}
  .n-wart .n-g{flex-basis:100%}
  .n-wart .n-sep{display:none}
}
@media (prefers-reduced-motion: reduce){
  :where(.strona-start) .znak-slonce,:where(.strona-start) .sys-kropka,:where(.strona-start) .sys-aureola,:where(.strona-start) .sys-maska-p,:where(.strona-start) .sys-dziura,:where(.strona-start) .do-t,:where(.strona-start) .od-li .od-item,:where(.strona-start) .n-slonce,:where(.strona-start) .n-wzg,:where(.strona-start) .n-grzbiet,:where(.strona-start) .n-halo,:where(.strona-start) .n-drzewo,:where(.strona-start) .n-chmura,:where(.strona-start) .n-gw{animation:none !important}
}

/* ===== klasy zamiast style="" (specyficzność jak styl w znaczniku) ===== */
:is(#u#u,.ut-ciezko-1){margin: 0 0 8px; font: 600 clamp(32px, 4vw, 60px)/1.1 'Barlow Condensed', sans-serif; color: #FFFFFF; text-transform: uppercase}
:is(#u#u,.ut-ciezko-2){margin: 0; font: 500 clamp(19px, 2vw, 26px)/1.45 Manrope, sans-serif; color: rgba(255,255,255,.88); max-width: 40ch}
:is(#u#u,.ut-co-w-srodku-1){animation-range: entry 10% entry 30%}
:is(#u#u,.ut-co-w-srodku-10){animation-range: entry 46% entry 66%}
:is(#u#u,.ut-co-w-srodku-11){animation-range: entry 50% entry 70%}
:is(#u#u,.ut-co-w-srodku-12){animation-range: entry 54% entry 74%}
:is(#u#u,.ut-co-w-srodku-13){animation-range: entry 58% entry 78%}
:is(#u#u,.ut-co-w-srodku-14){animation-range: entry 62% entry 85%}
:is(#u#u,.ut-co-w-srodku-15){background: #F56A21}
:is(#u#u,.ut-co-w-srodku-16){border-top: 3px solid #07135F; padding-top: 24px}
:is(#u#u,.ut-co-w-srodku-17){display: flex; align-items: center; gap: 14px; font: 500 18px/1.4 Manrope, sans-serif; color: #141A2E; animation-range: entry 20% entry 55%}
:is(#u#u,.ut-co-w-srodku-18){display: flex; align-items: center; gap: 14px; font: 500 18px/1.4 Manrope, sans-serif; color: #141A2E; animation-range: entry 30% entry 65%}
:is(#u#u,.ut-co-w-srodku-19){display: flex; align-items: center; gap: 14px; font: 500 18px/1.4 Manrope, sans-serif; color: #141A2E; animation-range: entry 40% entry 75%}
:is(#u#u,.ut-co-w-srodku-2){animation-range: entry 14% entry 34%}
:is(#u#u,.ut-co-w-srodku-20){display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; max-width: 280px; margin-bottom: 14px}
:is(#u#u,.ut-co-w-srodku-21){display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px 48px}
:is(#u#u,.ut-co-w-srodku-22){list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px}
:is(#u#u,.ut-co-w-srodku-23){margin: 0 0 14px; font: 600 34px/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-co-w-srodku-24){margin: 0 0 32px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-co-w-srodku-25){margin: 0; font: 400 18px/1.6 Manrope, sans-serif; color: #141A2E; max-width: 36ch}
:is(#u#u,.ut-co-w-srodku-3){animation-range: entry 18% entry 38%}
:is(#u#u,.ut-co-w-srodku-4){animation-range: entry 22% entry 42%}
:is(#u#u,.ut-co-w-srodku-5){animation-range: entry 26% entry 46%}
:is(#u#u,.ut-co-w-srodku-6){animation-range: entry 30% entry 50%}
:is(#u#u,.ut-co-w-srodku-7){animation-range: entry 34% entry 54%}
:is(#u#u,.ut-co-w-srodku-8){animation-range: entry 38% entry 58%}
:is(#u#u,.ut-co-w-srodku-9){animation-range: entry 42% entry 62%}
:is(#u#u,.ut-czym-1){background: #FFFFFF; padding: clamp(32px, 4vw, 56px) clamp(16px, 3.5vw, 48px) clamp(56px, 7vw, 96px)}
:is(#u#u,.ut-czym-2){flex: 1 1 380px; min-width: 0}
:is(#u#u,.ut-czym-3){margin: 0 0 18px; font: 400 clamp(17px, 1.5vw, 19px)/1.6 Manrope, sans-serif; color: #141A2E; max-width: 54ch}
:is(#u#u,.ut-czym-4){margin: 0 0 18px; font: 500 clamp(19px, 1.9vw, 24px)/1.45 Manrope, sans-serif; color: #141A2E; max-width: 54ch}
:is(#u#u,.ut-czym-5){margin: 0 0 20px; font: 700 clamp(52px, 6vw, 88px)/1.1 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase; white-space: nowrap}
:is(#u#u,.ut-czym-6){margin: 0; font: 600 clamp(28px, 3vw, 40px)/1.08 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase; max-width: 22ch}
:is(#u#u,.ut-czym-7){max-width: 1200px; margin: 0 auto; border-top: 1px solid #BEBEBE; padding-top: clamp(40px, 5vw, 64px); display: flex; flex-wrap: wrap; gap: 32px 72px; align-items: flex-start}
:is(#u#u,.ut-dalej-1){margin: 0 0 24px; font: 600 clamp(36px, 4.4vw, 64px)/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-dalej-2){margin: 0; font: 600 clamp(36px, 4.6vw, 72px)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; color: #FFFFFF; transform-origin: 0 50%}
:is(#u#u,.ut-dalej-3){max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 24px 64px; align-items: center; justify-content: space-between}
:is(#u#u,.ut-drogi-1){display: flex; flex-direction: column; gap: 18px; min-height: 260px; padding: 28px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 16px; text-decoration: none; box-sizing: border-box}
:is(#u#u,.ut-drogi-2){display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px}
:is(#u#u,.ut-drogi-3){font: 500 17px/1.5 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-drogi-4){font: 500 17px/1.5 Manrope, sans-serif; color: #141A2E; word-break: break-word}
:is(#u#u,.ut-drogi-5){font: 700 clamp(30px, 2.8vw, 40px)/0.98 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-drogi-6){margin-top: auto; font: 400 15px/1.5 Manrope, sans-serif; color: #5C6170}
:is(#u#u,.ut-drogi-7){margin: 0 0 clamp(28px, 3.5vw, 48px); font: 600 clamp(36px, 4.4vw, 64px)/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-filary-1){display: flex; flex-direction: column; justify-content: space-between; gap: 20px; min-height: 220px; padding: 32px 24px 24px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 16px; text-decoration: none; box-sizing: border-box; animation-range: entry 0% entry 35%}
:is(#u#u,.ut-filary-10){flex: 1 1 50%; background: #07135F; border-radius: 0 0 2px 2px}
:is(#u#u,.ut-filary-11){flex: 1 1 50%; background: #F56A21; border-radius: 2px 2px 0 0}
:is(#u#u,.ut-filary-12){font: 400 16px/1.5 Manrope, sans-serif; color: #5C6170; opacity: .6; transform: translateY(4px)}
:is(#u#u,.ut-filary-13){font: 600 15px/1 Manrope, sans-serif; color: #F56A21}
:is(#u#u,.ut-filary-14){font: 700 clamp(36px, 3vw, 46px)/0.95 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-filary-15){left: -40px}
:is(#u#u,.ut-filary-16){margin: -8px 0 28px; font: 400 clamp(17px, 1.5vw, 19px)/1.6 Manrope, sans-serif; color: #141A2E; max-width: 58ch}
:is(#u#u,.ut-filary-17){margin: 0; flex: 1 1 320px; font: 600 clamp(36px, 4.4vw, 64px)/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-filary-18){margin: 0; font: 400 18px/1.6 Manrope, sans-serif; color: #5C6170; max-width: 32ch}
:is(#u#u,.ut-filary-19){position: absolute; top: 6px; font: 600 11px/1 Manrope, sans-serif; letter-spacing: .1em; color: #5C6170}
:is(#u#u,.ut-filary-2){display: flex; flex-direction: column; justify-content: space-between; gap: 20px; min-height: 220px; padding: 32px 24px 24px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 16px; text-decoration: none; box-sizing: border-box; animation-range: entry 10% entry 45%}
:is(#u#u,.ut-filary-20){position: absolute; width: 4px; height: 72%; display: flex; flex-direction: column}
:is(#u#u,.ut-filary-21){position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #07135F; z-index: 1}
:is(#u#u,.ut-filary-22){position: relative; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 32px; padding: 22px 12px; border-bottom: 1px solid #BEBEBE; text-decoration: none; background: transparent}
:is(#u#u,.ut-filary-23){position: relative; flex: 0 0 auto; width: 96px; height: 96px; border: 2px solid #BEBEBE; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center}
:is(#u#u,.ut-filary-24){position: relative; padding-left: 44px}
:is(#u#u,.ut-filary-3){display: flex; flex-direction: column; justify-content: space-between; gap: 20px; min-height: 220px; padding: 32px 24px 24px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 16px; text-decoration: none; box-sizing: border-box; animation-range: entry 20% entry 55%}
:is(#u#u,.ut-filary-4){display: flex; flex-direction: column; justify-content: space-between; gap: 20px; min-height: 220px; padding: 32px 24px 24px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 16px; text-decoration: none; box-sizing: border-box; animation-range: entry 30% entry 65%}
:is(#u#u,.ut-filary-5){display: flex; flex-direction: column; justify-content: space-between; gap: 20px; min-height: 220px; padding: 32px 24px 24px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 16px; text-decoration: none; box-sizing: border-box; animation-range: entry 40% entry 75%}
:is(#u#u,.ut-filary-6){display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: center; margin-bottom: clamp(24px, 3vw, 40px)}
:is(#u#u,.ut-filary-7){display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px}
:is(#u#u,.ut-filary-8){flex: 0 0 240px; font: 700 clamp(28px, 2.8vw, 40px)/1 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-filary-9){flex: 1 1 320px; font: 400 18px/1.5 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-filmy-1){display: block; font: 600 22px/1.1 'Barlow Condensed', sans-serif; color: #07135F}
:is(#u#u,.ut-filmy-10){flex: 0 0 128px; aspect-ratio: 16 / 9; background: #07135F; border-radius: 10px}
:is(#u#u,.ut-filmy-11){flex: 1 1 320px; max-width: 480px; min-width: 0; display: flex; flex-direction: column; gap: 4px}
:is(#u#u,.ut-filmy-12){flex: 1 1 560px; min-width: 0}
:is(#u#u,.ut-filmy-13){margin-top: 16px; font: 600 16px/1 Manrope, sans-serif; color: #F56A21; text-decoration: none; align-self: flex-start; border-bottom: 2px solid #F56A21; padding-bottom: 4px}
:is(#u#u,.ut-filmy-14){margin: 0 0 10px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-filmy-15){margin: 0 0 6px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-filmy-16){margin: 0 0 6px; font: 600 clamp(26px, 2.8vw, 36px)/1.05 'Barlow Condensed', sans-serif; color: #07135F}
:is(#u#u,.ut-filmy-17){margin: 0; font: 400 17px/1.55 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-filmy-18){margin: 0; font: 400 18px/1.6 Manrope, sans-serif; color: #5C6170; max-width: 34ch}
:is(#u#u,.ut-filmy-19){max-width: 56ch}
:is(#u#u,.ut-filmy-2){display: block; margin-top: 4px; font: 500 12px/1 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-filmy-20){min-width: 0}
:is(#u#u,.ut-filmy-21){position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 88px; height: 88px; border-radius: 50%; background: rgba(255,255,255,.14); border: 2px solid rgba(255,255,255,.8); display: inline-flex; align-items: center; justify-content: center}
:is(#u#u,.ut-filmy-3){display: flex; align-items: flex-start; aspect-ratio: 16 / 9; width: 100%; background: #07135F; border-radius: 12px; padding: 20px; box-sizing: border-box; text-decoration: none; position: relative; overflow: clip}
:is(#u#u,.ut-filmy-4){display: flex; flex-wrap: wrap; gap: 32px 40px; align-items: flex-start}
:is(#u#u,.ut-filmy-5){display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px 32px; margin-top: 18px}
:is(#u#u,.ut-filmy-6){display: flex; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; text-decoration: none; animation-range: entry 30% entry 70%}
:is(#u#u,.ut-filmy-7){display: flex; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid #BEBEBE; text-decoration: none; animation-range: entry 10% entry 50%}
:is(#u#u,.ut-filmy-8){display: flex; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid #BEBEBE; text-decoration: none; animation-range: entry 20% entry 60%}
:is(#u#u,.ut-filmy-9){display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border-radius: 12px; border: 2px solid #07135F; background: transparent; color: #07135F; font: 600 20px/1 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; box-sizing: border-box}
:is(#u#u,.ut-formularz-1){display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px}
:is(#u#u,.ut-formularz-2){display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 28px; border: 0; border-radius: 12px; background: #F56A21; color: #FFFFFF; font: 600 20px/1 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; cursor: pointer}
:is(#u#u,.ut-formularz-3){flex: 1 1 420px; min-width: 0; display: grid; gap: 18px; background: #F7F7F7; border-radius: 16px; padding: clamp(24px, 3vw, 40px); box-sizing: border-box}
:is(#u#u,.ut-formularz-4){font: 400 13px/1.5 Manrope, sans-serif; color: #5C6170; max-width: 34ch}
:is(#u#u,.ut-formularz-5){margin: 0 0 16px; font: 400 18px/1.6 Manrope, sans-serif; color: #141A2E; max-width: 40ch}
:is(#u#u,.ut-formularz-6){margin: 0; font: 400 16px/1.6 Manrope, sans-serif; color: #5C6170; max-width: 40ch}
:is(#u#u,.ut-formularz-7){resize: vertical; min-height: 150px}
:is(#u#u,.ut-idea-1){flex: 999 1 480px; min-width: 0}
:is(#u#u,.ut-idea-2){margin: 0; font: 500 clamp(20px, 2.2vw, 30px)/1.4 Manrope, sans-serif; color: #141A2E; max-width: 32ch}
:is(#u#u,.ut-impuls-1){display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px 32px}
:is(#u#u,.ut-impuls-2){font: 600 16px/1 'Barlow Condensed', sans-serif; letter-spacing: .14em; color: #F56A21}
:is(#u#u,.ut-impuls-3){margin: 0 0 clamp(28px, 3.5vw, 48px); font: 600 clamp(40px, 5.2vw, 76px)/1 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-impuls-4){margin: 0; font: 400 18px/1.6 Manrope, sans-serif; color: #141A2E; max-width: 40ch}
:is(#u#u,.ut-impuls-5){margin: 14px 0 10px; font: 600 38px/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-impuls-6){position: relative; border-top: 3px solid #07135F; padding-top: 20px}
:is(#u#u,.ut-impuls-7){position: relative; border-top: 3px solid #07135F; padding-top: 20px; animation-range: entry 20% entry 60%}
:is(#u#u,.ut-impuls-8){position: relative; border-top: 3px solid #07135F; padding-top: 20px; animation-range: entry 30% entry 70%}
:is(#u#u,.ut-kierunek-1){background: #07135F; border-radius: 16px; padding: 36px 32px; color: #FFFFFF}
:is(#u#u,.ut-kierunek-10){display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; aspect-ratio: 16 / 9; border: 1px dashed #BEBEBE; border-radius: 14px; text-decoration: none; text-align: center; padding: 16px; box-sizing: border-box; animation-range: entry 40% entry 85%}
:is(#u#u,.ut-kierunek-11){display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 20px}
:is(#u#u,.ut-kierunek-12){display: flex; flex-wrap: wrap; gap: 10px}
:is(#u#u,.ut-kierunek-13){display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; border-top: 1px solid #BEBEBE; padding-top: 28px}
:is(#u#u,.ut-kierunek-14){display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 32px; border-top: 1px solid #BEBEBE; padding-top: 24px; margin-bottom: 24px}
:is(#u#u,.ut-kierunek-15){display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 32px 24px}
:is(#u#u,.ut-kierunek-16){display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px}
:is(#u#u,.ut-kierunek-17){display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px}
:is(#u#u,.ut-kierunek-18){display: inline-flex; align-items: center; gap: 10px; font: 600 15px/1 Manrope, sans-serif; color: #07135F; border: 1px solid #BEBEBE; border-radius: 999px; padding: 10px 16px 10px 10px; text-decoration: none}
:is(#u#u,.ut-kierunek-19){display: inline-flex; flex-direction: column; gap: 6px; font: 500 15px/1.3 Manrope, sans-serif; color: #07135F; border: 1px solid #BEBEBE; border-radius: 14px; padding: 12px 16px}
:is(#u#u,.ut-kierunek-2){background: #F7F7F7; padding: clamp(64px, 8vw, 112px) clamp(16px, 3.5vw, 48px)}
:is(#u#u,.ut-kierunek-20){font: 400 14px/1.4 Manrope, sans-serif; color: #5C6170}
:is(#u#u,.ut-kierunek-21){font: 600 11px/1 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-kierunek-22){font: 600 11px/1 Manrope, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #5C6170; border: 1px dashed #BEBEBE; border-radius: 999px; padding: 6px 10px}
:is(#u#u,.ut-kierunek-23){font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-kierunek-24){font: 600 22px/1.1 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-kierunek-25){margin: 0 0 10px; font: 600 12px/1 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-kierunek-26){margin: 0 0 20px; font: 400 17px/1.55 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-kierunek-27){margin: 0 0 20px; font: 600 clamp(28px, 3vw, 40px)/1.08 'Barlow Condensed', sans-serif; text-transform: uppercase}
:is(#u#u,.ut-kierunek-28){margin: 0 0 20px; font: 700 clamp(56px, 8vw, 128px)/0.92 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-kierunek-29){margin: 0 0 8px; font: 600 26px/1.1 'Barlow Condensed', sans-serif; color: #07135F}
:is(#u#u,.ut-kierunek-3){background: #FFFFFF; border-radius: 16px; padding: 28px; border: 1px solid #E6E7EB; border-left: 4px solid #F56A21}
:is(#u#u,.ut-kierunek-30){margin: 0 0 clamp(40px, 5vw, 64px); font: 400 clamp(17px, 1.5vw, 19px)/1.6 Manrope, sans-serif; color: #141A2E; max-width: 62ch}
:is(#u#u,.ut-kierunek-31){margin: 0; font: 400 15px/1.5 Manrope, sans-serif; color: #5C6170}
:is(#u#u,.ut-kierunek-32){margin: 0; font: 400 16px/1.55 Manrope, sans-serif; color: rgba(255,255,255,.78)}
:is(#u#u,.ut-kierunek-33){margin: 0; font: 500 clamp(22px, 2.4vw, 32px)/1.35 Manrope, sans-serif; color: #141A2E; max-width: 30ch}
:is(#u#u,.ut-kierunek-34){margin: 0; font: 600 clamp(28px, 3vw, 40px)/1 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-kierunek-35){margin: 0; padding: 20px 0; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; font: 500 clamp(18px, 1.6vw, 21px)/1.45 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-kierunek-36){margin: 0; padding: 20px 0; border-top: 1px solid #BEBEBE; font: 500 clamp(18px, 1.6vw, 21px)/1.45 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-kierunek-37){margin: 0; padding: 8px 0 28px; font: 500 clamp(24px, 2.6vw, 36px)/1.3 Manrope, sans-serif; color: #07135F; max-width: 32ch}
:is(#u#u,.ut-kierunek-38){position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,.14); border: 2px solid rgba(255,255,255,.8); display: inline-flex; align-items: center; justify-content: center}
:is(#u#u,.ut-kierunek-39){position: relative; display: flex; align-items: flex-end; aspect-ratio: 16 / 9; background: #07135F; border-radius: 14px; padding: 14px; box-sizing: border-box}
:is(#u#u,.ut-kierunek-4){background: #FFFFFF; border-radius: 16px; padding: 36px 32px; border: 1px solid #E6E7EB}
:is(#u#u,.ut-kierunek-40){text-decoration: none; display: block}
:is(#u#u,.ut-kierunek-41){text-decoration: none; display: block; animation-range: entry 20% entry 65%}
:is(#u#u,.ut-kierunek-42){text-decoration: none; display: block; animation-range: entry 30% entry 75%}
:is(#u#u,.ut-kierunek-5){display: block; margin-top: 12px; font: 500 13px/1.4 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-kierunek-6){display: block; margin-top: 14px; font: 600 24px/1.1 'Barlow Condensed', sans-serif; color: #07135F}
:is(#u#u,.ut-kierunek-7){display: block; margin-top: 6px; font: 500 13px/1 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-kierunek-8){display: block; margin-top: 8px; font: 500 12px/1.4 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-kierunek-9){display: flex; align-items: center; justify-content: center; border: 1px dashed #BEBEBE; border-radius: 16px; min-height: 160px; font: 500 15px/1.5 Manrope, sans-serif; color: #5C6170; text-align: center; padding: 24px; box-sizing: border-box}
:is(#u#u,.ut-kierunki-1){background: #FFFFFF; padding: clamp(64px, 8vw, 112px) clamp(16px, 3.5vw, 48px) clamp(40px, 5vw, 72px); overflow: clip}
:is(#u#u,.ut-kierunki-2){display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 32px; margin-bottom: 28px}
:is(#u#u,.ut-kierunki-3){display: inline-flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border: 1px solid #BEBEBE; border-radius: 999px; background: #FFFFFF; text-decoration: none; font: 600 18px/1 'Barlow Condensed', sans-serif; letter-spacing: .04em; text-transform: uppercase; color: #07135F}
:is(#u#u,.ut-kierunki-4){margin: 0 0 14px; font: 400 clamp(17px, 1.6vw, 20px)/1.55 Manrope, sans-serif; color: #5C6170; max-width: 46ch}
:is(#u#u,.ut-kierunki-5){margin: 0 0 14px; font: 500 clamp(20px, 2.2vw, 28px)/1.4 Manrope, sans-serif; color: #141A2E; max-width: 40ch}
:is(#u#u,.ut-kierunki-6){margin: 0; font: 400 16px/1.5 Manrope, sans-serif; color: #5C6170; max-width: 44ch}
:is(#u#u,.ut-kierunki-7){margin: 0; font: 500 clamp(20px, 2.2vw, 28px)/1.4 Manrope, sans-serif; color: #F56A21; max-width: 40ch}
:is(#u#u,.ut-kierunki-8){max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 32px 72px; align-items: center}
:is(#u#u,.ut-kim-jestem-1){background: #FFFFFF; padding: clamp(40px, 5vw, 64px) clamp(16px, 3.5vw, 48px); overflow: clip}
:is(#u#u,.ut-kim-jestem-2){display: flex; align-items: center; gap: 14px; flex-wrap: wrap}
:is(#u#u,.ut-kim-jestem-3){flex: 0 0 152px; aspect-ratio: 4 / 5; background: #07135F; border-radius: 14px; display: flex; align-items: flex-end; padding: 10px; box-sizing: border-box}
:is(#u#u,.ut-kim-jestem-4){font: 600 11px/1 Manrope, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #5C6170; border: 1px solid #BEBEBE; border-radius: 999px; padding: 6px 10px}
:is(#u#u,.ut-kim-jestem-5){margin: 0 0 16px; font: 500 clamp(19px, 1.9vw, 24px)/1.45 Manrope, sans-serif; color: #07135F; max-width: 60ch}
:is(#u#u,.ut-kim-jestem-6){max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 24px 40px; align-items: center}
:is(#u#u,.ut-kolumna){max-width: 1200px; margin: 0 auto}
:is(#u#u,.ut-kontakt-start-1){margin: 0 0 14px; font: 500 clamp(20px, 2.2vw, 28px)/1.4 Manrope, sans-serif; color: #141A2E; max-width: 34ch}
:is(#u#u,.ut-kontakt-start-2){margin: 0 0 24px; font: 700 clamp(64px, 9vw, 144px)/0.92 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-kontakt-start-3){margin: 0; font: 400 18px/1.6 Manrope, sans-serif; color: #5C6170; max-width: 48ch}
:is(#u#u,.ut-list-1){display: block}
:is(#u#u,.ut-list-2){display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; max-width: 720px; margin: 0 auto}
:is(#u#u,.ut-list-3){flex: 1 1 260px; max-width: 420px; min-height: 56px; padding: 0 20px; border: 2px solid #BEBEBE; border-radius: 12px; background: #FFFFFF; font: 400 17px/1 Manrope, sans-serif; color: #141A2E; box-sizing: border-box}
:is(#u#u,.ut-list-4){margin: 0 0 16px; font: 600 clamp(34px, 4.2vw, 56px)/1.04 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-list-5){margin: 0 auto 28px; font: 400 18px/1.6 Manrope, sans-serif; color: #141A2E; max-width: 46ch}
:is(#u#u,.ut-list-6){margin: 16px 0 0; font: 400 14px/1.5 Manrope, sans-serif; color: #5C6170}
:is(#u#u,.ut-list-7){max-width: 1000px; margin: 0 auto; text-align: center}
:is(#u#u,.ut-list-start-1){background: #FFFFFF; padding: clamp(64px, 8vw, 112px) clamp(16px, 3.5vw, 48px); overflow: clip}
:is(#u#u,.ut-list-start-2){margin: 0 0 24px; font: 700 clamp(40px, 5.2vw, 84px)/0.95 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-list-start-3){margin: 0; font: 500 clamp(20px, 2.2vw, 28px)/1.4 Manrope, sans-serif; color: #141A2E; max-width: 34ch}
:is(#u#u,.ut-manifest-1){background: #07135F; color: #FFFFFF; padding: clamp(64px, 8vw, 112px) clamp(16px, 3.5vw, 48px)}
:is(#u#u,.ut-manifest-10){margin: 0; font: 500 clamp(20px, 2.1vw, 28px)/1.4 Manrope, sans-serif; color: #FFFFFF}
:is(#u#u,.ut-manifest-11){margin: 0; font: 600 clamp(40px, 5.4vw, 80px)/0.98 'Barlow Condensed', sans-serif; color: #F56A21; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-manifest-12){margin: clamp(32px, 4vw, 56px) 0 0; font: 600 clamp(36px, 4.6vw, 72px)/0.98 'Barlow Condensed', sans-serif; color: #F56A21; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-manifest-13){max-width: 1000px; margin: 0 auto; position: relative; padding-left: 28px}
:is(#u#u,.ut-manifest-14){position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #F56A21; transform: scaleY(0); transform-origin: 50% 0}
:is(#u#u,.ut-manifest-2){display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px 64px}
:is(#u#u,.ut-manifest-3){margin: 0 0 12px; font: 500 clamp(20px, 2.1vw, 28px)/1.4 Manrope, sans-serif; color: #FFFFFF}
:is(#u#u,.ut-manifest-4){margin: 0 0 12px; font: 500 clamp(22px, 2.5vw, 34px)/1.35 Manrope, sans-serif; color: #FFFFFF}
:is(#u#u,.ut-manifest-5){margin: 0 0 16px; font: 700 clamp(32px, 3.6vw, 52px)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; color: #F56A21}
:is(#u#u,.ut-manifest-6){margin: 0 0 16px; font: 700 clamp(32px, 3.6vw, 52px)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; color: rgba(255,255,255,.55)}
:is(#u#u,.ut-manifest-7){margin: 0 0 28px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #F56A21}
:is(#u#u,.ut-manifest-8){margin: 0 0 32px; font: 500 clamp(22px, 2.5vw, 34px)/1.35 Manrope, sans-serif; color: #FFFFFF}
:is(#u#u,.ut-manifest-9){margin: 0 0 32px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #F56A21}
:is(#u#u,.ut-maski-1){display: flex; flex-wrap: wrap; gap: 24px 64px; align-items: center}
:is(#u#u,.ut-maski-10){position: absolute; left: 5px; top: 4px; z-index: 2; font: 700 clamp(72px, 10vw, 160px)/0.92 'Barlow Condensed', sans-serif; text-transform: uppercase; white-space: nowrap}
:is(#u#u,.ut-maski-11){position: relative; z-index: 0; display: inline-block; font: 700 clamp(72px, 10vw, 160px)/0.92 'Barlow Condensed', sans-serif; color: #F56A21; text-transform: uppercase}
:is(#u#u,.ut-maski-2){flex: 1 1 520px; min-width: 0; position: relative; min-height: 1em; line-height: 0.92}
:is(#u#u,.ut-maski-3){margin: 0 0 16px; font: 500 clamp(19px, 1.9vw, 24px)/1.45 Manrope, sans-serif; color: #141A2E; max-width: 36ch; animation-range: entry 40% entry 75%}
:is(#u#u,.ut-maski-4){margin: 0 0 16px; font: 600 clamp(36px, 4.4vw, 64px)/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-maski-5){margin: 0 0 8px; font: 500 clamp(19px, 1.9vw, 24px)/1.45 Manrope, sans-serif; color: #141A2E; max-width: 36ch; animation-range: entry 20% entry 55%}
:is(#u#u,.ut-maski-6){margin: 0 0 8px; font: 500 clamp(19px, 1.9vw, 24px)/1.45 Manrope, sans-serif; color: #141A2E; max-width: 36ch; animation-range: entry 30% entry 65%}
:is(#u#u,.ut-maski-7){margin: 0; font: 600 clamp(26px, 2.6vw, 36px)/1.2 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-maski-8){position: absolute; left: 0; top: 0; z-index: 3; font: 700 clamp(72px, 10vw, 160px)/0.92 'Barlow Condensed', sans-serif; text-transform: uppercase; white-space: nowrap}
:is(#u#u,.ut-maski-9){position: absolute; left: 10px; top: 8px; z-index: 1; font: 700 clamp(72px, 10vw, 160px)/0.92 'Barlow Condensed', sans-serif; text-transform: uppercase; white-space: nowrap}
:is(#u#u,.ut-menu-1){display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 28px; border-radius: 12px; background: #F56A21; color: #FFFFFF; font: 600 20px/1 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; box-sizing: border-box; align-self: flex-start; margin-top: 28px}
:is(#u#u,.ut-naglowek-1){display: flex; align-items: center; gap: 10px; flex: 0 0 auto}
:is(#u#u,.ut-naglowek-2){display: inline-flex; align-items: center; flex: 0 0 auto}
:is(#u#u,.ut-naglowek-3){display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; border-radius: 12px; background: #F56A21; color: #FFFFFF; font: 600 18px/1 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; box-sizing: border-box; white-space: nowrap}
:is(#u#u,.ut-naglowek-4){height: 36px; width: auto; display: block}
:is(#u#u,.ut-naglowek-5){max-width: 1200px; margin: 0 auto; padding: 14px clamp(16px, 3.5vw, 48px); display: flex; align-items: center; justify-content: space-between; gap: 16px 36px}
:is(#u#u,.ut-naglowek-6){color: #07135F}
:is(#u#u,.ut-naglowek-7){position: relative; font: 600 14px/1 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #07135F; text-decoration: none; padding: 14px 0; white-space: nowrap}
:is(#u#u,.ut-naglowek-8){position: relative; font: 600 14px/1 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding: 14px 0; white-space: nowrap}
:is(#u#u,.ut-najnowszy-1){animation-delay: .95s}
:is(#u#u,.ut-najnowszy-10){animation-delay: 1.45s}
:is(#u#u,.ut-najnowszy-11){animation-delay: 1.4s}
:is(#u#u,.ut-najnowszy-12){animation-delay: 1.55s}
:is(#u#u,.ut-najnowszy-13){animation-delay: 1.5s}
:is(#u#u,.ut-najnowszy-14){animation-delay: 1.65s}
:is(#u#u,.ut-najnowszy-15){animation-delay: 1.6s}
:is(#u#u,.ut-najnowszy-16){animation-delay: 1.75s}
:is(#u#u,.ut-najnowszy-17){animation-delay: 1.7s}
:is(#u#u,.ut-najnowszy-18){animation-delay: 1.85s}
:is(#u#u,.ut-najnowszy-19){animation-delay: 1.8s}
:is(#u#u,.ut-najnowszy-2){animation-delay: .9s}
:is(#u#u,.ut-najnowszy-20){animation-delay: 1.95s}
:is(#u#u,.ut-najnowszy-21){animation-delay: 1.9s}
:is(#u#u,.ut-najnowszy-22){animation-delay: 1s}
:is(#u#u,.ut-najnowszy-23){animation-delay: 2.05s}
:is(#u#u,.ut-najnowszy-24){animation-delay: 2s}
:is(#u#u,.ut-najnowszy-25){background: #FFFFFF; padding: clamp(64px, 8vw, 112px) clamp(16px, 3.5vw, 48px)}
:is(#u#u,.ut-najnowszy-26){display: flex; align-items: flex-start; aspect-ratio: 16 / 9; width: 100%; background: #07135F; border-radius: 16px; padding: 24px; box-sizing: border-box; text-decoration: none; position: relative; overflow: clip}
:is(#u#u,.ut-najnowszy-27){display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 48px; margin-top: 24px}
:is(#u#u,.ut-najnowszy-28){display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 6px; margin-bottom: 10px}
:is(#u#u,.ut-najnowszy-29){margin: 0 0 10px; font: 600 clamp(28px, 3vw, 40px)/1.05 'Barlow Condensed', sans-serif; color: #07135F}
:is(#u#u,.ut-najnowszy-3){animation-delay: 1.05s}
:is(#u#u,.ut-najnowszy-30){margin: 0 0 8px; font: 400 18px/1.6 Manrope, sans-serif; color: #5C6170}
:is(#u#u,.ut-najnowszy-31){margin: 0 0 8px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-najnowszy-32){margin: 0; font: 400 18px/1.6 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-najnowszy-33){margin: 0; font: 700 clamp(52px, 7vw, 112px)/0.95 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-najnowszy-34){max-width: 38ch}
:is(#u#u,.ut-najnowszy-35){max-width: 60ch}
:is(#u#u,.ut-najnowszy-36){position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 96px; height: 96px; border-radius: 50%; background: rgba(255,255,255,.14); border: 2px solid rgba(255,255,255,.8); display: inline-flex; align-items: center; justify-content: center}
:is(#u#u,.ut-najnowszy-4){animation-delay: 1.15s}
:is(#u#u,.ut-najnowszy-5){animation-delay: 1.1s}
:is(#u#u,.ut-najnowszy-6){animation-delay: 1.25s}
:is(#u#u,.ut-najnowszy-7){animation-delay: 1.2s}
:is(#u#u,.ut-najnowszy-8){animation-delay: 1.35s}
:is(#u#u,.ut-najnowszy-9){animation-delay: 1.3s}
:is(#u#u,.ut-natura-1){color: #F56A21; animation-range: entry 25% entry 55%}
:is(#u#u,.ut-natura-10){position: relative; z-index: 2; width: 100%; max-width: 1296px; margin: 0 auto; padding: clamp(56px, 7vw, 96px) clamp(16px, 3.5vw, 48px); box-sizing: border-box}
:is(#u#u,.ut-natura-2){color: #F56A21; animation-range: entry 35% entry 65%}
:is(#u#u,.ut-natura-3){color: #F56A21; animation-range: entry 45% entry 75%}
:is(#u#u,.ut-natura-4){display: inline-block; border: 1px dashed rgba(255,255,255,.45); border-radius: 999px; padding: 8px 12px; margin-bottom: 28px; font: 500 12px/1.4 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.8)}
:is(#u#u,.ut-natura-5){margin: 0 0 24px; font: 700 clamp(56px, 8vw, 128px)/0.92 'Barlow Condensed', sans-serif; color: #FFFFFF; text-transform: uppercase}
:is(#u#u,.ut-natura-6){margin: 0 0 28px; font: 500 clamp(20px, 2.2vw, 30px)/1.35 Manrope, sans-serif; color: rgba(255,255,255,.9); max-width: 34ch}
:is(#u#u,.ut-natura-7){max-width: 680px}
:is(#u#u,.ut-natura-8){position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #07135F}
:is(#u#u,.ut-natura-9){position: relative; min-height: 620px; background: #07135F; color: #FFFFFF; display: flex; align-items: flex-end; overflow: clip; box-sizing: border-box}
:is(#u#u,.ut-nazwa-1){display: flex; flex-wrap: wrap; gap: 32px 64px; align-items: center}
:is(#u#u,.ut-nazwa-10){font: 700 24px/1 'Barlow Condensed', sans-serif; color: #F56A21}
:is(#u#u,.ut-nazwa-11){margin: 0 0 12px; font: 500 clamp(19px, 1.9vw, 24px)/1.45 Manrope, sans-serif; color: #141A2E; max-width: 40ch}
:is(#u#u,.ut-nazwa-12){margin: 0; font: 400 18px/1.6 Manrope, sans-serif; color: #5C6170; max-width: 44ch}
:is(#u#u,.ut-nazwa-13){position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px}
:is(#u#u,.ut-nazwa-14){position: relative; margin-top: clamp(36px, 5vw, 64px); padding: 20px 0}
:is(#u#u,.ut-nazwa-15){width: 12px; height: 12px; border-radius: 50%; background: #BEBEBE; margin-top: 2px}
:is(#u#u,.ut-nazwa-16){width: 16px; height: 16px; border-radius: 50%; background: #07135F}
:is(#u#u,.ut-nazwa-17){width: 16px; height: 16px; border-radius: 50%; background: #F56A21}
:is(#u#u,.ut-nazwa-2){display: inline-flex; flex-direction: column; align-items: center; gap: 10px}
:is(#u#u,.ut-nazwa-3){display: inline-flex; flex-direction: column; align-items: flex-end; gap: 10px}
:is(#u#u,.ut-nazwa-4){display: inline-flex; flex-direction: column; align-items: flex-start; gap: 10px}
:is(#u#u,.ut-nazwa-5){flex: 0 0 auto; width: clamp(96px, 10vw, 140px); height: auto}
:is(#u#u,.ut-nazwa-6){font: 500 13px/1.4 Manrope, sans-serif; color: #5C6170}
:is(#u#u,.ut-nazwa-7){font: 500 13px/1.4 Manrope, sans-serif; color: #5C6170; text-align: center}
:is(#u#u,.ut-nazwa-8){font: 500 13px/1.4 Manrope, sans-serif; color: #5C6170; text-align: right}
:is(#u#u,.ut-nazwa-9){font: 700 24px/1 'Barlow Condensed', sans-serif; color: #07135F}
:is(#u#u,.ut-nie-jest-1){display: inline-flex; align-items: center; gap: 12px; padding: 14px 18px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 999px; font: 500 18px/1.3 Manrope, sans-serif; color: #07135F; animation-range: entry 0% entry 40%}
:is(#u#u,.ut-nie-jest-2){display: inline-flex; align-items: center; gap: 12px; padding: 14px 18px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 999px; font: 500 18px/1.3 Manrope, sans-serif; color: #07135F; animation-range: entry 16% entry 56%}
:is(#u#u,.ut-nie-jest-3){display: inline-flex; align-items: center; gap: 12px; padding: 14px 18px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 999px; font: 500 18px/1.3 Manrope, sans-serif; color: #07135F; animation-range: entry 24% entry 64%}
:is(#u#u,.ut-nie-jest-4){display: inline-flex; align-items: center; gap: 12px; padding: 14px 18px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 999px; font: 500 18px/1.3 Manrope, sans-serif; color: #07135F; animation-range: entry 32% entry 72%}
:is(#u#u,.ut-nie-jest-5){display: inline-flex; align-items: center; gap: 12px; padding: 14px 18px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 999px; font: 500 18px/1.3 Manrope, sans-serif; color: #07135F; animation-range: entry 40% entry 80%}
:is(#u#u,.ut-nie-jest-6){display: inline-flex; align-items: center; gap: 12px; padding: 14px 18px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 999px; font: 500 18px/1.3 Manrope, sans-serif; color: #07135F; animation-range: entry 8% entry 48%}
:is(#u#u,.ut-nie-jest-7){list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px}
:is(#u#u,.ut-nie-jest-8){margin: 0 0 32px; font: 600 clamp(36px, 4.4vw, 64px)/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-nie-jest-9){margin: 28px 0 0; font: 500 clamp(19px, 1.9vw, 24px)/1.45 Manrope, sans-serif; color: #141A2E; max-width: 40ch}
:is(#u#u,.ut-od-do-1){background: #F7F7F7; padding: clamp(48px, 6vw, 80px) clamp(16px, 3.5vw, 48px); overflow: clip}
:is(#u#u,.ut-od-do-10){padding: 16px 0; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; font: 500 clamp(20px, 2vw, 26px)/1.35 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-od-do-11){padding: 16px 0; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; font: 600 clamp(19px, 1.8vw, 24px)/1.35 Manrope, sans-serif; color: #07135F}
:is(#u#u,.ut-od-do-12){padding: 16px 0; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; font: 600 clamp(20px, 2vw, 26px)/1.35 Manrope, sans-serif; color: #07135F}
:is(#u#u,.ut-od-do-13){padding: 16px 0; border-top: 1px solid #BEBEBE; font: 500 clamp(19px, 1.8vw, 24px)/1.35 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-od-do-14){padding: 16px 0; border-top: 1px solid #BEBEBE; font: 500 clamp(20px, 2vw, 26px)/1.35 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-od-do-15){padding: 16px 0; border-top: 1px solid #BEBEBE; font: 600 clamp(19px, 1.8vw, 24px)/1.35 Manrope, sans-serif; color: #07135F}
:is(#u#u,.ut-od-do-16){padding: 16px 0; border-top: 1px solid #BEBEBE; font: 600 clamp(20px, 2vw, 26px)/1.35 Manrope, sans-serif; color: #07135F}
:is(#u#u,.ut-od-do-17){width: 96px; height: 96px; border: 2px solid #BEBEBE; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center}
:is(#u#u,.ut-od-do-2){list-style: none; margin: 0; padding: 0}
:is(#u#u,.ut-od-do-3){margin: 0 0 4px; font: 700 clamp(40px, 4vw, 56px)/1 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-od-do-4){margin: 0 0 4px; font: 700 clamp(40px, 4vw, 56px)/1 'Barlow Condensed', sans-serif; color: #F56A21; text-transform: uppercase}
:is(#u#u,.ut-od-do-5){display: flex; flex-wrap: wrap; gap: 40px 48px; margin-top: clamp(32px, 4vw, 56px); align-items: center}
:is(#u#u,.ut-od-do-6){display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px 64px; margin-top: clamp(32px, 4vw, 56px)}
:is(#u#u,.ut-od-do-7){flex: 0 0 96px; display: flex; align-items: center; justify-content: center}
:is(#u#u,.ut-od-do-8){flex: 1 1 300px; min-width: 0}
:is(#u#u,.ut-od-do-9){padding: 16px 0; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; font: 500 clamp(19px, 1.8vw, 24px)/1.35 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-odejmuj-1){flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 6px; padding-top: 8px}
:is(#u#u,.ut-odejmuj-2){flex: 1 1 360px; min-width: 0}
:is(#u#u,.ut-odejmuj-3){font: 600 clamp(34px, 3.6vw, 56px)/1.05 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-odejmuj-4){margin-top: 20px; padding-top: 20px; border-top: 3px solid #07135F; font: 700 clamp(44px, 5vw, 80px)/0.95 'Barlow Condensed', sans-serif; color: #F56A21; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-odejmuj-5){margin: 0 0 12px; font: 400 clamp(18px, 1.6vw, 20px)/1.6 Manrope, sans-serif; color: #141A2E; max-width: 38ch}
:is(#u#u,.ut-odejmuj-6){margin: 0; font: 400 clamp(18px, 1.6vw, 20px)/1.6 Manrope, sans-serif; color: #5C6170; max-width: 38ch}
:is(#u#u,.ut-prezent-1){background: #F7F7F7; border-radius: 16px; padding: 32px; border-left: 4px solid #F56A21}
:is(#u#u,.ut-prezent-2){display: flex; gap: 24px; align-items: flex-start; background: #F7F7F7; border-radius: 16px; padding: 32px}
:is(#u#u,.ut-prezent-3){display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px}
:is(#u#u,.ut-prezent-4){flex: 0 0 120px; aspect-ratio: 3 / 4; background: #07135F; border-radius: 12px; display: flex; align-items: flex-end; padding: 10px; box-sizing: border-box; box-shadow: 0 18px 40px rgba(7,19,95,.14)}
:is(#u#u,.ut-prezent-5){margin: 0 0 10px; font: 600 clamp(26px, 2.6vw, 34px)/1.05 'Barlow Condensed', sans-serif; color: #07135F}
:is(#u#u,.ut-prezent-6){margin: 0 0 12px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #F56A21}
:is(#u#u,.ut-prezent-7){margin: 0 0 16px; font: 400 16px/1.55 Manrope, sans-serif; color: #5C6170}
:is(#u#u,.ut-prezent-8){margin: 0 0 24px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-ramy-1){display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px 64px; align-items: end}
:is(#u#u,.ut-ramy-2){margin: 0 0 28px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-ramy-3){margin: 0; font: 500 clamp(20px, 2vw, 26px)/1.4 Manrope, sans-serif; color: #141A2E; max-width: 32ch}
:is(#u#u,.ut-ramy-4){margin: 0; font: 700 clamp(56px, 7vw, 112px)/0.95 'Barlow Condensed', sans-serif; color: #F56A21; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-ramy-5){margin: 0; position: relative; font: 700 clamp(56px, 8vw, 128px)/0.92 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-ramy-6){position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid #07135F; border-radius: 14px; box-sizing: border-box}
:is(#u#u,.ut-ramy-7){position: absolute; left: 14px; top: 14px; width: calc(100% - 28px); height: calc(100% - 28px); border: 1px solid #07135F; border-radius: 14px; box-sizing: border-box; opacity: .5}
:is(#u#u,.ut-ramy-8){position: relative; display: inline-block; padding: clamp(16px, 2vw, 28px) clamp(20px, 3vw, 44px); margin: 12px 0 32px}
:is(#u#u,.ut-razem-1){animation-range: entry 0% entry 30%}
:is(#u#u,.ut-razem-10){animation-range: entry 38% entry 68%}
:is(#u#u,.ut-razem-11){animation-range: entry 42% entry 72%}
:is(#u#u,.ut-razem-12){animation-range: entry 48% entry 78%}
:is(#u#u,.ut-razem-13){animation-range: entry 5% entry 35%}
:is(#u#u,.ut-razem-14){animation-range: entry 55% entry 85%}
:is(#u#u,.ut-razem-15){animation-range: entry 58% entry 88%}
:is(#u#u,.ut-razem-16){animation-range: entry 62% entry 92%}
:is(#u#u,.ut-razem-17){animation-range: entry 8% entry 38%}
:is(#u#u,.ut-razem-18){display: flex; flex-wrap: wrap; gap: 24px 64px; align-items: flex-end}
:is(#u#u,.ut-razem-19){display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; max-width: 520px; margin-bottom: 28px}
:is(#u#u,.ut-razem-2){animation-range: entry 12% entry 42%}
:is(#u#u,.ut-razem-20){flex: 1 1 280px; margin: 0; font: 700 clamp(44px, 5.4vw, 88px)/0.95 'Barlow Condensed', sans-serif; color: #F56A21; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-razem-21){flex: 1 1 360px; margin: 0; font: 500 clamp(19px, 1.9vw, 24px)/1.45 Manrope, sans-serif; color: #141A2E; max-width: 48ch}
:is(#u#u,.ut-razem-22){margin: 0 0 24px; font: 600 clamp(40px, 5vw, 72px)/1 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-razem-3){animation-range: entry 15% entry 45%}
:is(#u#u,.ut-razem-4){animation-range: entry 18% entry 48%}
:is(#u#u,.ut-razem-5){animation-range: entry 22% entry 52%}
:is(#u#u,.ut-razem-6){animation-range: entry 25% entry 55%}
:is(#u#u,.ut-razem-7){animation-range: entry 28% entry 58%}
:is(#u#u,.ut-razem-8){animation-range: entry 3% entry 33%}
:is(#u#u,.ut-razem-9){animation-range: entry 35% entry 65%}
:is(#u#u,.ut-rolki-1){display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 32px; margin-bottom: 32px}
:is(#u#u,.ut-rolki-2){display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; max-width: 760px}
:is(#u#u,.ut-rolki-3){margin: 0; font: 400 16px/1.5 Manrope, sans-serif; color: #5C6170; max-width: 40ch}
:is(#u#u,.ut-rolki-4){position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 52px; height: 52px; border-radius: 50%; background: rgba(255,255,255,.14); border: 2px solid rgba(255,255,255,.8); display: inline-flex; align-items: center; justify-content: center}
:is(#u#u,.ut-rolki-5){position: relative; display: flex; align-items: flex-end; aspect-ratio: 9 / 16; background: #07135F; border-radius: 16px; padding: 14px; box-sizing: border-box; text-decoration: none}
:is(#u#u,.ut-serce-1){display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px 64px}
:is(#u#u,.ut-serce-2){margin: 0; font: 500 clamp(20px, 2vw, 26px)/1.4 Manrope, sans-serif; color: #141A2E; max-width: 30ch}
:is(#u#u,.ut-serie-1){display: block; font: 400 14px/1.45 Manrope, sans-serif; color: #5C6170}
:is(#u#u,.ut-serie-2){display: block; padding: 6px 0; border-top: 1px solid #E6E7EB}
:is(#u#u,.ut-serie-3){display: flex; flex-direction: column; gap: 14px; min-height: 300px; padding: 28px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 16px; text-decoration: none; box-sizing: border-box}
:is(#u#u,.ut-serie-4){display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px}
:is(#u#u,.ut-serie-5){font: 700 clamp(28px, 2.4vw, 34px)/0.98 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-serie-6){margin-top: auto; font: 500 13px/1 Manrope, sans-serif; color: #5C6170}
:is(#u#u,.ut-start-1){align-self: flex-start; border: 1px dashed rgba(255,255,255,.45); border-radius: 999px; padding: 8px 12px; margin-bottom: 32px; font: 500 12px/1.4 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.8)}
:is(#u#u,.ut-start-10){left: 34%; top: 22%; animation-delay: 0.6s}
:is(#u#u,.ut-start-11){left: 38%; animation-delay: 5.2s; animation-duration: 9.5s; --dx: 30px}
:is(#u#u,.ut-start-12){left: 39%; top: 44%; animation-delay: 0.9s}
:is(#u#u,.ut-start-13){left: 44%; animation-delay: 3.1s; animation-duration: 6.5s; --dx: -12px}
:is(#u#u,.ut-start-14){left: 44%; top: 12%; animation-delay: 3.0s}
:is(#u#u,.ut-start-15){left: 52%; animation-delay: 0.6s; animation-duration: 9s; --dx: 40px}
:is(#u#u,.ut-start-16){left: 52%; top: 31%; animation-delay: 1.7s}
:is(#u#u,.ut-start-17){left: 57%; top: 47%; animation-delay: 1.9s}
:is(#u#u,.ut-start-18){left: 61%; top: 8%; animation-delay: 2.6s}
:is(#u#u,.ut-start-19){left: 63%; animation-delay: 2.2s; animation-duration: 7.5s; --dx: -35px}
:is(#u#u,.ut-start-2){display: flex; flex-wrap: wrap; gap: 16px; margin-top: 36px}
:is(#u#u,.ut-start-20){left: 69%; top: 24%; animation-delay: 0.3s}
:is(#u#u,.ut-start-21){left: 72%; animation-delay: 4.0s; animation-duration: 8.5s; --dx: 18px}
:is(#u#u,.ut-start-22){left: 73%; top: 52%; animation-delay: 2.4s}
:is(#u#u,.ut-start-23){left: 78%; top: 36%; animation-delay: 1.1s}
:is(#u#u,.ut-start-24){left: 8%; top: 14%; animation-delay: 0s}
:is(#u#u,.ut-start-25){left: 83%; animation-delay: 1.8s; animation-duration: 6s; --dx: -22px}
:is(#u#u,.ut-start-26){left: 86%; top: 10%; animation-delay: 2.2s}
:is(#u#u,.ut-start-27){left: 92%; top: 27%; animation-delay: 3.3s}
:is(#u#u,.ut-start-28){left: 96%; top: 46%; animation-delay: 0.4s}
:is(#u#u,.ut-start-29){margin: 0; font: 700 clamp(72px, 13vw, 200px)/0.9 'Barlow Condensed', sans-serif; letter-spacing: .01em; text-transform: uppercase; color: #FFFFFF}
:is(#u#u,.ut-start-3){display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 28px; border-radius: 12px; border: 2px solid rgba(255,255,255,.7); background: transparent; color: #FFFFFF; font: 600 20px/1 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; box-sizing: border-box}
:is(#u#u,.ut-start-30){margin: 28px 0 0; font: 500 clamp(22px, 2.6vw, 36px)/1.3 Manrope, sans-serif; color: #FFFFFF; max-width: 30ch}
:is(#u#u,.ut-start-31){position: absolute; right: 6%; bottom: 12%; width: clamp(220px, 30vw, 520px); height: clamp(220px, 30vw, 520px); border-radius: 50%; background: #F56A21; z-index: 1; display: flex; align-items: center; justify-content: center}
:is(#u#u,.ut-start-32){position: absolute; right: clamp(16px, 3.5vw, 48px); bottom: 28px; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #FFFFFF; text-decoration: none; z-index: 2}
:is(#u#u,.ut-start-33){position: relative; min-height: 760px; background: #07135F; color: #FFFFFF; display: flex; flex-direction: column; box-sizing: border-box; overflow: clip}
:is(#u#u,.ut-start-34){width: 56%; height: auto; display: block}
:is(#u#u,.ut-start-4){flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; max-width: 1296px; margin: 0 auto; padding: 128px clamp(16px, 3.5vw, 48px) 72px; box-sizing: border-box; position: relative; z-index: 2}
:is(#u#u,.ut-start-5){left: 13%; top: 40%; animation-delay: 2.8s}
:is(#u#u,.ut-start-6){left: 17%; top: 28%; animation-delay: 1.2s}
:is(#u#u,.ut-start-7){left: 18%; animation-delay: 0s; animation-duration: 7s; --dx: -30px}
:is(#u#u,.ut-start-8){left: 26%; top: 9%; animation-delay: 2.1s}
:is(#u#u,.ut-start-9){left: 31%; animation-delay: 1.4s; animation-duration: 8s; --dx: 25px}
:is(#u#u,.ut-stopka-1){display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center}
:is(#u#u,.ut-stopka-10){display: flex; flex-direction: column; gap: 16px}
:is(#u#u,.ut-stopka-11){display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px 48px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.25)}
:is(#u#u,.ut-stopka-12){font: 600 11px/1 Manrope, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.75); border: 1px solid rgba(255,255,255,.35); border-radius: 999px; padding: 7px 11px}
:is(#u#u,.ut-stopka-13){font: 600 15px/1 Manrope, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding: 10px 0}
:is(#u#u,.ut-stopka-14){height: 36px; width: auto; display: block; align-self: flex-start}
:is(#u#u,.ut-stopka-15){margin: 0 0 36px; font: 600 clamp(36px, 4.6vw, 68px)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; color: #FFFFFF; display: flex; flex-wrap: wrap; gap: 0 .3em}
:is(#u#u,.ut-stopka-16){margin: 0; font: 400 15px/1.5 Manrope, sans-serif; color: rgba(255,255,255,.7)}
:is(#u#u,.ut-stopka-17){margin: 28px 0 0; font: 400 13px/1.5 Manrope, sans-serif; color: rgba(255,255,255,.55)}
:is(#u#u,.ut-stopka-2){font: 600 14px/1 Manrope, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding: 10px 0}
:is(#u#u,.ut-stopka-3){margin: 0; font: 600 clamp(28px, 3vw, 40px)/1 'Barlow Condensed', sans-serif; text-transform: uppercase}
:is(#u#u,.ut-stopka-4){max-width: 1200px; margin: 28px auto 0; font: 400 13px/1.5 Manrope, sans-serif; color: rgba(255,255,255,.55)}
:is(#u#u,.ut-stopka-5){background: #07135F; color: #FFFFFF; padding: 56px clamp(16px, 3.5vw, 48px) 32px}
:is(#u#u,.ut-stopka-6){background: #07135F; color: #FFFFFF; padding: 40px clamp(16px, 3.5vw, 48px) 32px; border-top: 1px solid rgba(255,255,255,.18)}
:is(#u#u,.ut-stopka-7){background: #07135F; color: #FFFFFF; padding: 56px clamp(16px, 3.5vw, 48px) 32px; border-top: 1px solid rgba(255,255,255,.12)}
:is(#u#u,.ut-stopka-8){background: #07135F; color: #FFFFFF; padding: clamp(56px, 7vw, 88px) clamp(16px, 3.5vw, 48px) 32px}
:is(#u#u,.ut-stopka-9){color: #F56A21; animation-range: entry 40% entry 70%}
:is(#u#u,.ut-system-1){background: #07135F; color: #FFFFFF; padding: clamp(56px, 7vw, 96px) clamp(16px, 3.5vw, 48px); overflow: clip}
:is(#u#u,.ut-system-2){margin: 0 0 16px; font: 500 clamp(22px, 2.4vw, 34px)/1.3 Manrope, sans-serif; color: #FFFFFF; max-width: 30ch}
:is(#u#u,.ut-system-3){margin: 0 0 24px; font: 700 clamp(56px, 8.5vw, 136px)/0.92 'Barlow Condensed', sans-serif; color: #FFFFFF; text-transform: uppercase}
:is(#u#u,.ut-system-4){margin: 0 0 36px; font: 400 18px/1.6 Manrope, sans-serif; color: rgba(255,255,255,.78); max-width: 48ch}
:is(#u#u,.ut-system-5){margin: 0; font: 600 clamp(40px, 5.4vw, 84px)/1 'Barlow Condensed', sans-serif; color: #F56A21; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-system-6){position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: space-evenly; pointer-events: none}
:is(#u#u,.ut-system-7){position: relative; display: inline-block}
:is(#u#u,.ut-twoja-droga-1){display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 28px; border-radius: 12px; border: 2px solid #07135F; background: transparent; color: #07135F; font: 600 20px/1 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; box-sizing: border-box}
:is(#u#u,.ut-twoja-droga-2){margin: 0 0 28px; font: 500 clamp(19px, 1.9vw, 24px)/1.45 Manrope, sans-serif; color: #141A2E; max-width: 44ch}
:is(#u#u,.ut-w1){margin: 0 0 16px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-w10){background: #F7F7F7; padding: clamp(48px, 6vw, 80px) clamp(16px, 3.5vw, 48px)}
:is(#u#u,.ut-w11){background: #FFFFFF; padding: clamp(56px, 7vw, 96px) clamp(16px, 3.5vw, 48px)}
:is(#u#u,.ut-w12){flex: 999 1 460px; min-width: 0}
:is(#u#u,.ut-w13){animation-range: entry 20% entry 50%}
:is(#u#u,.ut-w14){background: #07135F; color: #FFFFFF; padding: clamp(56px, 7vw, 96px) clamp(16px, 3.5vw, 48px)}
:is(#u#u,.ut-w15){background: #FFFFFF; padding: clamp(48px, 6vw, 80px) clamp(16px, 3.5vw, 48px)}
:is(#u#u,.ut-w16){background: #FFFFFF; padding: clamp(56px, 7vw, 96px) clamp(16px, 3.5vw, 48px); overflow: clip}
:is(#u#u,.ut-w17){flex: 999 1 420px; min-width: 0}
:is(#u#u,.ut-w18){margin: 0 0 16px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #F56A21}
:is(#u#u,.ut-w19){margin: 0 0 20px; font: 600 clamp(36px, 4.4vw, 64px)/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-w2){color: #F56A21}
:is(#u#u,.ut-w20){animation-range: entry 10% entry 40%}
:is(#u#u,.ut-w21){animation-range: entry 40% entry 70%}
:is(#u#u,.ut-w22){animation-range: entry 45% entry 75%}
:is(#u#u,.ut-w23){animation-range: entry 50% entry 80%}
:is(#u#u,.ut-w24){animation-range: entry 60% entry 90%}
:is(#u#u,.ut-w25){background: #07135F; padding: clamp(64px, 8vw, 112px) clamp(16px, 3.5vw, 48px)}
:is(#u#u,.ut-w26){background: #FFFFFF; padding: clamp(48px, 6vw, 80px) clamp(16px, 3.5vw, 48px); overflow: clip}
:is(#u#u,.ut-w27){background: #FFFFFF; padding: clamp(64px, 8vw, 112px) clamp(16px, 3.5vw, 48px) clamp(48px, 6vw, 88px); overflow: clip}
:is(#u#u,.ut-w28){border: 1px dashed rgba(255,255,255,.45); border-radius: 999px; padding: 4px 6px; font: 500 10px/1.3 Manrope, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.8)}
:is(#u#u,.ut-w29){border: 1px dashed rgba(255,255,255,.45); border-radius: 999px; padding: 6px 10px; font: 500 11px/1.4 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.8)}
:is(#u#u,.ut-w3){display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 28px; border-radius: 12px; background: #F56A21; color: #FFFFFF; font: 600 20px/1 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; box-sizing: border-box}
:is(#u#u,.ut-w30){border: 1px dashed rgba(255,255,255,.45); border-radius: 999px; padding: 8px 12px; font: 500 12px/1.4 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.8)}
:is(#u#u,.ut-w31){color: #FFFFFF}
:is(#u#u,.ut-w32){display: block; text-wrap: balance}
:is(#u#u,.ut-w33){display: flex; flex-wrap: wrap; gap: 12px}
:is(#u#u,.ut-w34){display: flex; flex-wrap: wrap; gap: 12px 64px; align-items: flex-end; justify-content: space-between; margin-bottom: clamp(24px, 3vw, 40px)}
:is(#u#u,.ut-w35){display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 28px; border-radius: 12px; border: 0; background: #F56A21; color: #FFFFFF; font: 600 20px/1 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; box-sizing: border-box}
:is(#u#u,.ut-w36){flex: 1 1 320px; min-width: 0}
:is(#u#u,.ut-w37){flex: 1 1 420px; min-width: 0}
:is(#u#u,.ut-w38){font: 400 16px/1.5 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-w39){font: 600 12px/1 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-w4){max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px 48px}
:is(#u#u,.ut-w40){font: 600 12px/1 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #F56A21}
:is(#u#u,.ut-w41){font: 600 16px/1 Manrope, sans-serif; color: #F56A21; text-decoration: none; border-bottom: 2px solid #F56A21; padding-bottom: 4px}
:is(#u#u,.ut-w42){margin: 0 0 12px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-w43){margin: 0 0 20px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #F56A21}
:is(#u#u,.ut-w44){margin: 0 0 20px; font: 600 clamp(40px, 5vw, 72px)/1 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-w45){margin: 0 0 24px; font: 700 clamp(52px, 7vw, 112px)/0.95 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-w46){margin: 0 0 36px; font: 600 clamp(36px, 4.4vw, 64px)/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-w47){margin: 0; font: 400 16px/1.55 Manrope, sans-serif; color: #141A2E}
:is(#u#u,.ut-w48){max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px 80px; align-items: flex-start}
:is(#u#u,.ut-w49){position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap}
:is(#u#u,.ut-w5){background: #F7F7F7; padding: clamp(56px, 7vw, 96px) clamp(16px, 3.5vw, 48px)}
:is(#u#u,.ut-w6){margin: 0 0 20px; font: 600 13px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5C6170}
:is(#u#u,.ut-w7){margin: 0; font: 600 clamp(36px, 4.4vw, 64px)/1.02 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-w8){max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 32px 64px; align-items: center}
:is(#u#u,.ut-w9){animation-range: entry 30% entry 60%}
:is(#u#u,.ut-wybor-1){background: #FFFFFF; padding: 0 clamp(16px, 3.5vw, 48px) clamp(64px, 8vw, 112px)}
:is(#u#u,.ut-wybor-2){display: flex; flex-direction: column; gap: 16px; min-height: 260px; padding: 28px 24px; background: #FFFFFF; border: 1px solid #E6E7EB; border-radius: 16px; text-decoration: none; box-sizing: border-box}
:is(#u#u,.ut-wybor-3){font: 700 clamp(30px, 2.8vw, 40px)/0.95 'Barlow Condensed', sans-serif; color: #07135F; text-transform: uppercase}
:is(#u#u,.ut-wybor-4){margin-top: auto; font: 600 14px/1 Manrope, sans-serif; color: #F56A21}
:is(#u#u,.ut-wybor-5){max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px}
:is(#u#u,.ut-zanim-1){margin: 0 0 16px; font: 600 clamp(36px, 4.6vw, 68px)/1.02 'Barlow Condensed', sans-serif; text-transform: uppercase; transform-origin: 0 50%}
:is(#u#u,.ut-zanim-2){margin: 0; font: 400 18px/1.6 Manrope, sans-serif; color: rgba(255,255,255,.85); max-width: 46ch}
:is(#u#u,.ut-zapis-1){display: block; width: 120px; margin: 24px auto 0}
:is(#u#u,.ut-zapis-2){display: flex; flex-wrap: wrap; gap: 12px; justify-content: center}
:is(#u#u,.ut-zapis-3){flex: 1 1 260px; max-width: 420px; min-height: 56px; padding: 0 20px; border: 2px solid rgba(255,255,255,.4); border-radius: 12px; background: #FFFFFF; font: 400 17px/1 Manrope, sans-serif; color: #141A2E; box-sizing: border-box}
:is(#u#u,.ut-zapis-4){margin: 0 0 16px; font: 600 clamp(40px, 5vw, 72px)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; transform-origin: 50% 50%}
:is(#u#u,.ut-zapis-5){margin: 0 auto 32px; font: 400 18px/1.6 Manrope, sans-serif; color: rgba(255,255,255,.85); max-width: 44ch}
:is(#u#u,.ut-zapis-6){margin: 16px 0 0; font: 400 14px/1.5 Manrope, sans-serif; color: rgba(255,255,255,.7)}
:is(#u#u,.ut-zapis-7){max-width: 720px; margin: 0 auto; text-align: center; color: #FFFFFF}

/* ===== tylko WordPress: jedna stopka podstron, warianty z prototypu przez klasę strony na <body> ===== */
html body:not(.strona-list) .ut-tylko-list,html body.strona-list .ut-bez-list{display:none}
.strona-filmy :is(#u#u,.ut-stopka-5){background: #07135F; color: #FFFFFF; padding: 40px clamp(16px, 3.5vw, 48px) 32px; border-top: 1px solid rgba(255,255,255,.18)}
.strona-kontakt :is(#u#u,.ut-stopka-5){background: #07135F; color: #FFFFFF; padding: 56px clamp(16px, 3.5vw, 48px) 32px; border-top: 1px solid rgba(255,255,255,.12)}

/* ===== tylko WordPress: formularz kontaktowy Breakdance w wyglądzie makiety (klasy dopisuje uwolnij-core.php) ===== */
:is(#u#u,.ut-formularz-3) :is(.bde-form-builder,.breakdance-form){display:contents;color:inherit}
:is(#u#u,.ut-formularz-3) .breakdance-form-field{position:static;inset:auto;color:inherit;grid-column:auto}
:is(#u#u,.ut-formularz-3) .breakdance-form-field:not(.breakdance-form-footer){display:block;flex-direction:revert;align-items:revert;justify-content:revert}
:is(#u#u,.ut-formularz-3) .breakdance-form-footer{justify-content:normal}
:is(#u#u,.ut-formularz-3) .breakdance-form-field:is(.breakdance-form-field--hidden,.breakdance-form-field--hpinput),:is(#u#u,.ut-formularz-3) .breakdance-form-field__required{display:none}
:is(#u#u,.ut-formularz-3) .breakdance-form-field__label{cursor:revert;vertical-align:revert}
:is(#u#u,.ut-formularz-3) .breakdance-form-field__input{appearance:revert;display:revert;vertical-align:revert}
:is(#u#u,.ut-formularz-3) .breakdance-form-button{appearance:revert;max-width:revert;overflow:revert;transform:revert;user-select:revert;vertical-align:revert}
/* komunikat po wysłaniu (Breakdance wstawia go pod formularzem) — w języku makiety: pola 12 px, akcent marki */
:is(#u#u,.ut-formularz-3) .breakdance-form-message{margin:0;width:auto;box-sizing:border-box;padding:14px 18px;border:1px solid #F56A21;border-radius:12px;background:rgba(245,106,33,.08);color:#07135F;font:600 16px/1.4 Manrope,sans-serif}
:is(#u#u,.ut-formularz-3) .breakdance-form-message--error{border-color:#B42318;background:rgba(180,35,24,.06);color:#B42318}
.pora-wieczor :is(#u#u,.ut-formularz-3) .breakdance-form-message{background:rgba(245,106,33,.12);color:#F3EEE6}
.pora-wieczor :is(#u#u,.ut-formularz-3) .breakdance-form-message--error{border-color:#F97066;background:rgba(249,112,102,.10);color:#FDA29B}
/* ===== tylko WordPress: reguły pól formularza z makiety, mocniejsze od stylów Form Buildera Breakdance ===== */
#formularz .pole{width:100%;box-sizing:border-box;border:1px solid #BEBEBE;border-radius:12px;background:#FFFFFF;padding:16px 18px;font:400 17px/1.4 Manrope,sans-serif;color:#141A2E;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
#formularz .pole:focus{border-color:#F56A21;box-shadow:0 0 0 4px rgba(245,106,33,.16)}
#formularz .pole::placeholder{color:#8A8F9E}
#formularz .etykieta{display:block;margin:0 0 8px;font:600 12px/1 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5C6170}
@media (prefers-reduced-motion: reduce){:where(.strona-kontakt) #formularz .pole{transition:none !important}}
.pora-wieczor #formularz .pole{background:#0B1036;border-color:rgba(255,255,255,.22);color:#F3EEE6}
.pora-wieczor #formularz .pole::placeholder{color:#7F85A3}