/* pobierz.css 1.2.0 · Poland Live download page · Pinky Creative Studio */
.dl-hero{padding-top:40px}
.osw{display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:#0b1020;border:1px solid var(--line2);margin:22px 0 8px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.osw::-webkit-scrollbar{display:none}
.osw button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--mut);font-weight:800;font-size:15px;cursor:pointer;white-space:nowrap}
.osw button svg{width:19px;height:19px}
.osw button[aria-selected=true]{background:#fff;color:#0b1020}
@media(max-width:420px){.osw button{padding:0 12px;font-size:14px}}
section.os{padding-top:26px;padding-bottom:30px;scroll-margin-top:70px}
section.os+section.os{border-top:1px solid var(--line)}
section.os h2{display:flex;align-items:center;gap:12px;font-size:clamp(22px,3vw,30px);line-height:1.15;font-weight:900;letter-spacing:-.01em;margin-bottom:8px}
.num{flex:none;width:36px;height:36px;border-radius:11px;background:var(--red);display:grid;place-items:center;font-size:16px;font-weight:900}
.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:44px;align-items:start}
@media(max-width:900px){.split{display:flex;flex-direction:column;gap:0}.split>.txt{display:contents}.split>.txt>*{order:3}.split>.txt>h2{order:0}.split>.txt>h2+p{order:1}.split>.vid{order:2;position:static;top:auto;margin:18px auto 8px;width:100%;max-width:min(320px,100%)}}
.dlbox{margin:20px 0 18px;padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(200,16,46,.14),rgba(200,16,46,.04));border:1px solid rgba(200,16,46,.4)}
.btn.big{min-height:56px;font-size:17px;padding:0 26px;width:100%;max-width:420px}
.btn.big svg{width:22px;height:22px}
.meta{margin-top:10px}
details.sha{margin-top:8px}
details.sha summary{cursor:pointer;font-size:13.5px;font-weight:700;color:#dfe5f5}
details.sha code{display:block;margin:8px 0;padding:10px 12px;border-radius:10px;background:#0b1020;border:1px solid var(--line);font-size:12px;word-break:break-all;color:#c9d2ea;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;user-select:all}
.warn,.info{display:flex;gap:14px;padding:16px;border-radius:16px;margin:16px 0}
.warn{background:rgba(255,170,60,.08);border:1px solid rgba(255,170,60,.38)}
.warn svg{color:#ffb45c}
.info{background:rgba(88,166,255,.08);border:1px solid rgba(88,166,255,.32)}
.info svg{color:#8fc3ff}
.warn svg,.info svg{flex:none;width:24px;height:24px;margin-top:2px}
.warn b,.info b{display:block;margin-bottom:4px}
.warn p,.info p{font-size:14.5px;color:#d0d7ea}
.steps{list-style:none;counter-reset:s;margin:20px 0;padding:0;display:grid;gap:4px}
.steps li{counter-increment:s;position:relative;padding:12px 0 12px 54px;border-bottom:1px solid var(--line);display:grid;gap:3px}
.steps li:last-child{border-bottom:0}
.steps li::before{content:counter(s);position:absolute;left:0;top:10px;width:36px;height:36px;border-radius:50%;border:2px solid var(--red);display:grid;place-items:center;font-weight:900;font-size:15px;color:#fff}
.steps li.on::before{background:var(--red)}
.steps b{font-size:16px}
.steps span{color:var(--mut);font-size:14.5px}
.lnk{background:none;border:0;padding:0;color:#fff;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:650;font-size:14.5px}
.vid{margin:0;position:sticky;top:84px}
.phone{position:relative;width:min(300px,100%);margin:0 auto;aspect-ratio:9/16;border-radius:38px;padding:10px;background:linear-gradient(160deg,#2a3352,#0d1226);box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.12)}
.phone video{width:100%;height:100%;object-fit:cover;border-radius:29px;background:#0b1020}
.vid figcaption{text-align:center;margin-top:12px}
.qrcard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.qr{width:220px;height:220px;border-radius:18px;background:#fff;padding:14px}
@media(max-width:700px){.qrcard{grid-template-columns:1fr}.qr{justify-self:center}}
.faq{padding:30px 24px 10px}
.faq h2{font-size:24px;font-weight:900;margin-bottom:12px}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;font-weight:750;padding:14px 0;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:20px;color:var(--mut);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{color:#c4cbe0;font-size:15px;padding:0 0 14px;max-width:820px}
.faq a{color:#ff8da0}
section.os.dim{opacity:.55}
section.os.dim:hover{opacity:1}

/* ===== 1.3.0: mocniejsze motion, licznik pobran, mikrointerakcje (bez zlota i kursywy) ===== */
.dl-hero{position:relative;overflow-x:clip}
.dl-hero .hx{position:relative;z-index:1}
.orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;opacity:.55}
.orb.o1{width:340px;height:340px;right:-60px;top:-30px;background:rgba(200,16,46,.55);animation:orbA 11s ease-in-out infinite}
.orb.o2{width:280px;height:280px;left:-70px;top:120px;background:rgba(70,110,230,.38);animation:orbB 14s ease-in-out infinite}
@keyframes orbA{50%{transform:translate(-40px,36px) scale(1.12)}}
@keyframes orbB{50%{transform:translate(48px,-24px) scale(1.18)}}
@media(max-width:600px){.orb.o1{width:220px;height:220px;right:-80px}.orb.o2{width:200px;height:200px;left:-90px}}
.dl-count{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:9px 16px 9px 12px;border-radius:999px;border:1px solid rgba(255,45,75,.55);background:rgba(200,16,46,.16);font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;max-width:100%}
.dl-count .dc-ic{flex:none;width:10px;height:10px;border-radius:50%;background:var(--red2);box-shadow:0 0 0 0 rgba(255,45,75,.6);animation:dcPulse 1.8s infinite}
@keyframes dcPulse{70%{box-shadow:0 0 0 10px rgba(255,45,75,0)}100%{box-shadow:0 0 0 0 rgba(255,45,75,0)}}
.dl-count #dlCountTx{min-width:0;overflow-wrap:anywhere}
/* telefon: tilt + parallax + poświata */
.vid{perspective:900px}
.phone{transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s;will-change:transform}
.phone.live{transition:transform .08s linear}
.phone::before{content:"";position:absolute;inset:-18px;border-radius:52px;background:radial-gradient(60% 50% at 50% 50%,rgba(200,16,46,.38),transparent 72%);z-index:-1;filter:blur(14px);animation:phoneGlow 5s ease-in-out infinite}
@keyframes phoneGlow{50%{opacity:.55;transform:scale(1.06)}}
.phone .shine{position:absolute;inset:10px;border-radius:29px;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 48%,transparent 62%);mix-blend-mode:screen;transform:translateX(var(--sx,-30%));transition:transform .3s}
/* przycisk pobierania */
.btn.big{position:relative;overflow:hidden;isolation:isolate}
.btn.big::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-130%);animation:btnShine 3.6s ease-in-out infinite 1.2s}
@keyframes btnShine{0%,60%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.btn.big svg{transition:transform .35s var(--ease)}
.btn.big:hover svg{animation:arrowBob .8s ease-in-out infinite}
@keyframes arrowBob{50%{transform:translateY(4px)}}
.btn.big:active{transform:scale(.97)}
.btn.big.is-dl svg{animation:arrowDrop .9s var(--ease)}
@keyframes arrowDrop{0%{transform:translateY(0);opacity:1}45%{transform:translateY(18px);opacity:0}46%{transform:translateY(-18px);opacity:0}100%{transform:none;opacity:1}}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);pointer-events:none;animation:rip .6s ease-out forwards}
@keyframes rip{to{transform:scale(1);opacity:0}}
.dl-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,24px);opacity:0;z-index:60;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:14px;background:#121a33;border:1px solid rgba(61,220,132,.5);color:#fff;font-weight:700;font-size:14.5px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.55);pointer-events:none;transition:opacity .3s,transform .45s var(--ease)}
.dl-toast.on{opacity:1;transform:translate(-50%,0)}
.btn.ghost:hover{transform:translateY(-2px)}
/* wejscia przy przewijaniu */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
.num{transition:transform .5s var(--ease)}
.rv.in .num,.os.in .num{animation:numPop .6s var(--ease) both}
@keyframes numPop{0%{transform:scale(.4) rotate(-20deg)}70%{transform:scale(1.15)}100%{transform:none}}
.steps li.on::before{animation:stepOn .5s var(--ease)}
@keyframes stepOn{0%{transform:scale(.6)}100%{transform:none}}
.dlbox{position:relative;overflow:hidden}
.dlbox::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang,0deg),transparent 0 70%,rgba(255,45,75,.9) 85%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 6s linear infinite;pointer-events:none}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes spin{to{--ang:360deg}}
@media(max-width:900px){.vid{perspective:700px}}
/* reduced-motion: lagodzimy, nie wylaczamy */
@media(prefers-reduced-motion:reduce){
 .orb{animation-duration:26s}
 .phone::before{animation-duration:10s}
 .btn.big::after{animation-duration:8s}
 .btn.big:hover svg{animation:none}
 .rv{transform:none;transition:opacity .5s}
 .dlbox::before{animation-duration:16s}
 .dl-count .dc-ic{animation-duration:4s}
}