@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(fonts/Poppins-Regular.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(fonts/Poppins-Medium.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(fonts/Poppins-SemiBold.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(fonts/Poppins-Bold.woff2) format("woff2")}
:root{--tlo:#F5F6F8;--granat:#0F172A;--tekst:#475569;--niebieski:#2563EB;--ciemny:#1D4ED8;--blekit:#E9EFFD;--gradient:linear-gradient(135deg,#2563EB,#06B6D4);--r:28px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{font-family:Poppins,Arial,sans-serif;background:var(--tlo);color:var(--granat);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block}
.i{width:22px;height:22px}
em{font-style:normal;color:var(--niebieski)}
h1,h2{font-weight:700;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.nav{position:sticky;top:14px;z-index:40;padding:0 16px}
.nav-w{max-width:900px;margin:auto;background:var(--granat);border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:9px 10px 9px 24px}
.nav img{height:30px;width:auto}
.nav-cta{background:#fff;color:var(--granat);text-decoration:none;font-weight:600;font-size:15px;padding:9px 20px;border-radius:999px;white-space:nowrap}
.nav-cta:hover{background:var(--blekit)}
.hero{position:relative;text-align:center;padding:38px 20px 70px;overflow:hidden}
.nad{font-size:14px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ciemny);margin-bottom:16px}
h1{font-size:clamp(34px,4.4vw,60px);max-width:1020px;margin:0 auto 12px}
.lead{font-size:clamp(17px,1.7vw,21px);color:var(--tekst);margin-bottom:24px}
.wstega{position:absolute;left:50%;top:270px;width:max(1700px,118vw);transform:translateX(-50%);pointer-events:none}
.wstega text{font:600 20px Poppins,Arial,sans-serif;letter-spacing:.11em;fill:#fff;white-space:pre}
.wideo{position:relative;max-width:900px;margin:0 auto;border-radius:var(--r);overflow:hidden;background:#dfe3e8;aspect-ratio:16/9;box-shadow:0 34px 80px rgba(15,23,42,.22),0 6px 18px rgba(15,23,42,.10)}
.wideo video{width:100%;height:100%;object-fit:cover}
.graj{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;border:0;cursor:pointer;background:var(--granat);color:#fff;font:600 17px Poppins,Arial,sans-serif;padding:15px 26px 15px 20px;border-radius:999px;box-shadow:0 16px 40px rgba(15,23,42,.38);white-space:nowrap}
.graj .i{width:26px;height:26px;fill:#fff}
.graj:hover{background:var(--ciemny)}
.wideo.gra .graj{display:none}
.fakty{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:28px 0 24px;position:relative;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.fakty li{display:flex;align-items:center;gap:10px}
.fakty li::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--niebieski)}
.btn{position:relative;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:600;font-size:18px;color:#fff}
.btn span{background:var(--granat);padding:16px 30px;border-radius:999px}
.btn b{width:58px;height:58px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;transition:transform .2s}
.btn:hover b{transform:translateY(3px)}
.btn:hover span{background:var(--ciemny)}
.rez{max-width:1180px;margin:0 auto;padding:40px 20px 84px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.rez h2,.opinie h2{font-size:clamp(32px,4vw,52px)}
.rez-l{position:sticky;top:104px}
.rez-l>p{color:var(--tekst);margin:16px 0 26px}
.rez ol{list-style:none;display:grid;gap:14px}
.rez li{display:flex;gap:14px;align-items:center;font-weight:500}
.rez li b{flex:none;width:46px;height:46px;border-radius:13px;background:var(--blekit);color:var(--niebieski);display:grid;place-items:center}
.kal{position:relative;background:#fff;border-radius:var(--r);min-height:680px;box-shadow:0 22px 60px rgba(15,23,42,.12);overflow:hidden;padding:8px}
.kal::before{content:"Ładuję kalendarz…";position:absolute;left:0;right:0;top:64px;text-align:center;color:var(--tekst)}
.kal iframe{position:relative;display:block;width:100%;min-height:660px;border:0}
.kal-czeka{padding:48px 24px;text-align:center;color:var(--tekst)}
.opinie{background:#fff;padding:76px 20px 84px;text-align:center}
.ocena{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--granat);background:var(--blekit);padding:9px 20px;border-radius:999px;font-weight:500;font-size:15px;margin-bottom:22px}
.ocena strong{font-size:18px}
.gw-r{display:inline-flex;gap:2px}
.gw{width:17px;height:17px;fill:#2563EB;stroke:#2563EB}
.op-siatka{max-width:1180px;margin:42px auto 44px;columns:3;column-gap:20px;text-align:left}
.op{break-inside:avoid;background:var(--tlo);border-radius:22px;padding:24px 26px;margin-bottom:20px}
.op blockquote{margin:12px 0 16px;font-size:16.5px;line-height:1.55;color:var(--granat)}
.op figcaption strong{display:block;font-size:15px}
.op figcaption span{font-size:13.5px;color:var(--tekst)}
.stopka{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;padding:26px 20px 30px;font-size:13.5px;color:var(--tekst);background:#fff;border-top:1px solid #E5E9F0}
.stopka a{color:inherit}
.przyklejony{display:none}
.rv{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}
.rv.wid{opacity:1;transform:none}
@media (max-width:1240px){
  .rez{grid-template-columns:1fr;gap:28px;padding-top:24px;max-width:860px}.rez-l{position:static}
}
@media (max-width:900px){
  .op-siatka{columns:1}
  .hero{padding:36px 16px 56px}
  .wstega{top:300px;width:1250px}
  .nav img{height:25px}.nav-w{padding-left:18px}.nav-cta{font-size:13.5px;padding:8px 15px}
  .graj{font-size:15px;padding:12px 20px 12px 15px}
  .btn{font-size:16px}.btn span{padding:14px 20px}.btn b{width:52px;height:52px}
  .fakty{font-size:12.5px;gap:6px 18px}
  .kal{min-height:640px;padding:0}
  .przyklejony{display:block;position:fixed;left:16px;right:16px;bottom:14px;z-index:50;text-align:center;text-decoration:none;color:#fff;font-weight:600;background:var(--niebieski);padding:15px;border-radius:999px;box-shadow:0 14px 34px rgba(15,23,42,.35);transform:translateY(90px);transition:transform .25s}
  .przyklejony.wid{transform:none}
  .stopka{padding-bottom:88px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}}