:root{--loss:#B3261E;--buy:#157A30;--sage:#B8BF96}
/* ===== v2: kombajn, role, oś czasu, animacje (ładowany po start.css) ===== */
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--navy);padding:10px 16px;border-radius:99px;z-index:50}.skip:focus{left:8px}
.prog{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--goldmid);z-index:60}
.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--goldmid);margin-right:10px;vertical-align:1px;animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(162,125,5,.45)}50%{box-shadow:0 0 0 7px rgba(162,125,5,0)}}
/* nagłówek: słowa wjeżdżają */
h1.split .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}
h1.split .w>span{display:inline-block;transform:translateY(105%);animation:up .9s var(--ease) forwards}
h1.split .w:nth-of-type(1)>span{animation-delay:.05s}h1.split .w:nth-of-type(2)>span{animation-delay:.12s}h1.split .w:nth-of-type(3)>span{animation-delay:.19s}h1.split .w:nth-of-type(4)>span{animation-delay:.26s}h1.split .w:nth-of-type(5)>span{animation-delay:.33s}h1.split .w:nth-of-type(6)>span{animation-delay:.42s}h1.split .w:nth-of-type(7)>span{animation-delay:.5s}h1.split .w:nth-of-type(8)>span{animation-delay:.58s}
@keyframes up{to{transform:none}}
.chip.gold{background:var(--navy);color:#fff;border-color:var(--navy)}
.chip.gold:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:8px}
/* telefony: unoszenie i wypełnianie pasków */
.ph.a{animation:fl 7s ease-in-out infinite}.ph.b{animation:fl 7s ease-in-out -3.5s infinite}
@keyframes fl{0%,100%{translate:0 0}50%{translate:0 -12px}}
.bars b{transform-origin:0 50%;animation:fill 1.6s .6s var(--ease) both}
@keyframes fill{from{transform:scaleX(0)}}
.scale{container-type:inline-size}.scale i{left:30%;animation:slide 5s ease-in-out infinite alternate}
@keyframes slide{to{transform:translateX(30cqw)}}
/* ticker */
.ticker{overflow:hidden;background:var(--navy);color:#fff;padding:18px 0;border-block:1px solid rgba(255,255,255,.1)}
.tk{display:flex;gap:44px;width:max-content;animation:tick 48s linear infinite}
.tk span{font:700 14px Barlow;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:center;gap:44px}
.tk span:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.ticker:hover .tk{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
/* bento */
.lead{max-width:62ch}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(36px,5vw,64px)}
.bx{background:var(--surface);border-radius:var(--r-card);padding:22px 22px 26px;display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.bx:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(12,27,45,.05),0 18px 40px rgba(12,27,45,.1)}
.bx.big{grid-column:span 2;grid-row:span 2}
.bx.soon{background:var(--navy);color:#fff}.bx.soon p{color:#C9D0DB}.bx.soon .kind{color:var(--gold)}
.bx .kind{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--golddeep);margin-top:6px}
.bx h3{font-size:24px;letter-spacing:-.02em}
.bx p{color:#33415A;font-size:16px}
.vis{height:130px;border-radius:16px;background:#fff;position:relative;overflow:hidden;display:grid;align-content:center;gap:9px;padding:16px}
.bx.big .vis{height:300px}
.bx.soon .vis{background:rgba(255,255,255,.06)}
/* paragon */
.rcpt{display:flex;align-items:center;justify-content:center;gap:28px}
.paper{width:150px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px 14px;display:grid;gap:9px;box-shadow:0 6px 20px rgba(12,27,45,.1);transform:rotate(-3deg)}
.paper i{display:block;height:8px;border-radius:99px;background:var(--beige)}.paper i.s{width:55%;background:var(--goldmid);opacity:.6}
.scan{position:absolute;left:12%;width:40%;height:3px;background:var(--goldmid);border-radius:99px;animation:scan 3.2s ease-in-out infinite alternate}
@keyframes scan{from{top:22%}to{top:78%}}
.out{display:grid;gap:10px}.out span{background:var(--navy);color:#fff;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:500;opacity:0;transform:translateX(-12px);animation:pop 3.2s ease-in-out infinite}
.out span:nth-child(2){animation-delay:.5s}.out span:nth-child(3){animation-delay:1s}
@keyframes pop{0%,15%{opacity:0;transform:translateX(-12px)}30%,85%{opacity:1;transform:none}100%{opacity:0}}
/* budżet */
.bb{height:10px;border-radius:99px;background:var(--beige);overflow:hidden}.bb b{display:block;height:100%;width:var(--w);background:var(--goldmid);border-radius:99px;transform-origin:0 50%}.bb.hot b{background:var(--loss)}
.in .bb b,.in .spl b{animation:fill 1.6s .2s var(--ease) both}
.al{justify-self:start;font-size:12px;font-weight:700;background:rgba(179,38,30,.12);color:var(--loss);border-radius:99px;padding:3px 10px}
/* przełączniki */
.sw{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.sw u{width:40px;height:24px;border-radius:99px;background:var(--beige);position:relative;transition:background .4s;text-decoration:none}
.sw u:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .4s var(--ease)}
.sw u.on{background:var(--navy)}.sw u.on:after{transform:translateX(16px)}
.in .sw:nth-child(2) u{animation:tog 4s 1s ease-in-out infinite}.in .sw:nth-child(2) u:after{animation:togd 4s 1s ease-in-out infinite}
@keyframes tog{0%,40%{background:var(--beige)}50%,90%{background:var(--navy)}100%{background:var(--beige)}}
@keyframes togd{0%,40%{transform:none}50%,90%{transform:translateX(16px)}100%{transform:none}}
/* zdjęcia */
.ph2{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.ph2 img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.ph2 img:first-child{filter:saturate(.75)}
/* udziały */
.spl{display:flex;gap:6px;align-items:center;padding:30px 16px}.spl b{display:block;height:34px;border-radius:10px;width:var(--w);background:var(--navy);transform-origin:0 50%}.spl b:nth-child(2){background:var(--goldmid)}.spl b:nth-child(3){background:var(--sage)}
.prc .scale{margin:0}
.doc i{display:block;height:9px;border-radius:99px;background:var(--beige)}.doc i.r{width:40%;background:var(--buy);opacity:.8}
.lst i{display:block;height:11px;border-radius:99px;background:var(--beige)}.lst i:nth-child(2){width:80%}.lst i:nth-child(3){width:55%}
.nxt{display:flex;gap:10px;align-items:center;justify-content:center}.nxt span{width:46px;height:46px;border-radius:14px;border:1.5px dashed rgba(255,255,255,.4);animation:bl 2.4s ease-in-out infinite}.nxt span:nth-child(2){animation-delay:.3s}.nxt span:nth-child(3){animation-delay:.6s}
@keyframes bl{0%,100%{opacity:.3}50%{opacity:1;border-color:var(--gold)}}
/* role */
.roles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:clamp(32px,5vw,56px)}
.role{border:1.5px solid var(--line);border-radius:var(--r-card);padding:22px;display:flex;flex-direction:column;gap:10px;background:#fff;transition:transform .6s var(--ease),border-color .4s}
.role:hover{transform:translateY(-4px);border-color:var(--navy)}
.role h3{font-size:24px;letter-spacing:-.02em}.role p{font-size:16px;color:#33415A}
.tag{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:3px 11px;background:rgba(34,168,68,.16);color:var(--buy)}
.tag.next{background:rgba(203,165,46,.26);color:var(--golddeep)}
/* oś czasu */
.tl{position:relative;margin-top:clamp(36px,5vw,64px);padding-left:56px;display:grid;gap:34px;--p:0}
.tl-line{position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:rgba(255,255,255,.22)}
.tl-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--gold);transform-origin:50% 0;transform:scaleY(var(--p))}
.tl-item{position:relative}
.nd{position:absolute;left:-55px;top:2px;width:24px;height:24px;border-radius:50%;background:var(--navy);border:2px solid rgba(255,255,255,.4);transition:background .5s,border-color .5s,transform .5s var(--ease)}
.tl-item.lit .nd{background:var(--gold);border-color:var(--gold);transform:scale(1.15)}
.lab{display:inline-block;font:700 14px Barlow;letter-spacing:.12em;text-transform:uppercase;border-radius:99px;padding:5px 14px;background:rgba(255,255,255,.1);color:#fff}
.lab.now{background:var(--gold);color:var(--navy)}.lab.soon{background:rgba(219,185,68,.2);color:var(--goldlight)}.lab.you{border:1.5px dashed rgba(255,255,255,.5)}
.tl ul{list-style:none;padding:0;margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}
.tl li{border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:8px 16px;font-size:16px;color:#E5E9F0;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.tl-item.in li{opacity:1;transform:none}
.tl-item.in li:nth-child(2){transition-delay:.06s}.tl-item.in li:nth-child(3){transition-delay:.12s}.tl-item.in li:nth-child(4){transition-delay:.18s}.tl-item.in li:nth-child(5){transition-delay:.24s}.tl-item.in li:nth-child(6){transition-delay:.3s}.tl-item.in li:nth-child(7){transition-delay:.36s}.tl-item.in li:nth-child(8){transition-delay:.42s}.tl-item.in li:nth-child(9){transition-delay:.48s}
.idea{margin-top:14px;max-width:56ch;color:#C9D0DB}
/* zniżka */
.deal{margin-top:24px;background:var(--navy);color:#fff;border-radius:var(--r-card);padding:22px 24px;display:grid;gap:4px;position:relative;overflow:hidden}
.deal:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(219,185,68,.22) 50%,transparent 65%);transform:translateX(-100%);animation:shine 4.5s 1s ease-in-out infinite}
.deal b{font-size:24px;letter-spacing:-.02em;color:var(--gold)}.deal span{color:#E5E9F0}
@keyframes shine{to{transform:translateX(100%)}}
.early div b{font-size:20px}
/* ciemne sekcje: powolny ruch tła */
.dark{background:linear-gradient(120deg,#0C1B2D 0%,#14263B 50%,#0C1B2D 100%)}
/* paralaksa baneru */
.banner{overflow:hidden}.banner img{will-change:transform;transform:scale(1.12) translateY(var(--py,0))}
.js .rv{transform:translateY(24px)}
.js .rv.in{transform:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:1100px){.bento{grid-template-columns:repeat(2,1fr)}.bx.big{grid-column:span 2;grid-row:auto}.bx.big .vis{height:240px}.roles{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.bento,.roles{grid-template-columns:1fr}.bx.big{grid-column:auto}.tl{padding-left:44px}.nd{left:-43px}}
@media(prefers-reduced-motion:reduce){h1.split .w>span{transform:none;animation:none}.tk,.ph.a,.ph.b,.scan,.out span,.deal:after,.live,.nxt span,.scale i,.in .sw:nth-child(2) u,.in .sw:nth-child(2) u:after{animation:none!important}.out span{opacity:1;transform:none}.tl li{opacity:1;transform:none}.prog{display:none}.banner img{transform:none}}

/* strony potwierdzenia i wypisu */
body.mp{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(900px 500px at 50% -10%,var(--beige),var(--surface) 70%)}
.mcard{width:min(100%,520px);background:#fff;border-radius:28px;padding:clamp(28px,6vw,48px);display:grid;justify-items:center;text-align:center;gap:14px;box-shadow:0 1px 2px rgba(12,27,45,.05),0 24px 60px rgba(12,27,45,.12);animation:mrise .8s var(--ease) both}
.mlogo{margin-bottom:10px}.mlogo img{height:30px;width:auto;display:block}
.mico{width:84px;height:84px;margin:6px 0 4px}
.mico svg{width:100%;height:100%;overflow:visible}
.mico .c{fill:var(--navy);transform-origin:50% 50%;animation:mpop .7s .1s var(--ease) both}
.mico .t{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:mdraw .7s .5s var(--ease) forwards}
.mcard.err .c{fill:var(--loss)}.mcard.err .t{stroke:#fff}
.mcard h1{font-size:clamp(30px,6vw,42px);max-width:none;letter-spacing:-.03em}
.mtxt{color:#33415A;font-size:20px;line-height:1.55;max-width:38ch;text-wrap:pretty}
.mcard .btn{margin-top:10px}
.mfoot{margin-top:14px;font-size:14px;color:var(--muted)}
@keyframes mrise{from{opacity:0;transform:translateY(18px)}}
@keyframes mpop{from{transform:scale(.4);opacity:0}}
@keyframes mdraw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.mcard,.mico .c,.mico .t{animation:none!important}.mico .t{stroke-dashoffset:0}}
.mico .t.m{stroke-width:3;fill:none}
.mcard.ask .c{fill:var(--navy)}
.mact{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}
.mact form{margin:0}
.mact button.btn{font-family:inherit}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ticker{position:relative}
.tkp{position:absolute;right:8px;top:50%;translate:0 -50%;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:var(--navy);cursor:pointer;z-index:2}
.tkp:before{content:"";position:absolute;left:15px;top:14px;width:4px;height:14px;background:#fff;border-radius:1px;box-shadow:9px 0 0 #fff}
.tkp[aria-pressed=true]:before{left:17px;top:13px;width:0;height:0;background:none;box-shadow:none;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff;border-radius:0}
.ticker.paused .tk{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.tkp{display:none}}
/* polityka prywatności: dłuższy tekst w karcie */
.mcard.pol{width:min(100%,760px);justify-items:start;text-align:left;gap:12px}
.mcard.pol h1{font-size:clamp(30px,5vw,40px)}
.mcard.pol h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-top:14px;max-width:none}
.mcard.pol .mtxt{max-width:none}
.mcard.pol a:not(.btn):not(.mlogo){color:var(--golddeep)}
.mcard.pol .mact{justify-content:flex-start}
body.pol{align-items:start}