/* Smart Shape – landingi z VSL. Kolory i fonty marki (Dosis + Anek Latin, lokalnie). Ikony Lucide inline. */
@font-face{font-family:"Dosis";font-weight:200 800;font-display:swap;src:url(fonty/dosis-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Dosis";font-weight:200 800;font-display:swap;src:url(fonty/dosis-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Anek Latin";font-weight:100 800;font-display:swap;src:url(fonty/anek-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Anek Latin";font-weight:100 800;font-display:swap;src:url(fonty/anek-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

/* Strona akceptacji pakietu Smart Shape */
:root{--nieb:#59BFEC;--jasny:#85D4F2;--akcent:#277CEA;--czarny:#111111;--grafit:#3B3D40;--szary:#666D70;--tlo:#F5F5F5;--linia:#E3EEF4;
  --glowa:"Dosis",system-ui,sans-serif;--tresc:"Anek Latin",system-ui,sans-serif;--cien:0 16px 44px -26px rgba(17,40,80,.4)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.akc{margin:0;background:var(--tlo);color:var(--grafit);font:400 17px/1.55 var(--tresc)}
img,video{max-width:100%;display:block}
a{color:var(--akcent)}
h1,h2,h3{font-family:var(--glowa);color:var(--czarny);margin:0;line-height:1.1}
.ik{width:18px;height:18px;flex:none}
.akc-gora{display:flex;gap:22px;align-items:center;max-width:1160px;margin:0 auto;padding:36px 24px 20px}
.akc-gora img{width:72px;height:auto}
.akc-etykieta{margin:0 0 6px;color:var(--akcent);font:700 14px/1 var(--glowa);letter-spacing:.12em;text-transform:uppercase}
.akc-gora h1{font-size:clamp(26px,3.4vw,40px);font-weight:700}
.akc-menu{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;max-width:1160px;margin:0 auto;padding:10px 24px;background:rgba(245,245,245,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--linia)}
.akc-menu a{flex:none;padding:8px 14px;border-radius:10px;color:var(--grafit);text-decoration:none;font:600 15px/1 var(--glowa)}
.akc-menu a:hover,.akc-menu a:focus-visible{background:#fff;color:var(--akcent)}
main{max-width:1160px;margin:0 auto;padding:0 24px}
main section{padding:44px 0 12px;scroll-margin-top:60px}
main h2{font-size:clamp(24px,2.8vw,32px);font-weight:700}
.akc-opis{max-width:760px;margin:8px 0 22px;color:var(--szary)}
.lp-siatka,.vsl-siatka{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lp-karta{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linia);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--cien);transition:transform .2s,box-shadow .2s}
.lp-karta:hover{transform:translateY(-3px);box-shadow:0 22px 50px -24px rgba(39,124,234,.45)}
.lp-karta img{aspect-ratio:16/9;object-fit:cover;width:100%}
.lp-tekst{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px}
.lp-grupa{color:var(--akcent);font:700 13px/1.2 var(--glowa);letter-spacing:.1em;text-transform:uppercase}
.lp-tekst strong{font:700 20px/1.2 var(--glowa);color:var(--czarny)}
.lp-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--akcent);font-weight:600}
.vsl-karta,.rolka{margin:0;background:#fff;border:1px solid var(--linia);border-radius:16px;padding:10px;box-shadow:var(--cien)}
.vsl-karta video{width:100%;aspect-ratio:16/9;border-radius:10px;background:#dfe9ef}
.vsl-karta figcaption{display:flex;justify-content:space-between;gap:10px;padding:10px 4px 2px;font-size:15px}
.vsl-karta figcaption strong{font-family:var(--glowa);color:var(--czarny)}
.vsl-karta figcaption span{color:var(--szary)}
.grupa-blok{margin:0 0 30px}
.grupa-blok h3{font-size:21px;font-weight:700;margin:0 0 12px;padding-left:12px;border-left:4px solid var(--nieb)}
.rolki-rzad{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:20px}
.rolka video{width:100%;aspect-ratio:9/16;border-radius:10px;background:#dfe9ef}
.rolka figcaption{padding:10px 4px 2px;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.rolka figcaption a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-weight:600}
.statyki-rzad{display:grid;gap:16px;margin-bottom:16px}
.statyki-rzad.pion{grid-template-columns:repeat(3,minmax(0,240px))}
.statyki-rzad.poziom{grid-template-columns:repeat(3,1fr)}
.statyk{display:block;background:#fff;border:1px solid var(--linia);border-radius:14px;padding:8px;text-decoration:none;color:var(--szary);font-size:14px;box-shadow:var(--cien);transition:transform .2s}
.statyk:hover{transform:translateY(-2px)}
.statyk img{width:100%;border-radius:8px}
.statyk span{display:block;padding:8px 4px 2px}
.uwagi{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-width:820px}
.uwagi li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--linia);border-left:4px solid var(--akcent);border-radius:12px;padding:16px 18px}
.uwagi .ik{color:var(--akcent);margin-top:3px;width:22px;height:22px}
.uwagi strong{color:var(--czarny)}
.stopka{max-width:1160px;margin:30px auto 0;padding:24px;color:var(--szary);font-size:14px;border-top:1px solid var(--linia)}
:focus-visible{outline:3px solid var(--akcent);outline-offset:3px}
@media (max-width:900px){.lp-siatka,.vsl-siatka{grid-template-columns:1fr}.statyki-rzad.poziom{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.akc-gora{padding:24px 16px 14px;gap:14px}.akc-gora img{width:54px}.akc-menu,main{padding-left:16px;padding-right:16px}
  .rolki-rzad{grid-template-columns:1fr 1fr;gap:10px}.statyki-rzad.pion{grid-template-columns:1fr 1fr 1fr;gap:8px}.statyki-rzad.poziom{grid-template-columns:1fr}
  .statyk{padding:5px}.statyk span{font-size:12px}.rolka{padding:6px}.rolka figcaption{flex-direction:column;align-items:flex-start;font-size:13px}}