:root{--navy:#0A1F44;--red:#FF2D2D;--btn:#E0101E;--bg:#F1F4F9;--line:#DCE3EE;--muted:#42506B;--sub:#B9C6E4;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:#DDE3EC;color:var(--navy);font-family:"Atkinson Hyperlegible","Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;justify-content:center;padding:max(0px,env(safe-area-inset-top)) 0 env(safe-area-inset-bottom)}
.plakat{width:100%;max-width:794px;background:var(--bg);display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(10,31,68,.18)}
.top{background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:24px clamp(18px,6vw,48px) 22px}
.logo{flex:0 0 auto;width:clamp(48px,9vw,64px);height:clamp(48px,9vw,64px);border-radius:8px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center}
.logo svg{width:60%;height:60%}
.ttl{display:flex;flex-direction:column;gap:4px;min-width:0}
.nazwa{font-family:"Archivo","Arial Narrow",sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(26px,6vw,40px);letter-spacing:.02em;text-transform:uppercase;line-height:1}
.sub{font-size:clamp(14px,2.6vw,19px);color:var(--sub)}
.pas{height:8px;background:var(--red)}
.tresc{display:flex;flex-direction:column;gap:clamp(16px,3vw,24px);padding:clamp(28px,6vw,48px) clamp(18px,6vw,48px) clamp(28px,6vw,44px)}
h1{margin:0;font-family:"Archivo","Arial Narrow",sans-serif;font-stretch:75%;font-weight:900;font-size:clamp(56px,14vw,108px);line-height:.9;text-transform:uppercase}
.opis{margin:0;font-size:clamp(18px,3.4vw,25px);line-height:1.4;color:var(--muted);max-width:640px}
.karta{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px clamp(18px,4vw,28px);display:flex;flex-direction:column;gap:8px}
.etykieta{font-size:clamp(14px,2.4vw,18px);color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.adres{font-family:"Archivo","Arial Narrow",sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(36px,9vw,66px);line-height:1;overflow-wrap:anywhere}
.licznik{background:var(--navy);color:#fff;border-radius:10px;padding:20px clamp(14px,3vw,24px) 22px;display:flex;flex-direction:column;gap:14px}
.etykieta2{font-size:clamp(14px,2.4vw,18px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.kafle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.6vw,10px)}
.kafle div{background:rgba(255,255,255,.1);border-radius:8px;padding:14px 4px 12px;display:flex;flex-direction:column;align-items:center;gap:6px}
.kafle b{font-family:"Archivo","Arial Narrow",sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(34px,9vw,64px);line-height:1;font-variant-numeric:tabular-nums}
.kafle span{font-size:clamp(13px,2.3vw,17px);color:var(--sub)}
.koniec{font-family:"Archivo","Arial Narrow",sans-serif;font-stretch:75%;font-weight:900;font-size:clamp(34px,8vw,64px);text-transform:uppercase;line-height:1}
.start{background:var(--btn);color:#fff;border-radius:10px;padding:18px clamp(18px,4vw,28px);display:flex;flex-direction:column;gap:4px}
.etykieta3{font-size:clamp(14px,2.4vw,18px);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.data{font-family:"Archivo","Arial Narrow",sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(28px,6.4vw,46px);line-height:1.05}
@media (min-width:820px){body{padding:32px 0}.plakat{border-radius:4px;overflow:hidden}}
.akt{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid var(--navy);border-radius:10px;padding:16px clamp(16px,3vw,24px);color:var(--navy);text-decoration:none;min-height:64px}
.akt:hover{background:#E8EDF6}
.akt:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.akt-ikona{flex:0 0 auto;width:48px;height:48px;border-radius:8px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center}
.akt-ikona svg{width:26px;height:26px}
.akt-tekst{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.akt-tekst b{font-family:"Archivo","Arial Narrow",sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(24px,4.6vw,32px);text-transform:uppercase;line-height:1.05}
.akt-tekst span{font-size:clamp(15px,2.6vw,18px);color:var(--muted)}
.akt-strzalka{font-size:32px;font-weight:700;color:var(--btn)}