/* REMARKED – hero „Jeden telefon, jedna podróż” (strona testowa, 6.10). Scena przewijana scrollem: jeden telefon prowadzi przez sześć ujęć. */
.sh{position:relative;--ph:min(68vh,620px);--pw:calc(var(--ph) * .4878)}
@supports (height:1svh){.sh{--ph:min(68svh,620px)}}
.sh__stage{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate;perspective:1800px;perspective-origin:58% 46%}
.sh.sh--live{height:860vh}
.sh--live .sh__stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0}
.sh__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(46% 52% at 63% 54%,rgba(201,162,74,.15),transparent 72%),radial-gradient(80% 60% at 30% 110%,rgba(201,162,74,.06),transparent 65%)}
.sh__glow{position:absolute;left:63%;top:54%;width:44vmin;height:44vmin;margin:-22vmin 0 0 -22vmin;border-radius:50%;background:radial-gradient(circle,rgba(201,162,74,.22),transparent 68%);filter:blur(10px);animation:sh-breathe 7s ease-in-out infinite}
@keyframes sh-breathe{50%{transform:scale(1.12);opacity:.75}}

/* Aktorzy: pozycja „domowa” w CSS, ruch dopisuje skrypt. Przed skryptem widać tylko telefon i pierwszy podpis. */
.sh-a{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
.sh-a:not(.sh-phone):not(.sh-cap--1):not(.scr--lock){opacity:0;visibility:hidden}

/* ---------- Telefon */
.sh-phone{left:64%;top:53%;width:var(--pw);height:var(--ph);transform:translate(-50%,-50%) rotate(-4deg) rotateX(5deg) rotateY(-16deg);font-size:calc(var(--pw) * .042);z-index:6;will-change:transform}
.sh-phone__drop{width:100%;height:100%;animation:sh-drop 1.35s .15s cubic-bezier(.3,.85,.35,1) both}
@keyframes sh-drop{0%{transform:translate3d(0,-130vh,0) rotate(-24deg)}56%{transform:translate3d(0,1.8%,0) rotate(3deg)}72%{transform:translate3d(0,-2.4%,0) rotate(-1.2deg)}86%{transform:translate3d(0,.7%,0) rotate(.35deg)}100%{transform:none}}
.sh-phone__body{position:relative;width:100%;height:100%;padding:3.3%;border-radius:14% / 6.8%;background:linear-gradient(140deg,#5a5e66 0%,#24272d 10%,#121418 42%,#1b1e23 70%,#4c5058 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 0 4px #0a0b0d,0 2px 1px rgba(255,255,255,.05),0 46px 90px -24px rgba(0,0,0,.85),0 20px 40px -16px rgba(0,0,0,.6)}
.sh-phone__body{animation:sh-buzz .36s 1.72s,sh-buzz .36s 2.22s,sh-buzz .36s 2.72s}
@keyframes sh-buzz{0%,100%{transform:none}20%{transform:translateX(-1.4%) rotate(-.7deg)}40%{transform:translateX(1.4%) rotate(.7deg)}60%{transform:translateX(-1%) rotate(-.4deg)}80%{transform:translateX(.6%) rotate(.2deg)}}
.sh-phone__body::before,.sh-phone__body::after{content:"";position:absolute;width:1.1%;border-radius:2px;background:linear-gradient(90deg,#2c2f35,#4a4e55)}
.sh-phone__body::before{right:-1%;top:27%;height:12%}
.sh-phone__body::after{left:-1%;top:19%;height:6.5%;box-shadow:0 calc(var(--ph) * .09) 0 #33363c}
.sh-phone__scr{position:relative;width:100%;height:100%;overflow:hidden;border-radius:11.6% / 5.6%;background:#05060a;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);transform:translateZ(0)}
.sh-phone__island{position:absolute;left:50%;top:1.7%;width:31%;height:4.1%;margin-left:-15.5%;border-radius:999px;background:#000;z-index:20}
.sh-phone__off{position:absolute;inset:0;background:#000;z-index:19;pointer-events:none;animation:sh-off .8s 1.3s ease both}
@keyframes sh-off{to{opacity:0;visibility:hidden}}
.sh-phone__glare{position:absolute;inset:0;z-index:18;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 70%,rgba(255,255,255,.04) 100%)}
.scr{left:0;top:0;width:100%;height:100%;transform:none;overflow:hidden;color:#fff}

.ph-bar{position:absolute;left:0;right:0;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;height:7.6%;padding:1.4% 8% 0 10%;font:500 1.12em/1 var(--f-body);color:#fff}
.ph-bar__ic{display:flex;align-items:center;gap:.38em}
.ph-sig{display:flex;align-items:flex-end;gap:.12em;height:.78em}
.ph-sig i{width:.2em;border-radius:.06em;background:#fff}
.ph-sig i:nth-child(1){height:35%}.ph-sig i:nth-child(2){height:55%}.ph-sig i:nth-child(3){height:76%}.ph-sig i:nth-child(4){height:100%}
.ph-wifi{width:1.05em;height:.78em;background:radial-gradient(circle at 50% 100%,#fff 0 17%,transparent 18% 36%,#fff 37% 55%,transparent 56% 72%,#fff 73% 90%,transparent 91%);clip-path:polygon(50% 100%,-6% 2%,106% 2%)}
.ph-bat{position:relative;width:1.75em;height:.86em;padding:.1em;border:1px solid rgba(255,255,255,.5);border-radius:.27em}
.ph-bat::after{content:"";position:absolute;right:-.2em;top:30%;width:.1em;height:40%;border-radius:0 1px 1px 0;background:rgba(255,255,255,.5)}
.ph-bat i{display:block;width:80%;height:100%;border-radius:.14em;background:#fff}

/* Ekran 1: ekran blokady z powiadomieniami */
.scr--lock{background:radial-gradient(120% 62% at 50% 112%,rgba(201,162,74,.62),rgba(201,162,74,0) 62%),radial-gradient(90% 55% at 0% 0%,#2b303b,rgba(43,48,59,0) 62%),linear-gradient(#0e1015,#16191f)}
.lock__date{position:absolute;left:0;right:0;top:13.5%;text-align:center;font:500 1.12em var(--f-body);color:rgba(255,255,255,.82)}
.lock__time{position:absolute;left:0;right:0;top:16.5%;text-align:center;font:500 6.1em/1 var(--f-body);letter-spacing:-.04em;color:rgba(255,255,255,.94)}
.lock__ntf{position:absolute;left:4.5%;right:4.5%;bottom:8%;display:grid;gap:.55em}
.ntf{display:grid;grid-template-columns:2.7em 1fr;align-items:center;gap:.8em;padding:.85em .95em;border-radius:1.55em;background:rgba(48,51,58,.62);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);animation:sh-ntf .7s cubic-bezier(.34,1.5,.5,1) both}
.ntf--1{animation-delay:1.75s}.ntf--2{animation-delay:2.25s}.ntf--3{animation-delay:2.75s}
@keyframes sh-ntf{from{opacity:0;transform:translateY(-1.6em) scale(.92)}}
.ntf__ic{display:grid;place-items:center;width:2.7em;height:2.7em;border-radius:.75em;background:linear-gradient(150deg,#e2c06c,#b38a32)}
.ntf__ic svg{width:1.45em;height:1.45em;fill:none;stroke:#15161a;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ntf b{display:block;font:500 .98em/1.25 var(--f-body)}
.ntf div>span{display:block;font-size:.88em;line-height:1.3;color:rgba(255,255,255,.74)}
.ntf__app{display:flex;justify-content:space-between;margin-bottom:.15em;font:400 .7em/1.2 var(--f-mono);letter-spacing:.06em;color:rgba(255,255,255,.55)}
.ntf__app span{letter-spacing:0}

/* Ekran 2: strona klienta przewijana w telefonie */
.scr--site{background:#fff}
.scr--site img{position:absolute;left:0;top:6.4%;width:100%;height:auto;max-width:none}
.scr--site .ph-bar{background:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.7));color:#111}
.scr--site .ph-sig i,.scr--site .ph-bat i{background:#111}
.scr--site .ph-wifi{background:radial-gradient(circle at 50% 100%,#111 0 17%,transparent 18% 36%,#111 37% 55%,transparent 56% 72%,#111 73% 90%,transparent 91%)}
.scr--site .ph-bat{border-color:rgba(0,0,0,.45)}
.toast{position:absolute;left:4%;right:4%;top:7%;z-index:7;display:grid;grid-template-columns:2.5em 1fr;align-items:center;gap:.75em;padding:.8em .9em;border-radius:1.45em;background:rgba(246,246,248,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#111;box-shadow:0 .9em 2.2em rgba(0,0,0,.28);opacity:0;transform:translateY(-150%) scale(.94);transition:transform .6s cubic-bezier(.34,1.45,.5,1),opacity .3s}
.scr--site.is-toast .toast{opacity:1;transform:none}
.toast__ic{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:.7em;background:#2e5bff;color:#fff;font:600 .82em var(--f-body);font-style:normal}
.toast .ntf__app{color:rgba(0,0,0,.5)}
.toast b{display:block;font:500 .95em/1.25 var(--f-body)}
.toast div>span{display:block;font-size:.84em;line-height:1.3;color:rgba(0,0,0,.66)}

/* Ekran 3: Google */
.scr--g{padding-top:15%;background:#1f1f1f;color:#e8eaed}
.g-bar{display:flex;align-items:center;gap:.65em;height:3.5em;margin:0 5%;padding:0 1.15em;border-radius:2em;background:#303134;font-size:1em}
.g-bar svg{flex:none;width:1.35em;height:1.35em;fill:none;stroke:#9aa0a6;stroke-width:2;stroke-linecap:round}
.g-bar__q{white-space:nowrap;font-size:1.02em}
.g-bar__c{width:1.5px;height:1.25em;background:#8ab4f8;animation:sh-caret 1s steps(1) infinite}
@keyframes sh-caret{50%{opacity:0}}
.g-tabs{display:flex;gap:1.25em;margin:1.1em 5% 0;font-size:.82em;color:#9aa0a6}
.g-tabs b{font-weight:500;color:#8ab4f8;padding-bottom:.55em;border-bottom:2px solid #8ab4f8}
.g-res{margin-top:.5em;border-top:1px solid #3c4043}
.g-r{padding:1.05em 5.5%;border-bottom:1px solid #2c2d30;opacity:0;transform:translateY(.7em);transition:opacity .45s var(--ease-out),transform .55s var(--ease-out),background-color .5s,box-shadow .5s}
.is-res .g-r{opacity:1;transform:none}
.is-res .g-r:nth-child(2){transition-delay:.12s}.is-res .g-r:nth-child(3){transition-delay:.22s}
.is-top .g-r--1{background:rgba(201,162,74,.09);box-shadow:inset .22em 0 0 var(--accent)}
.g-r__site{display:flex;align-items:center;gap:.65em;font-size:.76em;line-height:1.3;color:#bdc1c6}
.g-r__site i{display:grid;place-items:center;flex:none;width:2.2em;height:2.2em;border-radius:50%;background:#2e5bff;color:#fff;font:600 .78em var(--f-body);font-style:normal}
.g-r__st{margin:-.05em 0 .35em;font-size:.76em;color:#bdc1c6}
.g-r__st b{font-weight:400;letter-spacing:.06em;color:#fbbc04}
.scr--g.is-load .g-r{opacity:.16;transform:none;transition-delay:0s}
.g-r--1.is-swap{animation:g-swap .55s var(--ease-out)}
@keyframes g-swap{from{opacity:.2;transform:translateY(.6em)}}
.g-r__site b{display:block;font-weight:500;color:#dadce0}
.g-r__t{margin:.5em 0 .3em;font-size:1.06em;line-height:1.3;color:#8ab4f8}
.g-r__d{font-size:.8em;line-height:1.45;color:#bdc1c6}
.g-r--x i{display:block;height:.62em;margin:.55em 0;border-radius:.31em;background:#2f3134}
.g-r--x i:nth-child(1){width:38%}.g-r--x i:nth-child(2){width:86%;height:.8em;background:#33405a}.g-r--x i:nth-child(3){width:70%}

/* Ekran 5: rozmowa z asystentem */
.scr--chat{background:#0b0c0f}
.chat__hd{display:flex;align-items:center;gap:.7em;padding:15% 6% .9em;border-bottom:1px solid #1d2026;background:#111317}
.chat__av,.sh-ai__av{display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(150deg,#e2c06c,#b38a32)}
.chat__av{width:2.5em;height:2.5em}
.chat__av svg,.sh-ai__av svg{width:58%;height:58%;fill:#15161a}
.chat__hd b{display:block;font:500 .98em/1.2 var(--f-body)}
.chat__hd span{font-size:.76em;color:#5fd38d}
.chat__body{display:flex;flex-direction:column;gap:.5em;padding:1em 5%}
.chat__day{align-self:center;margin-bottom:.3em;font:400 .68em var(--f-mono);letter-spacing:.06em;color:#7d828a}
.msg{display:none;max-width:80%;padding:.62em .9em;border-radius:1.2em;font-size:.86em;line-height:1.36}
.msg--in{align-self:flex-start;background:#25282e;color:#eceae6;border-bottom-left-radius:.35em}
.msg--out{align-self:flex-end;background:var(--accent);color:#141518;border-bottom-right-radius:.35em}
.msg--typing{align-self:flex-end;gap:.28em;padding:.85em .95em;background:#2b2a24}
.msg--typing i{width:.45em;height:.45em;border-radius:50%;background:#c9a24a;animation:sh-dot 1s ease-in-out infinite}
.msg--typing i:nth-child(2){animation-delay:.15s}.msg--typing i:nth-child(3){animation-delay:.3s}
@keyframes sh-dot{50%{transform:translateY(-.3em);opacity:.5}}
.c1 .msg--1,.c2 .msg--2,.c3 .msg--3,.c4 .msg--4{display:block;animation:sh-msg .45s cubic-bezier(.34,1.4,.5,1) both}
.ct:not(.c2) .msg--typing{display:inline-flex;animation:sh-msg .3s ease both}
@keyframes sh-msg{from{opacity:0;transform:translateY(.8em) scale(.94)}}

/* ---------- Laptop i wynik szybkości */
.sh-laptop{--lw:min(40vw,640px);left:58%;top:46%;width:var(--lw);z-index:4;will-change:transform}
.sh-laptop__lid{position:relative;aspect-ratio:16/10.5;padding:2.2% 2.2% 3%;border-radius:2.4% / 3.6%;background:#0b0c0f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 3px #050608,0 30px 70px -24px rgba(0,0,0,.8)}
.sh-laptop__lid::before{content:"";position:absolute;left:50%;top:.9%;width:.7%;aspect-ratio:1;margin-left:-.35%;border-radius:50%;background:#1d2128}
.sh-laptop__scr{position:relative;width:100%;height:100%;overflow:hidden;background:#fff;border-radius:3px}
.sh-laptop__scr img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none}
.sh-laptop__base{position:relative;width:118%;height:calc(var(--lw) * .036);margin-left:-9%;border-radius:0 0 calc(var(--lw) * .03) calc(var(--lw) * .03) / 0 0 calc(var(--lw) * .02) calc(var(--lw) * .02);background:linear-gradient(#4b4f57,#24272c 45%,#101114)}
.sh-laptop__base::before{content:"";position:absolute;left:50%;top:0;width:15%;height:42%;margin-left:-7.5%;border-radius:0 0 10px 10px;background:#17191d}

.sh-stat{left:52%;top:78%;display:grid;justify-items:start;gap:6px;width:min(20vw,290px);padding:20px 22px 18px;border-radius:24px;background:rgba(26,29,34,.62);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 26px 60px -24px rgba(0,0,0,.7);z-index:7}
.sh-stat__n{font:300 clamp(64px,6.4vw,104px)/.9 var(--f-display);letter-spacing:-.05em;color:var(--accent);font-variant-numeric:tabular-nums}
.sh-stat p{font-size:15px;line-height:1.4;color:var(--text-primary)}
.sh-stat small{font:400 10.5px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}

/* ---------- Google: miejsce, mapa, AI */
.sh-rank{left:84%;top:31%;display:grid;justify-items:start;z-index:7}
.sh-rank b{font:400 clamp(130px,15vw,240px)/.8 var(--f-body);letter-spacing:-.05em;color:var(--accent);background:linear-gradient(170deg,#f3dc9c 0%,#c9a24a 45%,#8f6c25 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(201,162,74,.35))}
.sh-rank q{quotes:none}
.sh-rank.is-pulse b{animation:rank-pulse .6s var(--ease-out)}
@keyframes rank-pulse{35%{transform:scale(1.1) rotate(-3deg)}}
.sh-rank span{margin-top:14px;font:400 12px/1.55 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary)}
.sh-map{left:84%;top:69%;width:min(20vw,290px);border-radius:20px;background:rgba(26,29,34,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 60px -24px rgba(0,0,0,.7);z-index:7}
.sh-map__img{position:relative}
.sh-map__img svg{display:block;width:100%;height:auto;aspect-ratio:28/15;border-radius:20px 20px 0 0;background:#1a1e25}
.sh-map__water{fill:rgba(96,140,196,.2)}
.sh-map__rd path{fill:none;stroke:rgba(239,236,230,.14);stroke-width:7}
.sh-map__rd2 path{fill:none;stroke:rgba(239,236,230,.07);stroke-width:3}
.sh-pin{left:53%;top:58%;width:34px;height:42px;z-index:2}
.sh-pin svg{width:100%;height:100%;fill:var(--accent);filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.sh-pin circle{fill:#15161a}
.sh-map__ring{position:absolute;left:53%;top:58%;width:44px;height:16px;margin:12px 0 0 -22px;border-radius:50%;border:2px solid var(--accent);opacity:0}
.sh-map.is-hit .sh-map__ring{animation:sh-ring 1.6s ease-out infinite}
@keyframes sh-ring{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(2.2)}}
.sh-map__t{display:grid;gap:2px;padding:12px 16px 14px}
.sh-map__t b{font:500 15px/1.3 var(--f-body)}
.sh-map__t span{font-size:12.5px;color:var(--text-secondary)}
.sh-ai{left:35%;top:81%;display:grid;gap:10px;width:min(27vw,390px);padding:14px;border-radius:22px;background:rgba(26,29,34,.74);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 60px -24px rgba(0,0,0,.7);z-index:7}
.sh-ai__q{justify-self:end;max-width:88%;padding:9px 13px;border-radius:16px 16px 4px 16px;background:#2b2f36;font-size:14px;line-height:1.4}
.sh-ai__a{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.sh-ai__av{width:28px;height:28px}
.sh-ai__a p{min-height:4.4em;font-size:14px;line-height:1.45;color:var(--text-primary)}

/* ---------- Zdjęcia i filmy */
.sh-fan{position:absolute;inset:0;z-index:5;pointer-events:none}
.sh-post{left:66%;top:60%;width:min(14.5vw,215px);padding:7px 7px 9px;border-radius:16px;background:#17191d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 24px 50px -18px rgba(0,0,0,.8)}
.sh-post img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:11px;background:#22252b}
.sh-post figcaption{display:flex;align-items:center;gap:6px;margin-top:7px;padding:0 3px;font-size:11.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-post figcaption i{flex:none;width:14px;height:14px;border-radius:50%;background:conic-gradient(#e2c06c,#b38a32,#e2c06c)}
.sh-clap{left:88%;top:80%;width:min(15vw,220px);z-index:7;filter:drop-shadow(0 22px 30px rgba(0,0,0,.6))}
.sh-clap__top{height:clamp(20px,1.9vw,28px);border-radius:5px 5px 0 0;background:repeating-linear-gradient(118deg,#f2efe8 0 16px,#141518 16px 32px);transform-origin:3% 100%;transform:rotate(-26deg);transition:transform .16s cubic-bezier(.6,0,.9,.4)}
.sh-clap.is-clap .sh-clap__top{transform:none}
.sh-clap__body{padding:12px 14px 12px;border:2px solid #f2efe8;border-top-width:0;border-radius:0 0 8px 8px;background:#141518;color:#f2efe8;font-family:var(--f-mono)}
.sh-clap__body::before{content:"";display:block;height:10px;margin:0 -14px 10px;background:repeating-linear-gradient(118deg,#f2efe8 0 16px,#141518 16px 32px)}
.sh-clap__body span{display:block;font-size:13px;letter-spacing:.22em}
.sh-clap__body dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 0}
.sh-clap__body dt{font-size:8.5px;letter-spacing:.14em;opacity:.7}
.sh-clap__body dd{margin:0;font-size:18px}

/* Aparat (widok z tyłu): na ekranie kadr z sesji, migawka zaciemnia ekran, błysk rozświetla scenę */
.sh-cam{left:66%;top:60%;width:min(30vw,470px);z-index:6;font-size:calc(min(30vw,470px) * .028);filter:drop-shadow(0 40px 46px rgba(0,0,0,.7))}
.sh-cam__body{display:block;width:100%;height:auto}
.sh-cam__lcd{position:absolute;left:8.9%;top:28.6%;width:54.4%;height:64.4%;overflow:hidden;border-radius:.5em;background:#000;color:#fff}
.cam__view{position:absolute;inset:0}
.cam__view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);transition:opacity .25s ease,transform 6s cubic-bezier(.2,.6,.3,1)}
.cam__view img.is-on{opacity:1;transform:scale(1)}
.cam__grid{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 33.2%,rgba(255,255,255,.28) 33.2% 33.45%,transparent 33.45% 66.55%,rgba(255,255,255,.28) 66.55% 66.8%,transparent 66.8%),linear-gradient(180deg,transparent 33.2%,rgba(255,255,255,.28) 33.2% 33.6%,transparent 33.6% 66.4%,rgba(255,255,255,.28) 66.4% 66.8%,transparent 66.8%)}
.cam__focus{position:absolute;left:50%;top:50%;z-index:3;width:4.4em;height:3.4em;margin:-1.7em 0 0 -2.2em;border:1.5px solid #6ee36e;border-radius:.2em;opacity:.85}
.sh-cam.is-shot .cam__focus{animation:cam-focus .7s ease both}
@keyframes cam-focus{0%{transform:scale(1.5);border-color:#fff}40%{transform:scale(1)}100%{border-color:#6ee36e}}
.sh-cam.is-video .cam__focus{opacity:0}
.cam__info{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:center;gap:.9em;padding:.6em .8em 1.2em;font:500 .8em/1 var(--f-mono);letter-spacing:.03em;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));text-shadow:0 1px 2px rgba(0,0,0,.7)}
.cam__info span:first-child{padding:.12em .35em;border:1px solid #fff;border-radius:.2em}
.cam__bat{margin-left:auto;width:1.8em;height:.85em;padding:1px;border:1px solid #fff;border-radius:.15em;background:linear-gradient(90deg,#fff 72%,transparent 72%) content-box}
.cam__rec{position:absolute;right:.8em;top:2.5em;z-index:3;display:flex;align-items:center;gap:.35em;padding:.22em .5em;border-radius:.25em;background:#e5302a;font:500 .8em/1 var(--f-mono);opacity:0;transition:opacity .25s}
.cam__rec i{width:.5em;height:.5em;border-radius:50%;background:#fff;animation:sh-rec 1s steps(1) infinite}
.sh-cam.is-video .cam__rec{opacity:1}
.cam__foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;padding:1.2em .8em .6em;font:500 .74em/1 var(--f-mono);letter-spacing:.05em;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.65))}
.cam__foot b{font-weight:500;color:rgba(255,255,255,.8)}
.cam__shutter{position:absolute;inset:0;z-index:5;background:#000;opacity:0;pointer-events:none}
.sh-cam.is-shot .cam__shutter{animation:cam-shut .3s steps(1)}
@keyframes cam-shut{0%{opacity:1}55%,100%{opacity:0}}
.cam__glass{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.13),rgba(255,255,255,0) 36%,rgba(255,255,255,0) 72%,rgba(255,255,255,.05))}
.sh-strobe{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;background:radial-gradient(55% 60% at 66% 55%,rgba(255,250,236,.6),rgba(255,250,236,.12) 45%,rgba(255,250,236,0) 75%)}
.sh-strobe.is-on{animation:sh-strobe .55s ease-out}
@keyframes sh-strobe{0%{opacity:1}100%{opacity:0}}

/* ---------- Noc: automatyzacja */
.sh-night{left:0;top:0;width:100%;height:100%;transform:none;z-index:1;background:radial-gradient(70% 70% at 62% 45%,rgba(14,20,40,.5),rgba(3,4,9,.92))}
.sh-clock{left:61%;top:50%;z-index:2;white-space:nowrap;font:300 clamp(150px,25vw,400px)/1 var(--f-display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(201,162,74,.32)}
.sh-cal{left:86%;top:58%;display:flex;align-items:center;gap:14px;width:max-content;max-width:300px;padding:14px 18px 14px 14px;border-radius:20px;background:rgba(26,29,34,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(201,162,74,.4),0 24px 60px -20px rgba(0,0,0,.8);z-index:7}
.sh-cal__d{display:grid;place-items:center;align-content:center;flex:none;width:64px;height:64px;border-radius:16px;background:linear-gradient(150deg,#e2c06c,#b38a32);color:#15161a}
.sh-cal__d span{font:400 10px var(--f-mono);letter-spacing:.16em}
.sh-cal__d b{font:500 17px/1.1 var(--f-body)}
.sh-cal__t b{display:block;font:500 15px/1.3 var(--f-body)}
.sh-cal__t span{font-size:12.5px;color:var(--text-secondary)}
.sh-wire{left:calc(61% + var(--pw) / 2 + 6px);top:58%;width:calc(25% - var(--pw) / 2 - 150px);height:2px;transform:translateY(-50%);transform-origin:0 50%;z-index:6;background:linear-gradient(90deg,rgba(201,162,74,0),var(--accent))}
.sh-wire i{position:absolute;right:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}

/* ---------- Finał: nocna ściana ekranów z reklamami Twojej firmy */
.sh-city{left:0;top:0;width:100%;height:100%;overflow:hidden;transform:none;transform-origin:50% 40%;z-index:3;background:#05060a}
.sh-city__sky{position:absolute;inset:0;background:radial-gradient(40% 16% at 50% 64%,rgba(201,162,74,.22),rgba(201,162,74,0) 70%),radial-gradient(52% 40% at 50% 32%,rgba(201,162,74,.22),rgba(201,162,74,0) 70%),radial-gradient(30% 34% at 18% 34%,rgba(229,72,90,.16),transparent 70%),radial-gradient(30% 34% at 82% 34%,rgba(255,140,190,.14),transparent 70%),linear-gradient(#020306,#0a0d17 52%,#05060a)}
.sh-city__bld{position:absolute;bottom:20%;width:15%;height:80%;opacity:.7;filter:blur(1.5px);background:radial-gradient(circle,rgba(255,214,150,.5) 0 1.3px,transparent 1.8px) 0 0/18px 16px,linear-gradient(#0d1019,#07080d)}
.sh-city__bld--l{left:-2%;clip-path:polygon(0 9%,72% 0,100% 7%,100% 100%,0 100%)}
.sh-city__bld--r{right:-2%;clip-path:polygon(0 5%,32% 0,100% 10%,100% 100%,0 100%)}
.sh-city__set{--fw:min(74vw,1120px,118vh);position:absolute;left:0;right:0;top:11%;width:var(--fw);margin:0 auto;perspective:1600px;perspective-origin:50% 130%}
.sh-city__facade{position:relative;display:grid;grid-template-columns:1fr 1.32fr 1.32fr 1fr;grid-template-rows:1fr .64fr calc(var(--fw) * .025);gap:calc(var(--fw) * .0107);height:calc(var(--fw) * .413);padding:calc(var(--fw) * .0125);border-radius:10px;background:linear-gradient(#151925,#0b0d14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.1),0 50px 120px -30px rgba(0,0,0,.9);transform:rotateX(var(--tilt,6deg));transform-origin:50% 100%;-webkit-box-reflect:below 6px linear-gradient(rgba(255,255,255,0) 60%,rgba(255,255,255,.26))}
.sh-city__facade::before{content:"";position:absolute;left:6%;right:6%;top:-2px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(201,162,74,0),#e9c873 50%,rgba(201,162,74,0));box-shadow:0 0 22px 2px rgba(201,162,74,.55)}
.bb{position:relative;margin:0;overflow:hidden;border-radius:4px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 0 46px var(--glow,rgba(255,200,130,.2))}
.bb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bb::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,rgba(0,0,0,0) 1px 3px),linear-gradient(120deg,rgba(255,255,255,.11),rgba(255,255,255,0) 34%)}
.bb--a{grid-column:1;grid-row:1/3;--glow:rgba(229,72,90,.3)}
.bb--hero{grid-column:2/4;grid-row:1}
.bb--d{grid-column:4;grid-row:1/3;--glow:rgba(255,140,190,.3)}
.bb--b{grid-column:2;grid-row:2;--glow:rgba(255,170,90,.26)}
.bb--c{grid-column:3;grid-row:2;--glow:rgba(120,200,140,.22)}
.tf-mark{display:grid;place-items:center;width:1.75em;height:1.75em;border-radius:.48em;background:#2e5bff;color:#fff;font:600 .72em/1 var(--f-body);font-style:normal}
.bb--tv{background:#07080b}
.bb--tv::after{background:linear-gradient(rgba(255,240,210,.13),rgba(255,240,210,0) 26%),linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,0) 34%)}
.tv{position:absolute;inset:0;display:flex;perspective:900px}
.tv__s{position:relative;flex:1;transform-style:preserve-3d;transform:translateZ(calc(var(--tz,8px) * -1)) rotateY(calc(var(--k,0) * -120deg));transition:transform .95s cubic-bezier(.62,0,.3,1) calc(var(--i) * 55ms)}
.tv__s b{position:absolute;top:0;bottom:0;left:.6%;right:.6%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#101218;background-repeat:no-repeat;background-size:calc(var(--n) * var(--sw,30px)) 100%;background-position:calc((var(--i) + .006) * var(--sw,30px) * -1) 0}
.tv__s b:nth-child(1){background-image:var(--f0,none);transform:translateZ(var(--tz,8px))}
.tv__s b:nth-child(2){background-image:var(--f1,none);transform:rotateY(120deg) translateZ(var(--tz,8px))}
.tv__s b:nth-child(3){background-image:var(--f2,none);transform:rotateY(240deg) translateZ(var(--tz,8px))}
.tv__s b::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.09),rgba(0,0,0,0) 12%,rgba(255,255,255,.03) 50%,rgba(0,0,0,0) 88%,rgba(0,0,0,.09))}
.bb--hero{display:grid;place-content:center;justify-items:center;gap:1.4cqw;text-align:center;container-type:inline-size;background:radial-gradient(75% 95% at 50% 40%,#2f2611,#0c0b08 76%);box-shadow:0 0 0 1px rgba(201,162,74,.5),0 0 80px rgba(201,162,74,.3);opacity:.3;filter:brightness(.5)}
.bb-hero__k{font:400 max(8px,1.9cqw) var(--f-mono);letter-spacing:.32em;color:rgba(239,236,230,.72)}
.bb-hero__t{font:300 max(18px,7cqw)/1 var(--f-display);letter-spacing:-.03em;white-space:nowrap;color:var(--accent);background:linear-gradient(170deg,#f6e2a6,#c9a24a 50%,#9a7428);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bb .bb-hero__logo{position:static;width:22cqw;height:auto;margin-top:.6cqw;object-fit:contain;opacity:.85}
.sh-city.is-lit .bb--hero{animation:sh-lit 1s steps(1) forwards}
@keyframes sh-lit{0%{opacity:1;filter:none}12%{opacity:.3;filter:brightness(.5)}22%{opacity:1;filter:none}30%{opacity:.5}38%,100%{opacity:1;filter:none}}
.sh-city .bb--tv{opacity:.18;filter:brightness(.3)}
.sh-city.is-on .bb--tv{animation:bb-on .9s steps(1) forwards}
.sh-city.is-on .bb--d{animation-delay:.15s}
.sh-city.is-on .bb--b{animation-delay:.3s}
.sh-city.is-on .bb--c{animation-delay:.45s}
@keyframes bb-on{0%{opacity:1;filter:none}14%{opacity:.25;filter:brightness(.4)}28%{opacity:1;filter:none}42%{opacity:.55;filter:brightness(.7)}56%,100%{opacity:1;filter:none}}
.sh-city__tick{grid-column:1/-1;grid-row:3;position:relative;overflow:hidden;border-radius:3px;background:#030406;box-shadow:inset 0 0 0 1px rgba(201,162,74,.5),0 0 26px rgba(201,162,74,.2)}
.sh-city__run{display:flex;width:max-content;height:100%;align-items:center;animation:sh-run 38s linear infinite;animation-play-state:paused}
.sh__stage[data-s="6"] .sh-city__run{animation-play-state:running}
.sh-city__run span{padding-right:.6em;white-space:nowrap;font:500 calc(var(--fw) * .0118)/1 var(--f-body);letter-spacing:.09em;color:#f0cf7a;text-shadow:0 0 10px rgba(240,207,122,.6)}
@keyframes sh-run{to{transform:translateX(-50%)}}
.sh-city__bokeh{position:absolute;inset:0;pointer-events:none;opacity:.85;filter:blur(3px);background:radial-gradient(circle at 9% 72%,rgba(255,200,120,.4) 0 6px,transparent 11px),radial-gradient(circle at 91% 66%,rgba(120,170,255,.35) 0 8px,transparent 13px),radial-gradient(circle at 20% 88%,rgba(255,120,150,.3) 0 10px,transparent 17px),radial-gradient(circle at 80% 90%,rgba(255,220,160,.3) 0 7px,transparent 12px),radial-gradient(circle at 4% 52%,rgba(201,162,74,.35) 0 4px,transparent 8px),radial-gradient(circle at 96% 48%,rgba(255,170,90,.3) 0 5px,transparent 9px)}
.sh-city__street{position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(rgba(5,6,10,0),rgba(5,6,10,.78) 42%,#05060a 92%)}

/* ---------- Podpisy, HUD, pasek postępu */
.sh__caps{position:absolute;inset:0;z-index:10;pointer-events:none}
.sh-cap{left:max(var(--gut),calc((100% - var(--wrap)) / 2 + var(--gut)));top:50%;width:min(34vw,540px);transform:translateY(-50%);pointer-events:auto;text-shadow:0 2px 24px rgba(10,11,13,.7)}
.sh-cap__h{font:300 clamp(2.2rem,4.1vw,4.25rem)/1.04 var(--f-display);letter-spacing:-.025em;text-wrap:balance;color:var(--text-primary)}
.sh-cap__sub{max-width:40ch;margin-top:20px;font-size:clamp(16px,1.15vw,18.5px);line-height:1.6;color:var(--text-secondary)}
.sh-cap__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;text-shadow:none}
.sh-cap--6{left:50%;top:auto;bottom:7vh;width:min(78vw,900px);transform:translateX(-50%);text-align:center}
.sh-cap--6 .sh-cap__sub{margin-inline:auto}
.sh-cap--6 .sh-cap__cta{justify-content:center}
.sh-hud{position:absolute;left:max(var(--gut),calc((100% - var(--wrap)) / 2 + var(--gut)));bottom:26px;z-index:11;display:flex;align-items:center;gap:14px;font:400 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(239,236,230,.72)}
.sh-hud__rec{display:inline-flex;align-items:center;gap:7px;color:var(--text-primary)}
.sh-hud__rec i{width:7px;height:7px;border-radius:50%;background:#e5483b;box-shadow:0 0 10px rgba(229,72,59,.8);animation:sh-rec 1.4s steps(1) infinite}
@keyframes sh-rec{50%{opacity:.2}}
.sh-rail{position:absolute;right:clamp(14px,2.2vw,34px);top:50%;z-index:11;display:grid;gap:9px;transform:translateY(-50%)}
.sh-rail li{width:3px;height:16px;border-radius:2px;background:rgba(239,236,230,.2);transition:height .45s var(--ease-out),background-color .45s}
.sh-rail li.is-on{height:36px;background:var(--accent)}
.sh-cue{position:absolute;left:50%;top:auto;bottom:24px;z-index:11;display:grid;justify-items:center;gap:8px;transform:translateX(-50%);font:400 10px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}
.sh--live .sh-cue{opacity:1;visibility:visible}
.sh-cue i{position:relative;width:22px;height:34px;border:1.5px solid rgba(239,236,230,.45);border-radius:12px}
.sh-cue i::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--accent);animation:sh-cue 1.8s ease-in-out infinite}
@keyframes sh-cue{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}100%{opacity:0;transform:translateY(9px)}}

/* ---------- Telefon (pionowo): telefon na środku, podpis na dole */
@media (max-width:760px){
  .sh{--ph:min(40vh,330px)}
  @supports (height:1svh){.sh{--ph:min(40svh,330px)}}
  .sh.sh--live{height:720vh}
  .sh__stage{perspective-origin:50% 36%}
  .sh__bg{background:radial-gradient(70% 40% at 50% 34%,rgba(201,162,74,.16),transparent 72%)}
  .sh__glow{left:50%;top:34%}
  .sh-phone{left:50%;top:34%}
  .sh-cap{left:var(--gut);right:var(--gut);top:auto;bottom:max(18px,env(safe-area-inset-bottom));width:auto;transform:none}
  .sh-cap__h{font-size:clamp(1.6rem,7.6vw,2.15rem);line-height:1.08}
  .sh-cap__sub{margin-top:10px;font-size:15px;line-height:1.5}
  .sh-cap__cta{flex-direction:column;align-items:stretch;gap:4px;margin-top:16px}
  .sh-cap__cta .btn--lg{--h:52px;padding:0 18px;font-size:15px;white-space:normal;text-align:center}
  .sh-cap__cta .btn--ghost{--h:40px;border-color:transparent;font-size:14px;text-decoration:underline;text-underline-offset:4px;color:var(--text-secondary)}
  .sh-cap--6{left:var(--gut);width:auto;transform:none;text-align:left}
  .sh-cap--6 .sh-cap__cta{justify-content:stretch}
  .sh-hud,.sh-rail{display:none}
  .sh-cue{display:none}
  .sh-laptop{--lw:86vw;left:50%;top:31.5%}
  .sh-stat{left:28%;top:58%;width:46vw;gap:3px;padding:12px 14px;border-radius:18px}
  .sh-stat__n{font-size:48px}
  .sh-stat p{font-size:12px}
  .sh-stat small{font-size:8.5px}
  .sh-rank{left:19%;top:22%}
  .sh-rank b{font-size:104px}
  .sh-rank span{margin-top:8px;font-size:8.5px;letter-spacing:.06em}
  .sh-map{left:80%;top:27%;width:36vw;border-radius:16px}
  .sh-map__img svg{border-radius:16px 16px 0 0}
  .sh-map__t{padding:8px 10px 10px}
  .sh-map__t b{font-size:12px}
  .sh-map__t span{font-size:10.5px}
  .sh-pin{width:24px;height:30px}
  .sh-ai{left:50%;top:57%;width:calc(100% - 2 * var(--gut));padding:12px;border-radius:18px}
  .sh-ai__q,.sh-ai__a p{font-size:13px}
  .sh-ai__a p{min-height:2.9em}
  .sh-post{left:50%;top:44%;width:26vw;padding:4px 4px 6px;border-radius:10px}
  .sh-cam{left:50%;top:44%;width:80vw;font-size:calc(80vw * .028)}
  .sh-strobe{background:radial-gradient(70% 45% at 50% 44%,rgba(255,250,236,.6),rgba(255,250,236,.12) 45%,rgba(255,250,236,0) 75%)}
  .sh-post img{border-radius:8px}
  .sh-post figcaption{font-size:9px}
  .sh-clap{left:80%;top:64%;width:28vw}
  .sh-clap__body{padding:8px 9px}
  .sh-clap__body::before{margin:0 -9px 7px;height:7px}
  .sh-clap__body span{font-size:9.5px}
  .sh-clap__body dd{font-size:13px}
  .sh-clap__body dl{gap:3px;margin-top:7px}
  .sh-clap__body dt{font-size:6.5px;letter-spacing:.08em}
  .sh-clock{left:50%;top:34%;font-size:34vw}
  .sh-cal{left:50%;top:52%;max-width:calc(100% - 2 * var(--gut))}
  .sh-wire{display:none}
  .sh-city__set{--fw:92vw;top:11%;width:92vw;perspective-origin:50% 140%}
  .sh-city__facade{grid-template-columns:1fr;grid-template-rows:calc(var(--fw) * .3) calc(var(--fw) * .4749) calc(var(--fw) * .06);gap:calc(var(--fw) * .02);height:auto;padding:calc(var(--fw) * .022);border-radius:8px}
  .bb--hero{grid-column:1;grid-row:1}
  .bb--b{grid-column:1;grid-row:2}
  .bb--a,.bb--c,.bb--d{display:none}
  .sh-city__run span{font-size:10.5px}
  .sh-city__bld{width:22%;opacity:.45}
}
@media (max-width:760px) and (max-height:620px){
  .sh-cap__sub{display:none}
}

/* ---------- Bez animacji: jedna statyczna klatka (telefon z powiadomieniami i nagłówek) */
.sh--static .sh__stage{min-height:100vh;min-height:100svh}
@media (prefers-reduced-motion:reduce){
  .sh-phone__drop,.sh-phone__off,.ntf,.sh__glow,.sh-phone__body{animation:none!important}
  .sh-phone__off{display:none}
}

/* Telefon: stały wskaźnik przewijania przez całą scenę (15.10) */
@media (max-width:760px){
  .sh-rail{display:flex;left:50%;right:auto;top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));align-items:center;gap:5px;padding:7px 11px 7px 13px;border-radius:999px;background:rgba(12,13,16,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateX(-50%)}
  .sh-rail li{width:12px;height:3px;transition:width .45s var(--ease-out),background-color .45s}
  .sh-rail li.is-on{width:24px;height:3px}
  .sh-rail::before{content:"Przewiń";margin-right:5px;font:400 9.5px var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary)}
  .sh-rail::after{content:"";width:6px;height:6px;margin:-3px 0 0 7px;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(45deg);animation:sh-swipe 1.6s ease-in-out infinite}
}
@keyframes sh-swipe{0%,100%{opacity:.35;translate:0 -2px}50%{opacity:1;translate:0 2px}}
@media (prefers-reduced-motion:reduce){.sh-rail::after{animation:none}}
/* Telefon (15.10): podpisy nad wskaźnikiem przewijania, kalendarz tuż pod telefonem, bez zasłoniętego zegara 23:47 */
@media (max-width:760px){
  .sh-cap{bottom:calc(48px + env(safe-area-inset-bottom,0px))}
  .sh-cal{top:calc(34% + var(--ph) * .5 + 18px)}
  .sh-clock{display:none}
}
/* Finał na komputerze (15.10): ściana billboardów mniejsza i wyżej, podpis w całości pod nią */
@media (min-width:761px){
  .sh-city__set{--fw:min(62vw,1000px,88vh);top:max(104px,12%)}
  .sh-city__facade{-webkit-box-reflect:below 4px linear-gradient(rgba(255,255,255,0) 72%,rgba(255,255,255,.16))}
  .sh-cap--6{bottom:max(5vh,92px);width:min(88vw,1180px)}
  .sh-cap--6 .sh-cap__h{font-size:clamp(1.9rem,2.55vw,3.1rem);line-height:1.06}
  .sh-cap--6 .sh-cap__sub{max-width:86ch;margin-top:12px;font-size:clamp(15px,1.05vw,17px)}
  .sh-cap--6 .sh-cap__cta{margin-top:22px}
}
/* Telefon (15.10, v2): zwykłe przewijanie jak na początku + wyraźny wskaźnik „Przewiń w dół” z pulsem na pierwszej scenie */
@media (max-width:760px){
  .sh-rail{width:max-content;white-space:nowrap;gap:6px;padding:9px 14px 9px 12px;border:1px solid rgba(201,162,74,.45);background:rgba(10,11,14,.84);box-shadow:0 10px 26px -10px rgba(0,0,0,.85)}
  .sh-rail::before{content:"Przewiń w dół";order:-2;margin-right:8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--text-primary)}
  .sh-rail::after{order:-3;width:8px;height:8px;margin:-5px 9px 0 3px;border-width:0 2px 2px 0;animation:sh-swipe2 1.3s ease-in-out infinite}
  .sh-rail li{background:rgba(239,236,230,.28)}
  .sh__stage[data-s="1"] .sh-rail{animation:sh-pill 2.2s ease-out infinite}
  .sh-cap{bottom:calc(56px + env(safe-area-inset-bottom,0px))}
}
@keyframes sh-swipe2{0%,100%{opacity:.55;translate:0 -3px}50%{opacity:1;translate:0 3px}}
@keyframes sh-pill{0%{box-shadow:0 0 0 0 rgba(201,162,74,.5),0 10px 26px -10px rgba(0,0,0,.85)}70%,100%{box-shadow:0 0 0 12px rgba(201,162,74,0),0 10px 26px -10px rgba(0,0,0,.85)}}
@media (prefers-reduced-motion:reduce){.sh-rail::after,.sh__stage[data-s="1"] .sh-rail{animation:none}}
/* ---------- Pomiń intro (2.11) – tylko dla powracających na stronę główną */
.sh-skip{position:absolute;left:50%;bottom:24px;z-index:12;display:inline-flex;align-items:center;gap:9px;margin:0;padding:10px 15px 10px 18px;border:1px solid rgba(201,162,74,.45);border-radius:999px;background:rgba(10,11,14,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 26px -10px rgba(0,0,0,.85);font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);cursor:pointer;transform:translateX(-50%);transition:opacity .4s var(--ease-out),visibility .4s,border-color .3s,background-color .3s}
.sh-skip[hidden]{display:none}
.sh-skip svg{width:14px;height:14px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sh-skip:hover{border-color:var(--accent);background:rgba(22,23,27,.94)}
.sh-skip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sh-skip.is-off{opacity:0;visibility:hidden;pointer-events:none}
.sh--back .sh-cue{display:none}
@media (max-width:760px){.sh-skip{left:auto;right:var(--gut);bottom:auto;top:84px;transform:none;padding:8px 11px 8px 13px;font-size:10px;gap:7px}.sh-skip svg{width:12px;height:12px}}
/* ---------- Środkowy billboard (2.11): same postacie od pasa w górę (bez napisu), logo w rogu */
.bb .bb-hero__team{left:50%;right:auto;top:auto;bottom:0;width:auto;height:97%;max-width:none;transform:translateX(-50%);object-fit:contain;z-index:0}
.bb--hero .bb-hero__logo{position:absolute;left:2.4cqw;top:2.6cqw;width:11cqw;margin:0;z-index:2;opacity:.7}