@font-face{font-family:Figtree;src:url('figtree.woff2') format('woff2');font-weight:300 900}
:root{--ink:#08090a;--paper:#fff;--surface:#f5f6f7;--line:#d9dde1;--muted:#62676d;--red:#d60816;--blue:#1167cc;--green:#4f8f18;--radius:22px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Figtree,sans-serif;background:#151517;color:var(--ink)}body{min-height:100vh;overflow:hidden}.app{height:100vh;display:grid;place-items:center;padding:24px 24px 76px}.stage{position:relative;width:min(94vw,1440px);aspect-ratio:16/9;max-height:calc(100vh - 108px);overflow:hidden;background:var(--paper);box-shadow:0 28px 80px #0008}.slide{position:absolute;inset:0;display:none;overflow:hidden;background:var(--paper);padding:8.8% 4.4% 4.2%}.slide.is-active{display:block;animation:enter .3s ease both}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.055em;line-height:.96}.storebar{position:absolute;inset:0 0 auto;height:8%;min-height:58px;display:flex;align-items:center;gap:24px;padding:0 4.4%;border-bottom:1px solid var(--line);background:white;z-index:3}.storebar img{width:clamp(110px,10vw,164px)}.storebar .trust{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:clamp(10px,.76vw,13px);font-weight:600}.storebar .trust span{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:999px}.storebar .trust i{width:8px;height:8px;background:var(--green);border-radius:50%}.storebar .count{font-size:clamp(10px,.72vw,13px);color:var(--muted)}.eyebrow{display:flex;gap:10px;align-items:center;font-size:clamp(10px,.78vw,14px);font-weight:750;letter-spacing:.1em;text-transform:uppercase}.eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--red)}.title{font-size:clamp(44px,5.7vw,88px);font-weight:800}.lead{font-size:clamp(16px,1.45vw,23px);line-height:1.38;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:white;font-size:clamp(10px,.78vw,14px);font-weight:650}.pill::before{content:"";width:7px;height:7px;background:var(--red);border-radius:50%}.icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:white}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:12px;background:var(--ink);color:white;padding:0 24px;font-weight:700}.slide-number{position:absolute;right:4.5%;bottom:3.5%;font-size:12px;font-weight:700;color:#878b90}

.cover-grid{height:100%;display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.cover-copy,.cover-proof{border-radius:var(--radius);overflow:hidden}.cover-copy{background:var(--surface);padding:5.5%;display:flex;flex-direction:column;justify-content:space-between}.cover-copy h1{font-size:clamp(56px,7.5vw,116px);font-weight:820;max-width:900px}.cover-copy .lead{max-width:650px}.cover-proof{background:var(--ink);color:white;padding:5.5%;display:flex;flex-direction:column;justify-content:space-between;position:relative}.cover-proof::after{content:"";position:absolute;right:-18%;top:-18%;width:56%;aspect-ratio:1;border:40px solid var(--blue);border-radius:50%;opacity:.9}.proof-top{display:flex;justify-content:space-between;align-items:start;position:relative;z-index:1}.proof-top .pill{background:#202225;border-color:#444;color:white}.proof-value{position:relative;z-index:1}.proof-value strong{display:block;font-size:clamp(56px,7vw,110px);line-height:.82;letter-spacing:-.07em}.proof-value span{display:block;margin-top:16px;color:#c4c7cb;font-size:clamp(14px,1.2vw,19px)}.proof-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}.mini-stat{background:#202225;border-radius:16px;padding:16px}.mini-stat b{font-size:clamp(20px,2.1vw,34px)}.mini-stat small{display:block;color:#aeb2b7;margin-top:5px;line-height:1.3}

.systems-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.systems-head .lead{max-width:520px}.systems-grid{margin-top:3%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.system-card{min-height:150px;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:white;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.system-card:nth-child(2),.system-card:nth-child(5){background:var(--surface)}.system-card.accent{background:var(--ink);color:white;border-color:var(--ink)}.system-card .row{display:flex;justify-content:space-between;align-items:center;gap:10px}.system-card h3{font-size:clamp(16px,1.4vw,23px)}.system-card p{color:var(--muted);font-size:clamp(10px,.8vw,14px);line-height:1.35}.system-card.accent p{color:#bfc2c7}.system-card .index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:11px;font-weight:800}.system-card.accent .index{background:white;color:var(--ink)}

.ice-layout{height:100%;display:grid;grid-template-columns:.78fr 1.22fr;gap:16px}.ice-copy{border-radius:var(--radius);background:var(--surface);padding:7%;display:flex;flex-direction:column;justify-content:space-between}.ice-copy h2{font-size:clamp(44px,5.5vw,84px);font-weight:820}.ice-copy .lead{margin-top:20px}.ice-chips{display:flex;flex-wrap:wrap;gap:8px}.ice-art{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#eee}.ice-art img{width:100%;height:100%;object-fit:cover}.floating-label{position:absolute;z-index:2;padding:10px 14px;border-radius:999px;background:white;border:1px solid var(--line);font-size:clamp(10px,.75vw,13px);font-weight:750;box-shadow:0 8px 30px #0002}.floating-label.top{right:4%;top:4%}.floating-label.bottom{right:4%;bottom:4%;background:var(--ink);color:white;border-color:var(--ink)}

.roadmap-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.roadmap-head .proof-card{border-radius:18px;background:var(--surface);border:1px solid var(--line);padding:16px 20px;display:flex;align-items:center;gap:14px}.proof-card b{font-size:clamp(28px,3vw,46px);letter-spacing:-.05em;color:var(--green)}.proof-card span{font-size:12px;color:var(--muted);max-width:100px}.roadmap{margin-top:4.5%;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.road-step{border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-height:220px;background:white;position:relative}.road-step.active{border:2px solid var(--ink)}.road-step.done{background:var(--surface)}.road-step .status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e8ebed;font-size:10px;font-weight:750;text-transform:uppercase}.road-step.active .status{background:var(--ink);color:white}.road-step.done .status{background:#e4f3d8;color:#39740f}.road-step h3{font-size:clamp(17px,1.5vw,25px);margin-top:42px}.road-step p{font-size:clamp(10px,.8vw,14px);line-height:1.35;color:var(--muted);margin-top:8px}.road-step .num{position:absolute;right:16px;bottom:12px;font-size:clamp(30px,3vw,48px);font-weight:750;color:#d8dade}

/* D - najwierniejsze odwzorowanie nowego UI sklepu. */
.theme-d{--surface:#f6f7f8;--radius:22px}.theme-d .cover-copy{background:#f4f5f6}.theme-d .cover-copy h1 span{color:var(--blue)}.theme-d .system-card.accent{background:var(--blue);border-color:var(--blue)}.theme-d .ice-copy{background:#f3f4f5}.theme-d .road-step.active{box-shadow:0 0 0 3px #0001}

/* E - bardziej premium i produktowo, jak dopracowana karta For Long Life. */
.theme-e{--paper:#f8f6ef;--surface:#efece3;--line:#d9d4c9;--red:#a11d20;--blue:#154e91;--green:#2f7c52;--radius:30px}.theme-e .storebar{background:#f8f6ef}.theme-e .cover-copy{background:#fff}.theme-e .cover-proof{background:#154e91}.theme-e .cover-proof::after{border-color:#d7e5f1}.theme-e .proof-top .pill,.theme-e .mini-stat{background:#0f3c72;border-color:#668ab3}.theme-e .cover-copy h1 span{color:var(--green)}.theme-e .systems-grid{grid-template-columns:1.25fr .85fr .85fr 1.05fr}.theme-e .system-card{border-radius:28px;min-height:155px}.theme-e .system-card.accent{background:#2f7c52;border-color:#2f7c52}.theme-e .ice-copy{background:white}.theme-e .ice-art{border-radius:34px}.theme-e .floating-label{border-radius:12px}.theme-e .road-step{border-radius:28px}.theme-e .road-step.active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.theme-e .cover-copy h1{font-size:clamp(48px,5.8vw,88px)}.theme-e .cover-copy .lead{font-size:clamp(14px,1.2vw,19px)}

/* F - modułowy język checkoutu i paneli transakcyjnych. */
.theme-f{--surface:#f1f2f3;--radius:14px}.theme-f .storebar{background:var(--ink);color:white;border:0}.theme-f .storebar img{filter:brightness(0) invert(1)}.theme-f .storebar .trust span{border-color:#3a3d40}.theme-f .cover-grid{grid-template-columns:.88fr 1.12fr}.theme-f .cover-copy{background:white;border:1px solid var(--line)}.theme-f .cover-proof{background:#f1f2f3;color:var(--ink);border:1px solid var(--line)}.theme-f .cover-proof::after{border-color:var(--red);opacity:.11}.theme-f .proof-top .pill{background:white;color:var(--ink);border-color:var(--line)}.theme-f .mini-stat{background:white;border:1px solid var(--line)}.theme-f .mini-stat small{color:var(--muted)}.theme-f .cover-copy h1 span{color:var(--red)}.theme-f .systems-grid{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.theme-f .system-card{border:0;border-radius:0;min-height:155px}.theme-f .system-card.accent{background:var(--ink)}.theme-f .ice-layout{grid-template-columns:.68fr 1.32fr}.theme-f .ice-copy{border:1px solid var(--line);background:white}.theme-f .ice-art{border-radius:16px}.theme-f .roadmap{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.theme-f .road-step{border:0;border-radius:0}.theme-f .road-step.active{border:0;background:var(--ink);color:white}.theme-f .road-step.active p{color:#c4c7ca}.theme-f .proof-card{border-radius:12px}
.theme-f .cover-copy h1{font-size:clamp(46px,5.4vw,82px)}.theme-f .cover-copy .lead{font-size:clamp(13px,1.05vw,17px)}.theme-f .cover-proof .proof-value span{color:var(--muted)}

.controls{position:fixed;left:50%;bottom:17px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:10}.controls button{appearance:none;border:1px solid #555;background:#252527;color:white;height:44px;min-width:44px;padding:0 15px;border-radius:999px;font:650 13px Figtree;cursor:pointer}.controls button:hover{background:#36363a}.direction{color:#c2c3c7;font-size:12px;margin-right:8px;letter-spacing:.11em;text-transform:uppercase}.dots{display:flex;gap:7px;padding:0 7px}.dot{width:8px;height:8px;border-radius:50%;background:#626267}.dot.active{background:white;transform:scale(1.3)}
@media(max-width:900px){.app{padding:8px 8px 64px}.storebar .trust span:nth-child(n+2){display:none}.systems-grid{grid-template-columns:repeat(2,1fr)}.system-card{min-height:115px}.road-step{min-height:160px}.road-step p{display:none}.ice-copy .lead{font-size:12px}}