:root{
  --navy:#151A3E;
  --navy-2:#1D2452;
  --navy-3:#242C63;
  --navy-line:#2C3468;
  --red:#E50914;
  --red-dark:#C00810;
  --red-soft:#FDECED;
  --ink:#0E1224;
  --body:#4B5565;
  --muted:#98A2B3;
  --grey-100:#F7F8FB;
  --grey-200:#F1F2F7;
  --line:#E7E9F2;
  --white:#fff;
  --r:10px;
  --tr:.25s ease;
  --container:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',system-ui,sans-serif;color:var(--body);background:var(--white);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
html{overflow-x:clip} /* twardy guard: zero poziomego scrolla na mobile (nie psuje position:sticky) */
input,textarea,select,button{font-family:inherit;font-size:100%} /* pola formularzy dziedziczą Montserrat (bez tego textarea=monospace) */
.hp-field{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.f-contact a,.ci-row{overflow-wrap:anywhere} /* dlugi e-mail nie rozpycha layoutu */
a{text-decoration:none;color:inherit;transition:color var(--tr)}
h1,h2,h3,h4{color:var(--ink);line-height:1.25;font-weight:800;letter-spacing:-.02em}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
section{padding:110px 0}
.eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.h2{font-size:clamp(28px,3.8vw,40px)}
.section-head{max-width:760px;margin-bottom:60px}
.section-head p{margin-top:18px;font-size:16.5px}
.section-head.-center{margin-left:auto;margin-right:auto;text-align:center}
.section-head.-center .h2{position:relative;padding-top:22px}
.section-head.-center .h2::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:44px;height:3px;background:var(--red)}

/* BUTTONS — DW style: rectangular, arrow slides */
.btn{display:inline-flex;align-items:center;gap:14px;font-family:inherit;font-weight:600;font-size:15px;letter-spacing:-.01em;border-radius:var(--r);padding:15px 30px;cursor:pointer;border:1px solid var(--red);background:var(--red);color:#fff;transition:background var(--tr),border-color var(--tr),color var(--tr),transform var(--tr)}
.btn svg{flex-shrink:0;transition:transform var(--tr)}
.btn:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn:hover svg{transform:translateX(6px)}
.btn.-secondary{background:#fff;border-color:var(--line);color:var(--ink)}
.btn.-secondary svg{color:var(--red)}
.btn.-secondary:hover{background:#fff;border-color:var(--ink);color:var(--ink)}
.btn.-white{background:#fff;border-color:#fff;color:var(--ink)}
.btn.-white svg{color:var(--red)}
.btn.-white:hover{background:var(--grey-200);border-color:var(--grey-200);color:var(--ink)}
.btn.-ghost{background:transparent;border-color:var(--navy-line);color:#fff}
.btn.-ghost:hover{background:transparent;border-color:#fff}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--red);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.link-arrow svg{transition:transform var(--tr)}
.link-arrow:hover{color:var(--red-dark)}
.link-arrow:hover svg{transform:translateX(5px)}

/* TOPBAR — Omnipack style */
.topbar{background:var(--navy);color:#C6CBE4;font-size:13.5px;font-weight:600;padding:10px 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:20px}
.topbar a{color:#fff}
.topbar a:hover{color:#FF7A80}
.topbar .tb-phone{display:flex;align-items:center;gap:8px;white-space:nowrap}
.topbar .tb-phone span{color:#8A92BE;font-weight:500}
.topbar .tb-phone a{color:#FF6B71;font-weight:700}
@media(max-width:860px){.topbar .tb-phone{display:none}}
@media(max-width:680px){.topbar{display:none}}

/* HEADER */
.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:20px;height:84px}
.logo{display:flex;align-items:center;white-space:nowrap;flex-shrink:0}
.logo img{display:block;width:248px;height:auto}

.nav-links{display:flex;margin-left:auto;list-style:none;align-items:center}
.nav-links li{position:relative}
.nav-links li:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:22px;width:1px;background:var(--line)}
.nav-links a{display:block;font-size:14px;font-weight:600;color:var(--ink);padding:8px 13px;white-space:nowrap}
.nav-links a:hover{color:var(--red)}
.nav-phone{font-size:14px;font-weight:500;color:var(--body);display:flex;align-items:center;gap:6px;white-space:nowrap}
.nav-phone b{color:var(--ink);font-size:15px;font-weight:700}
.nav-phone b:hover{color:var(--red)}
.btn-nav{padding:12px 18px;font-size:14px}
.burger{display:none;background:none;border:none;cursor:pointer;padding:8px}
.burger span{display:block;width:26px;height:2.5px;background:var(--red);margin:5px 0;border-radius:2px}

/* HERO — Omnipack navy + map decor */
.hero{position:relative;background:var(--navy);overflow:hidden;padding:0}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(900px 700px at 78% 40%,#000 0%,transparent 72%)}
.hero::after{content:"";position:absolute;top:-180px;right:-140px;width:480px;height:480px;border-radius:50%;border:1px dashed rgba(255,255,255,.14)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:end;padding:52px 0 0}
.hero-copy{padding-bottom:56px;align-self:center}
.hero .eyebrow{color:#FF6B71}
.hero h1{color:#fff;font-size:clamp(32px,4.2vw,52px);margin-bottom:22px}
.hero h1 u{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:6px;text-underline-offset:8px;text-decoration-skip-ink:none}
.hero .lead{color:#B9BFDC;font-size:17.5px;max-width:540px;margin-bottom:38px;font-weight:500}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-bottom{display:flex;align-items:center;gap:36px;margin-top:38px;flex-wrap:wrap}
.hero-divider{width:1px;height:56px;background:var(--navy-line)}
.hero-rating small{display:block;font-size:12.5px;font-weight:600;color:#8A92BE;margin-bottom:6px}
.hero-rating .stars{display:flex;align-items:center;gap:6px}
.hero-rating .stars svg{color:#FFB020}
.hero-rating .stars b{color:#fff;font-size:16px;margin-left:6px}
.hero-rating .stars span{color:#8A92BE;font-size:13px;font-weight:600}
.hero-visual{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:610px;align-self:end}
.hv-circle{position:absolute;bottom:-130px;left:50%;transform:translateX(-50%);width:480px;height:480px;border-radius:50%;background:var(--navy-3);border:1px solid var(--navy-line)}
.hv-photo{position:relative;z-index:2;height:620px;width:auto;object-fit:contain;filter:drop-shadow(0 30px 44px rgba(5,8,24,.5))}
.hv-rays{position:absolute;top:-2%;left:5%;color:var(--red);animation:rays 4.5s ease-in-out infinite}
.hv-ring{position:absolute;top:8%;right:3%;width:130px;height:130px;border:1.5px dashed rgba(255,255,255,.35);border-radius:50%;animation:spin 44s linear infinite}
.hv-ring::after{content:"";position:absolute;top:12px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--red)}
.hv-mark{position:absolute;bottom:25%;right:6%;width:56px;height:56px;animation:floaty 5s ease-in-out infinite;animation-delay:1.2s;filter:drop-shadow(0 10px 20px rgba(5,8,24,.5))}
.hv-dots{position:absolute;left:-2%;bottom:6%;width:160px;height:120px;background-image:radial-gradient(rgba(255,255,255,.32) 1.5px,transparent 1.5px);background-size:18px 18px}
.hv-city{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:640px;max-width:132%;z-index:1;opacity:.95}
.hv-city .b{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);animation:rise .8s cubic-bezier(.22,.8,.32,1) forwards}
.hv-city .b1{animation-delay:.1s}.hv-city .b2{animation-delay:.22s}.hv-city .b3{animation-delay:.34s}.hv-city .b4{animation-delay:.46s}.hv-city .b5{animation-delay:.58s}.hv-city .b6{animation-delay:.7s}
.hv-city .blink{animation:blink 4.5s ease-in-out infinite}
.hv-pin{transform-box:fill-box;animation:floaty 5s ease-in-out infinite;animation-delay:1.4s}
@keyframes rise{to{transform:scaleY(1)}}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
/* LN flow lines — brand connecting motif */
.flow{position:absolute;pointer-events:none;color:rgba(21,26,62,.08);z-index:0}
.flow .fl-red{stroke:rgba(229,9,20,.16)}
.flow.-light{color:rgba(255,255,255,.07)}
.flow.-light .fl-red{stroke:rgba(255,107,113,.22)}
.flow path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s ease .15s}
.flow path:nth-child(2){transition-delay:.5s}
.flow path:nth-child(3){transition-delay:.85s}
.flow path:nth-child(4){transition-delay:1.2s}
.flow path:nth-child(5){transition-delay:1.5s}
.flow.in path{stroke-dashoffset:0}
/* wariacja: linie rysuja sie od DRUGIEGO konca (od dolu) + inny stagger */
.flow.-v2 path{stroke-dashoffset:-1;transition-duration:2.1s}
.flow.-v2 path:nth-child(1){transition-delay:.1s}
.flow.-v2 path:nth-child(2){transition-delay:.7s}
.flow.-v2 path:nth-child(3){transition-delay:.35s}
.flow.-v2 path:nth-child(4){transition-delay:1s}
.flow.-v2 path:nth-child(5){transition-delay:.55s}
.flow.-v2.in path{stroke-dashoffset:0}
.hero-chip{position:absolute;z-index:3;background:#fff;border-radius:var(--r);padding:15px 20px;display:flex;gap:13px;align-items:center;box-shadow:0 24px 48px -12px rgba(5,8,24,.55);animation:floaty 5.5s ease-in-out infinite}
.hero-chip.-a{top:4%;left:-5%;padding:8px 12px;gap:8px}
.hero-chip.-a .ic{width:27px;height:27px;border-radius:7px}
.hero-chip.-a .ic svg{width:14px;height:14px}
.hero-chip.-a small{font-size:10px}
.hero-chip.-a b{font-size:11.5px}
.hero-chip.-b{bottom:9%;right:-3%;animation-delay:2.6s}
.hero-chip .ic{width:40px;height:40px;border-radius:8px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;flex-shrink:0}
.hero-chip small{display:block;font-size:11.5px;font-weight:600;color:var(--muted)}
.hero-chip b{font-size:14.5px;color:var(--ink);font-weight:800}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes rays{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}

/* TRUST STRIP */
.strip{background:var(--grey-100);padding:44px 0;border-bottom:1px solid var(--line)}
.strip h2{text-align:center;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
.strip-row{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;align-items:center}
.strip-item{display:flex;align-items:center;gap:12px}
.strip-item svg{color:var(--red)}
.strip-item b{display:block;font-size:19px;color:var(--ink);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.strip-item span{font-size:12.5px;font-weight:600;color:var(--muted)}

/* ABOUT — Omnipack 2-col image/text */
.about-grid{display:grid;grid-template-columns:480px 1fr;gap:80px;align-items:center}
.about-photo{position:relative}
.about-photo img{border-radius:var(--r);width:100%;height:auto;border:1px solid var(--line);animation:floaty 7s ease-in-out infinite}
.about-photo::after{content:"";position:absolute;left:-16px;bottom:44px;width:180px;height:180px;border:2px solid var(--red);border-radius:var(--r);z-index:-1}
.about-copy .h2{margin-bottom:26px}
.about-copy p{font-size:15.5px;margin-bottom:16px}
.about-copy p b{color:var(--ink)}
.about-copy .link-arrow{margin-top:10px}

/* SERVICES — DW our_offer grid */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:56px 44px}
.svc-item .svc-ic{width:56px;height:56px;color:var(--red);margin-bottom:20px}
.svc-item .svc-ic svg{width:100%;height:100%}
.svc-item h3{font-size:17px;font-weight:700;margin-bottom:10px;line-height:1.35}
.svc-item h3 a:hover{color:var(--red)}
.svc-item p{font-size:14px}

/* AUDIENCE — Wingrow photo tiles */
.tiles{background:var(--navy);position:relative;overflow:hidden}
.tiles::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px}
.tiles .section-head{position:relative;margin-left:auto;margin-right:auto;text-align:center}
.tiles .h2{color:#fff}
.tiles .section-head p{color:#8A92BE}
.tiles-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding-bottom:28px}
.tile{position:relative;height:520px;border-radius:var(--r);overflow:hidden;display:flex;align-items:flex-end}
.tile:nth-child(even){margin-top:28px}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease;filter:brightness(.82) saturate(.95)}
.tile:hover img{transform:scale(1.06);filter:brightness(1)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,26,62,.08) 35%,rgba(8,11,30,.9) 100%)}
.tile-body{position:relative;z-index:2;padding:24px 20px;width:100%}
.tile-body h3{color:#fff;font-size:18.5px;margin-bottom:8px;line-height:1.3}
.tile-body .link-arrow{font-size:13.5px;color:#FF8A8F}
.tile-body .link-arrow:hover{color:#fff}

/* PROCESS — Omnipack navy steps */
.process{background:var(--navy);position:relative;overflow:hidden}
.process::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(700px 500px at 15% 100%,#000 0%,transparent 70%)}
.process .section-head{position:relative}
.process .h2{color:#fff}
.process .section-head p{color:#8A92BE}
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:44px}
.steps::before{content:"";position:absolute;top:28px;left:60px;right:60px;height:1px;background:var(--navy-line)}
.step{position:relative}
.step-ic{position:relative;width:56px;height:56px;background:var(--navy);border:1px solid var(--navy-line);border-radius:var(--r);display:grid;place-items:center;color:#fff;margin-bottom:22px}
.step-ic svg{color:#FF6B71}
.step-num{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#FF6B71;margin-bottom:6px}
.step h3{color:#fff;font-size:17px;font-weight:700;margin-bottom:10px}
.step p{font-size:14px;color:#8A92BE}
.process-link{margin-top:56px;text-align:center;position:relative}

/* Premium brand decor — logo-geometry squares drifting in light sections */
.numbers,.faq{background-color:var(--grey-100);background-image:radial-gradient(rgba(21,26,62,.045) 1px,transparent 1px);background-size:26px 26px;position:relative;overflow:hidden}
.deco{position:absolute;inset:0;pointer-events:none}
.deco span{position:absolute;display:block}
.deco .sq-a{width:480px;height:480px;border:2px solid rgba(21,26,62,.07);border-radius:72px;animation:drift-a 28s ease-in-out infinite}
.deco .sq-b{width:480px;height:480px;border:2px solid rgba(229,9,20,.055);border-radius:72px;animation:drift-b 34s ease-in-out infinite}
.deco .dot-r{width:14px;height:14px;background:var(--red);opacity:.35;border-radius:4px;animation:floaty 7s ease-in-out infinite}
.numbers .container,.faq .container{position:relative}
@keyframes drift-a{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(8deg) translateY(-30px)}}
@keyframes drift-b{0%,100%{transform:rotate(-7deg) translate(0,0)}50%{transform:rotate(-11deg) translate(24px,-20px)}}
/* NUMBERS — Omnipack stat cards with red bottom border */
.numbers{}
.numbers-grid{display:grid;grid-template-columns:480px 1fr;gap:72px;align-items:start}
.numbers-head .h2{margin-bottom:20px}
.numbers-head p{font-size:15.5px}
.num-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.num-card{background:#fff;border-bottom:2px solid var(--red);padding:28px 30px;border-radius:var(--r) var(--r) 0 0}
.num-card b{display:block;font-size:26px;font-weight:800;color:var(--red);letter-spacing:-.02em;line-height:1.15;margin-bottom:8px}
.num-card span{font-size:14px;font-weight:700;color:var(--ink);line-height:1.45;display:block}

/* COMPARE */
.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1020px;margin:0 auto}
.cmp-card{border:1px solid var(--line);border-radius:var(--r);padding:40px 36px;background:#fff}
.cmp-card.-new{background:var(--navy);border-color:var(--navy)}
.cmp-tag{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.cmp-card.-new .cmp-tag{color:#FF6B71}
.cmp-card h3{font-size:21px;margin-bottom:24px}
.cmp-card.-new h3{color:#fff}
.cmp-card ul{list-style:none;display:grid;gap:15px}
.cmp-card li{display:flex;gap:12px;font-size:14.5px;align-items:flex-start}
.cmp-card li svg{flex-shrink:0;margin-top:3px;color:var(--muted)}
.cmp-card.-new li{color:#C6CBE4}
.cmp-card.-new li svg{color:#FF6B71}
.cmp-card.-new li b{color:#fff}

/* TEAM — Omnipack founder section */
.team{border-bottom:1px solid var(--line)}
.team-grid{display:grid;grid-template-columns:1fr 460px;gap:80px;align-items:end}
.team-copy{padding-bottom:70px}
.team-copy .h2{margin-bottom:30px}
.team-name{font-size:19px;font-weight:800;color:var(--red);margin-bottom:2px}
.team-role{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:26px}
.team-list{list-style:none;display:grid;gap:14px;margin-bottom:34px}
.team-list li{display:flex;gap:12px;font-size:15px;align-items:flex-start}
.team-list li svg{flex-shrink:0;margin-top:4px;color:var(--red)}
.team-list li b{color:var(--ink)}
.team-photo img{display:block;width:100%;height:auto;border-radius:16px 16px 0 0}

/* TESTIMONIALS — DW style */
.tst{background:var(--grey-100)}
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tst-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px 30px;display:flex;flex-direction:column;gap:18px}
.tst-quote{width:44px;height:44px;border-radius:50%;background:var(--red);display:grid;place-items:center;color:#fff}
.tst-card p{font-size:14.5px}
.tst-who{margin-top:auto}
.tst-who b{display:block;font-size:15px;color:var(--ink)}
.tst-who span{font-size:13px;color:var(--muted);font-weight:500}
.tst-more{text-align:center;margin-top:48px;font-size:16px;font-weight:700;color:var(--ink)}
.tst-more a{color:var(--red);text-decoration:underline;text-underline-offset:4px}

/* VIDEO OPINIONS — Bunny CDN click-to-load */
.vop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:920px;margin:0 auto}
.vop-card{position:relative}
.vop-player{position:relative;aspect-ratio:9/16;border-radius:var(--r);overflow:hidden;background:var(--navy);border:1px solid var(--line);cursor:pointer}
.vop-player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.vop-player:hover img{transform:scale(1.04)}
.vop-player::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,11,30,.72))}
.vop-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--red);border:none;cursor:pointer;display:grid;place-items:center;color:#fff;box-shadow:0 16px 36px -8px rgba(229,9,20,.55);transition:transform var(--tr),background var(--tr)}
.vop-player:hover .vop-play{transform:translate(-50%,-50%) scale(1.08);background:var(--red-dark)}
.vop-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.vop-who{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:#fff;pointer-events:none}
.vop-who b{display:block;font-size:15px;font-weight:700}
.vop-who span{font-size:12.5px;color:#C6CBE4;font-weight:600}
@media(max-width:860px){.vop-grid{grid-template-columns:1fr;max-width:340px}}

/* TOOL — gradient band like Omnipack */
.tool{background:linear-gradient(90deg,var(--grey-100) 70%,#fff 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.tool-grid{display:grid;grid-template-columns:1fr 620px;gap:56px;align-items:center}
.tool-copy .h2{margin-bottom:22px}
.tool-copy>p{font-size:15.5px;margin-bottom:24px}
.tool-list{list-style:none;display:grid;gap:13px;margin-bottom:34px}
.tool-list li{display:flex;gap:12px;font-size:15px;font-weight:600;color:var(--ink);align-items:flex-start}
.tool-list li svg{flex-shrink:0;margin-top:3px;color:var(--red)}
.tool-visual{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tool-visual .tv-top{background:var(--navy);color:#fff;padding:20px 26px;display:flex;gap:14px;align-items:center}
.tool-visual .tv-top svg{color:#FF6B71;flex-shrink:0}
.tool-visual .tv-top b{font-size:15px;font-weight:700}
.tool-visual .tv-top small{display:block;font-size:12px;color:#8A92BE;font-weight:500}
.tool-visual .tv-body{padding:28px 26px}
.tool-visual .bar{height:10px;border-radius:5px;background:var(--grey-200);margin-bottom:14px;overflow:hidden}
.tool-visual .bar i{display:block;height:100%;background:var(--red)}
.tool-visual .tv-result{margin-top:24px;padding:18px 22px;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:0 var(--r) var(--r) 0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tool-visual .tv-result span{font-size:13px;font-weight:600;color:var(--body)}
.tool-visual .tv-result b{font-size:19px;color:var(--ink);letter-spacing:-.01em}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color var(--tr),box-shadow var(--tr)}
.blog-card:hover{border-color:rgba(229,9,20,.45);box-shadow:0 16px 40px -18px rgba(14,18,36,.18)}
.blog-thumb{height:170px;background:var(--navy);position:relative;display:grid;place-items:center;overflow:hidden}
.blog-thumb::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:26px 26px}
.blog-thumb svg{position:relative;color:#FF6B71}
.blog-body{padding:26px;display:flex;flex-direction:column;gap:12px;flex:1}
.blog-cat{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.blog-body h3{font-size:16px;font-weight:700;line-height:1.45}
.blog-body h3 a:hover{color:var(--red)}
.blog-meta{font-size:12.5px;color:var(--muted);font-weight:500}
.blog-body .link-arrow{margin-top:auto;font-size:14px}

/* FAQ */
.faq-list{max-width:840px;margin:0 auto;display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;font-weight:700;font-size:15.5px;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary svg{flex-shrink:0;color:var(--red);transition:transform var(--tr)}
.faq-item[open] summary svg{transform:rotate(45deg)}
.faq-item .faq-a{padding:0 26px 24px;font-size:14.5px}

/* BANNER — Omnipack full-width red CTA */
.banner{background:var(--red);padding:96px 0;position:relative;overflow:hidden}
.banner::before{content:"";position:absolute;top:-120px;right:-120px;width:380px;height:380px;border-radius:50%;border:2px dashed rgba(255,255,255,.25);animation:spin 60s linear infinite}
.banner-grid{display:grid;grid-template-columns:340px 1fr;gap:72px;align-items:center}
.banner-ill{background:#fff;border-radius:var(--r);padding:20px;box-shadow:0 30px 60px -18px rgba(90,3,7,.5);animation:floaty 6.5s ease-in-out infinite}
.banner-ill img{width:100%;height:auto;border-radius:6px}
.banner h2{color:#fff;font-size:clamp(28px,3.8vw,40px);margin-bottom:34px}
.banner p{color:rgba(255,255,255,.85);font-size:16px;margin:-22px 0 34px;font-weight:500}
@media(max-width:860px){.banner-grid{grid-template-columns:1fr;gap:48px}.banner-ill{max-width:300px;margin:0 auto}.banner-grid>div:last-child{text-align:center}}

/* FOOTER — Omnipack navy */
.footer{background:var(--navy);color:#8A92BE;padding:80px 0 0}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:56px;padding-bottom:64px}
.footer .logo{color:#fff;margin-bottom:20px}
.footer-about p{font-size:14px;max-width:300px;margin-bottom:24px}
.footer h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}
.footer ul{list-style:none;display:grid;gap:12px}
.footer ul a{font-size:14px;font-weight:500}
.footer ul a:hover{color:#fff}
.footer .f-contact a{color:#FF6B71;font-weight:600}
.footer .f-contact a:hover{color:#fff}
.f-social{display:flex;gap:12px}
.f-social a{width:38px;height:38px;border:1px solid var(--navy-line);border-radius:8px;display:grid;place-items:center;color:#C6CBE4;transition:border-color var(--tr),color var(--tr)}
.f-social a:hover{border-color:var(--red);color:#fff}
.f-badges{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.f-badge{display:flex;align-items:center;gap:11px;background:#fff;border-radius:8px;padding:10px 16px}
.f-badge svg{flex-shrink:0}
.f-badge b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.15;letter-spacing:-.01em}
.f-badge span{display:block;font-size:10.5px;color:var(--body);font-weight:600;letter-spacing:.02em}
.footer-bottom{border-top:1px solid var(--navy-line);padding:26px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}

/* REVEAL + stagger */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}
.reveal.in{opacity:1;transform:none}
:is(.svc-grid,.tiles-grid,.steps,.num-cards,.tst-grid,.blog-grid,.cmp-grid)>.reveal:nth-child(2){transition-delay:.08s}
:is(.svc-grid,.tiles-grid,.steps,.num-cards,.tst-grid,.blog-grid)>.reveal:nth-child(3){transition-delay:.16s}
:is(.svc-grid,.tiles-grid,.steps,.num-cards,.tst-grid,.blog-grid)>.reveal:nth-child(4){transition-delay:.24s}
:is(.svc-grid,.tiles-grid,.num-cards)>.reveal:nth-child(5){transition-delay:.32s}
:is(.svc-grid,.num-cards)>.reveal:nth-child(6){transition-delay:.4s}
.svc-grid>.reveal:nth-child(7){transition-delay:.48s}
.svc-grid>.reveal:nth-child(8){transition-delay:.56s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-chip,.hv-rays,.hv-ring,.hv-mark,.hv-pin{animation:none}.hv-city .b{animation:none;transform:scaleY(1)}.hv-city .blink{animation:none}.flow path{transition:none;stroke-dashoffset:0}}

/* MOBILE NAV */
.mobile-nav{position:fixed;inset:0;z-index:98;background:linear-gradient(168deg,var(--navy-2) 0%,var(--navy) 62%);padding:118px 26px 30px;display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility .35s;overflow:auto}
.mobile-nav::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(480px 420px at 85% 10%,#000 0%,transparent 75%);pointer-events:none}
.mobile-nav.open{visibility:visible;opacity:1}
.mobile-nav ul{list-style:none;position:relative}
.mobile-nav li{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,.8,.32,1)}
.mobile-nav.open li{opacity:1;transform:none}
.mobile-nav.open li:nth-child(1){transition-delay:.06s}.mobile-nav.open li:nth-child(2){transition-delay:.11s}.mobile-nav.open li:nth-child(3){transition-delay:.16s}.mobile-nav.open li:nth-child(4){transition-delay:.21s}.mobile-nav.open li:nth-child(5){transition-delay:.26s}.mobile-nav.open li:nth-child(6){transition-delay:.31s}
.mobile-nav a:not(.btn):not(.mn-phone){display:flex;align-items:center;justify-content:space-between;padding:17px 2px;font-size:21px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.mobile-nav a:not(.btn):not(.mn-phone)::after{content:"";width:8px;height:8px;border-right:2.5px solid var(--red);border-top:2.5px solid var(--red);transform:rotate(45deg);opacity:.85}
.mn-foot{margin-top:auto;position:relative;display:grid;gap:14px;padding-top:30px;opacity:0;transform:translateY(14px);transition:opacity .4s ease .38s,transform .4s ease .38s}
.mobile-nav.open .mn-foot{opacity:1;transform:none}
.mn-phone{display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:800;color:#fff;padding:13px;border:1px solid rgba(255,255,255,.22);border-radius:10px}
.mn-phone svg{color:#FF6B71}
.mobile-nav .btn{width:100%;justify-content:center;color:#fff}
body.nav-lock{overflow:hidden}
.burger{position:relative;z-index:99;width:44px;height:44px}
.burger span{transition:transform .3s ease,opacity .25s ease}
.burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* RESPONSIVE */
@media(max-width:1080px){
  .nav-links,.nav-phone{display:none}
  .burger{display:block;margin-left:auto}
  .hero-grid{grid-template-columns:1fr;gap:72px;padding:64px 0 80px}
  .hero-visual{max-width:520px;margin:0 auto;min-height:520px}
  .hv-photo{height:520px}
  .hv-circle{width:400px;height:400px;bottom:-80px}
  .hero-chip.-a{left:0}
  .hero-chip.-b{right:0}
  .about-grid,.numbers-grid,.tool-grid,.team-grid{grid-template-columns:1fr;gap:52px}
  .about-photo img{height:460px}
  .team-copy{padding-bottom:0}
  .team-photo{max-width:420px}
  .svc-grid{grid-template-columns:repeat(2,1fr);gap:44px 32px}
  .tiles-grid{grid-template-columns:repeat(2,1fr)}
  .tile{height:380px}
  .tile:nth-child(even){margin-top:0}
  .tile:last-child{grid-column:1/-1;height:300px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .tst-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  section{padding:72px 0}
  .svc-grid,.tiles-grid,.steps,.tst-grid,.blog-grid,.cmp-grid,.num-cards{grid-template-columns:1fr}
  .tile,.tile:last-child{height:300px;grid-column:auto}
  .btn-nav{display:none}
  .hero-bottom{gap:24px}
  .hero-divider{display:none}
  .strip-row{gap:28px}
  .footer-grid{grid-template-columns:1fr}
}

/* BRAND MARQUEE — auto slider logotypów */
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;align-items:center;gap:64px;width:max-content;animation:marquee 80s linear infinite;padding-right:64px}
.marquee-track img{height:30px;width:auto;opacity:.6;transition:opacity var(--tr)}
.marquee-track img:hover{opacity:1}
@keyframes marquee{to{transform:translateX(-50%)}}

/* GOOGLE REVIEWS BADGE */
.gbadge{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:13px 22px;font-weight:600;color:var(--ink);font-size:14.5px;box-shadow:var(--shadow-sm);transition:border-color var(--tr),box-shadow var(--tr)}
.gbadge:hover{border-color:rgba(229,9,20,.4);box-shadow:var(--shadow)}
.gbadge .g-stars{color:#FBBC05;letter-spacing:1px;font-size:15px}
.gbadge b{font-size:15px}
.gbadge span{color:var(--muted);font-size:13px}
a.hero-glink{display:block;transition:opacity var(--tr)}
a.hero-glink:hover{opacity:.85}

/* SPONSORING */
@media(max-width:860px){.sponsor-grid{grid-template-columns:1fr}.sponsor-img{height:220px}}

/* COMPARISON TABLE — Omnipack style */
.cmp2{background:var(--navy);position:relative}
.cmp2::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(700px 500px at 90% 0%,#000 0%,transparent 70%)}
.cmp2 .section-head{position:relative}
.cmp2 .h2{color:#fff}
.cmp2 .section-head p{color:#8A92BE}
.cmp2-table{width:100%;border-collapse:separate;border-spacing:0;color:#C6CBE4;position:relative}
.cmp2-table th,.cmp2-table td{padding:19px 18px;border-bottom:1px solid var(--navy-line);text-align:center;font-size:14px;vertical-align:middle}
.cmp2-table th:first-child,.cmp2-table td:first-child{text-align:left;padding-left:0}
.cmp2-table thead th{position:sticky;top:80px;background:var(--navy);z-index:5;font-size:15.5px;font-weight:800;color:#fff;letter-spacing:-.01em;border-bottom:1px solid rgba(255,255,255,.18)}
.cmp2-table thead th:nth-child(2){color:#fff}
.cmp2-table thead th:nth-child(2)::after{content:"";display:block;width:44px;height:3px;background:var(--red);margin:10px auto 0}
.cmp2-logo{width:172px;height:auto;display:inline-block;vertical-align:middle}
.cmp2-table th:nth-child(2),.cmp2-table td:nth-child(2){background:rgba(255,255,255,.055)}
.cmp2-table thead th{background:var(--navy)}
.cmp2-table thead th:nth-child(2){background:#20284F}
.cmp2-table td:first-child b{color:#fff;font-weight:700;font-size:14.5px;display:block}
.cmp2-table td:first-child small{color:#8A92BE;font-size:12.5px}
.cmp2-group td{font-size:16px;font-weight:800;color:#FF6B71;text-align:left;padding:44px 0 14px;border-bottom:1px solid rgba(255,255,255,.18);text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.ic-yes{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(50,213,131,.16);color:#32D583}
.ic-no{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(240,68,56,.13);color:#F97066}
.ic-part{color:#98A2B3;font-weight:700;font-size:13px}
.cmp2-note{margin-top:34px;text-align:center;color:#8A92BE;font-size:13.5px;position:relative}
@media(max-width:860px){
  .cmp2-table th,.cmp2-table td{padding:13px 6px;font-size:12px}
  .cmp2-table td:first-child b{font-size:12.5px}
  .cmp2-table td:first-child small{font-size:11px}
  .cmp2-table thead th{font-size:12px;top:64px}
  .cmp2-logo{width:104px}
}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap}}

/* SUBPAGES */
.subhero{background:var(--navy);position:relative;overflow:hidden;padding:80px 0 88px}
.subhero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(800px 600px at 85% 20%,#000 0%,transparent 72%)}
.subhero .container{position:relative}
.crumbs{font-size:13px;color:#8A92BE;margin-bottom:22px;font-weight:600}
.crumbs a{color:#C6CBE4}
.crumbs a:hover{color:#fff}
.subhero .eyebrow{color:#FF6B71}
.subhero h1{color:#fff;font-size:clamp(30px,4vw,46px);max-width:840px;margin-bottom:20px}
.subhero .lead{color:#B9BFDC;font-size:17px;max-width:660px;margin-bottom:34px;font-weight:500}
.subhero .hero-bottom{margin-top:40px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split .h2{margin-bottom:22px}
.split p{font-size:15.5px;margin-bottom:16px}
.split p b{color:var(--ink)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.price-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:38px 30px;display:flex;flex-direction:column;position:relative}
.price-card.-hot{border-color:var(--red);box-shadow:0 24px 48px -20px rgba(229,9,20,.25)}
.price-card .p-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:6px;white-space:nowrap}
.price-card h3{font-size:19px;margin-bottom:6px}
.price-card .p-for{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:20px}
.price-card ul{list-style:none;display:grid;gap:11px;margin-bottom:28px}
.price-card li{display:flex;gap:10px;font-size:14px;align-items:flex-start}
.price-card li svg{color:var(--red);flex-shrink:0;margin-top:3px}
.price-card .btn{margin-top:auto;justify-content:center}
.check-cols{columns:2;column-gap:56px;list-style:none}
.check-cols li{display:flex;gap:11px;font-size:15px;align-items:flex-start;margin-bottom:14px;break-inside:avoid;color:var(--ink);font-weight:600}
.check-cols li svg{color:var(--red);flex-shrink:0;margin-top:4px}
@media(max-width:1080px){.split{grid-template-columns:1fr;gap:48px}.price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.check-cols{columns:1}}

/* FOOTER co-branding LN × AvigonMedia */
.f-cobrand{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.f-cobrand img{display:block}
.f-cobrand a:first-child img{width:188px;height:auto}
.f-cross{color:#4B5568;font-size:22px;font-weight:300;line-height:1}
.f-avigon{width:104px;height:auto;opacity:.92;transition:opacity var(--tr)}
.f-cobrand a:hover .f-avigon{opacity:1}
.footer .logo img{filter:none}

/* ===== ANIMACJA PROCESU (sekcja o-nas) ===== */
.pa-canvas{position:relative;background:linear-gradient(160deg,var(--navy-2) 0%,var(--navy) 68%);border-radius:var(--r);border:1px solid var(--navy-line);overflow:hidden;box-shadow:0 24px 60px rgba(16,24,64,.22)}
.pa-canvas svg{display:block;width:100%;height:auto}
.pa-t{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600}
.pa-t-dark{fill:#151A3E}.pa-t-white{fill:#fff}.pa-t-mut{fill:#98A2B3}

/* sceny: pętla 16 s, okna po 4 s (delaye ujemne = start w połowie cyklu bez czekania) */
.pa-scene{opacity:0;animation:paScene 16s cubic-bezier(.4,0,.2,1) infinite both}
.pa-s1{animation-delay:-16s}.pa-s2{animation-delay:-12s}.pa-s3{animation-delay:-8s}.pa-s4{animation-delay:-4s}
@keyframes paScene{0%{opacity:0;transform:translateY(14px)}2.6%{opacity:1;transform:translateY(0)}22.6%{opacity:1;transform:translateY(0)}25.2%{opacity:0;transform:translateY(-12px)}100%{opacity:0}}

/* s1: pisanie w wyszukiwarce + wyniki wskakują kolejno */
.pa-type{transform-origin:164px 85px;animation:paType 16s linear infinite;animation-delay:-16s}
@keyframes paType{0%,2.5%{transform:scaleX(0)}12%{transform:scaleX(1)}100%{transform:scaleX(1)}}
.pa-res{opacity:0;transform-box:fill-box;transform-origin:center bottom;animation:paRes 16s cubic-bezier(.34,1.4,.5,1) infinite;animation-delay:-16s}
.pa-res2{animation-name:paRes2}.pa-res3{animation-name:paRes3}
@keyframes paRes{0%,8%{opacity:0;transform:translateY(16px) scale(.92)}12%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(0)}}
@keyframes paRes2{0%,10.5%{opacity:0;transform:translateY(16px) scale(.92)}14.5%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(0)}}
@keyframes paRes3{0%,13%{opacity:0;transform:translateY(16px) scale(.92)}17%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(0)}}

/* s2: kursor dojeżdża do CTA, klik + ripple */
.pa-cursor{animation:paCursor 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:-12s}
@keyframes paCursor{0%,3%{opacity:0;transform:translate(96px,58px)}6%{opacity:1}12.5%{transform:translate(0,0)}14%{transform:translate(0,0) scale(.82)}15.5%{transform:translate(0,0) scale(1)}23%{opacity:1;transform:translate(0,0)}26%,100%{opacity:0;transform:translate(0,0)}}
.pa-ripple{opacity:0;transform-box:fill-box;transform-origin:center;animation:paRipple 16s ease-out infinite;animation-delay:-12s}
@keyframes paRipple{0%,13.5%{opacity:.75;transform:scale(.25)}20%{opacity:0;transform:scale(1.25)}100%{opacity:0}}
.pa-cta{transform-box:fill-box;transform-origin:center;animation:paCta 16s ease infinite;animation-delay:-12s}
@keyframes paCta{0%,13.5%{transform:scale(1)}14.5%{transform:scale(.94)}16%{transform:scale(1)}100%{transform:scale(1)}}

/* s3: fale dzwonienia + drgająca słuchawka */
.pa-wave{opacity:0;transform-box:fill-box;transform-origin:center;animation:paWave 1.7s ease-out infinite}
.pa-w2{animation-delay:.85s}
@keyframes paWave{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.75)}}
.pa-phone{transform-box:fill-box;transform-origin:center;animation:paPhone 1.1s ease-in-out infinite}
@keyframes paPhone{0%,100%{transform:rotate(0)}12%{transform:rotate(-7deg)}24%{transform:rotate(6deg)}36%{transform:rotate(-4deg)}48%{transform:rotate(0)}}

/* s4: podpis rysuje się, pieczęć wskakuje, konfetti */
.pa-sign{stroke-dasharray:1;stroke-dashoffset:1;animation:paSign 16s ease-in-out infinite;animation-delay:-4s}
@keyframes paSign{0%,5%{stroke-dashoffset:1}14%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
.pa-seal{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:paSeal 16s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:-4s}
@keyframes paSeal{0%,14%{transform:scale(0)}18.5%{transform:scale(1.12)}21%{transform:scale(1)}100%{transform:scale(1)}}
.pa-check{stroke-dasharray:1;stroke-dashoffset:1;animation:paCheckD 16s ease-out infinite;animation-delay:-4s}
@keyframes paCheckD{0%,17%{stroke-dashoffset:1}21.5%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
.pa-conf{opacity:0;transform-box:fill-box;transform-origin:center;animation:paConf 16s ease-out infinite;animation-delay:-4s}
.pa-c2{animation-name:paConf2}.pa-c3{animation-name:paConf3}.pa-c4{animation-name:paConf4}
@keyframes paConf{0%,16%{opacity:0;transform:translateY(10px) rotate(0)}19%{opacity:1}24%{opacity:0;transform:translateY(-22px) rotate(140deg)}100%{opacity:0}}
@keyframes paConf2{0%,17%{opacity:0;transform:translateY(12px) rotate(0)}20%{opacity:1}25%{opacity:0;transform:translateY(-26px) rotate(-120deg)}100%{opacity:0}}
@keyframes paConf3{0%,16.5%{opacity:0;transform:translateY(8px) rotate(0)}19.5%{opacity:1}24%{opacity:0;transform:translateY(-18px) rotate(90deg)}100%{opacity:0}}
@keyframes paConf4{0%,17.5%{opacity:0;transform:translateY(10px) rotate(0)}20.5%{opacity:1}25%{opacity:0;transform:translateY(-24px) rotate(-160deg)}100%{opacity:0}}

/* pasek kroków pod kanwasem */
.pa-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.pa-step b{display:block;font-size:11.5px;font-weight:700;color:var(--navy);letter-spacing:.01em;line-height:1.35}
.pa-bar{display:block;height:3px;border-radius:2px;background:#E7EBF3;margin-bottom:9px;overflow:hidden;position:relative}
.pa-bar::after{content:"";position:absolute;inset:0;background:var(--red);border-radius:2px;transform:scaleX(0);transform-origin:left}
.pa-st1 .pa-bar::after{animation:paBar1 16s linear infinite}
.pa-st2 .pa-bar::after{animation:paBar2 16s linear infinite}
.pa-st3 .pa-bar::after{animation:paBar3 16s linear infinite}
.pa-st4 .pa-bar::after{animation:paBar4 16s linear infinite}
@keyframes paBar1{0%{transform:scaleX(0)}25%{transform:scaleX(1)}99.7%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes paBar2{0%,25%{transform:scaleX(0)}50%{transform:scaleX(1)}99.7%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes paBar3{0%,50%{transform:scaleX(0)}75%{transform:scaleX(1)}99.7%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes paBar4{0%,75%{transform:scaleX(0)}100%{transform:scaleX(1)}}

@media (prefers-reduced-motion:reduce){
  .pa-scene,.pa-type,.pa-res,.pa-cursor,.pa-ripple,.pa-cta,.pa-wave,.pa-phone,.pa-sign,.pa-seal,.pa-check,.pa-conf,.pa-bar::after{animation:none}
  .pa-s4{opacity:1}
  .pa-sign,.pa-check{stroke-dashoffset:0}
  .pa-seal{transform:scale(1)}
  .pa-bar::after{transform:scaleX(1)}
}
@media (max-width:1020px){.pa-steps{grid-template-columns:repeat(2,1fr)}}

/* widget wyceniarki (adresometr) */
.widget-frame{display:flex;justify-content:center;min-height:420px}
.widget-frame>*{max-width:100%}

/* ===== WYNIKI WHATSAPP ===== */
.wa{background:var(--grey-100);overflow:hidden}
.wa-rows{display:flex;flex-direction:column;gap:20px;margin:44px 0 40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.wa-row{overflow:hidden}
.wa-track{display:flex;gap:20px;width:max-content;align-items:flex-start;animation:waScroll var(--wa-dur,80s) linear infinite}
.wa-track[data-dir="right"]{animation-direction:reverse}
.wa-row:hover .wa-track{animation-play-state:paused}
@keyframes waScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wa-card{flex:0 0 auto;width:240px;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;cursor:zoom-in;box-shadow:0 8px 22px rgba(16,24,64,.08);transition:transform var(--tr),box-shadow var(--tr)}
.wa-card img{width:100%;height:auto;display:block}
.wa-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(16,24,64,.18);border-color:var(--red)}
.wa-actions{display:flex;justify-content:center}
.wa .btn.-ghost{border-color:#C9CFDE;color:var(--ink)}
.wa .btn.-ghost svg{color:var(--red)}
.wa .btn.-ghost:hover{border-color:var(--ink)}
.wa-grid{columns:4 230px;column-gap:18px;margin-top:34px}
.wa-grid .wa-card{width:100%;margin-bottom:18px;break-inside:avoid}

.wa-grid-more{display:flex;justify-content:center;margin-top:26px}

/* LIGHTBOX */
.wa-lb{position:fixed;inset:0;z-index:1000;background:rgba(6,9,20,.94);display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;backdrop-filter:blur(6px)}
.wa-lb-stage{margin:0;max-height:90vh;max-width:min(90vw,540px);display:flex;align-items:center;justify-content:center;overflow:hidden}
.wa-lb-img{max-height:90vh;max-width:100%;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6);cursor:zoom-in;transition:transform .25s ease;transform-origin:center}
.wa-lb-img.-zoom{transform:scale(2);cursor:zoom-out}
.wa-lb-close{position:absolute;top:20px;right:26px;width:46px;height:46px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer;transition:background var(--tr)}
.wa-lb-close:hover{background:rgba(255,255,255,.24)}
.wa-lb-nav{flex:0 0 auto;width:54px;height:54px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:32px;line-height:1;cursor:pointer;transition:background var(--tr);display:grid;place-items:center}
.wa-lb-nav:hover{background:var(--red)}
.wa-lb-counter{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;font-weight:600;letter-spacing:.04em;background:rgba(255,255,255,.1);padding:7px 16px;border-radius:99px}
@media (max-width:640px){
  .wa-card{width:170px}
  .wa-lb-nav{width:42px;height:42px;font-size:26px}
  .wa-lb-close{top:12px;right:14px}
}
@media (prefers-reduced-motion:reduce){.wa-track{animation:none}}

/* ===== OPINIE: wywiad 16:9 + karty Google ===== */
.vop-feature{max-width:880px;margin:0 auto 26px}
.vop-player.-wide{aspect-ratio:16/9}
.vop-player.-wide img{aspect-ratio:16/9;object-fit:cover}
.vop-player.-wide .vop-play{width:74px;height:74px}
.grev{background:var(--grey-100)}
.grev-grid{columns:3 320px;column-gap:20px}
.grev-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 22px 20px;margin-bottom:20px;break-inside:avoid;box-shadow:0 8px 22px rgba(16,24,64,.06)}
.grev-top{display:flex;align-items:center;gap:12px}
.grev-top img{width:44px;height:44px;border-radius:50%;flex-shrink:0}
.grev-top div{min-width:0;flex:1}
.grev-top b{display:block;font-size:14.5px;color:var(--ink);font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grev-top span{font-size:12px;color:var(--muted);font-weight:500}
.grev-g{flex-shrink:0}
.grev-rate{display:flex;align-items:center;gap:10px;margin:12px 0 10px}
.grev-stars{color:#FBBC05;font-size:15px;letter-spacing:2px}
.grev-rate small{font-size:12.5px;color:var(--muted);font-weight:500}
.grev-card p{font-size:14.5px;line-height:1.6;margin:0}
.grev-card.-hid{display:none}
.grev-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:26px;flex-wrap:wrap}
@media (max-width:640px){.grev-grid{columns:1}}
.tool-widget{display:flex;justify-content:center;align-items:flex-start;min-height:420px}
.tool-widget>*{max-width:100%}

/* ===== KONTAKT: zdjęcie + dane + formularz ===== */
.contact{background:var(--grey-100)}
.contact-card{display:grid;grid-template-columns:440px 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 28px 70px rgba(16,24,64,.10);max-width:1080px;margin:0 auto}
.contact-info{position:relative;min-height:520px}
.contact-info img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.ci-overlay{position:absolute;inset:0;background:linear-gradient(185deg,rgba(11,15,35,0) 34%,rgba(11,15,35,.88) 78%)}
.ci-body{position:absolute;left:0;right:0;bottom:0;padding:30px 30px 28px;color:#fff}
.ci-lead{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FF8A8F;margin-bottom:14px}
.ci-row{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;color:#fff;padding:7px 0}
.ci-row:hover{color:#FF8A8F}
.ci-ic{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.14);display:grid;place-items:center;flex-shrink:0;color:#FF6B71}
.ci-hours{margin-top:14px;font-size:13px;color:#C6CBE4;font-weight:500}
.contact-form{padding:38px 42px 42px}
.contact-form h3{font-size:22px;margin-bottom:4px}
.cf-sub{font-size:14px;color:var(--muted);margin-bottom:24px}
.contact-form label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:16px}
.contact-form input:not([type="checkbox"]),.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:13px 15px;border:1px solid #D8DCE9;border-radius:9px;font-family:inherit;font-size:14.5px;color:var(--ink);background:#FBFCFE;transition:border-color var(--tr),box-shadow var(--tr)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(229,9,20,.08)}
.contact-form textarea{resize:vertical}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cf-consent{display:flex!important;gap:10px;align-items:flex-start;font-size:12px!important;font-weight:500!important;color:var(--body)!important;line-height:1.5}
.cf-consent input{width:16px;height:16px;margin-top:2px;accent-color:var(--red)}
.cf-consent a{color:var(--red);text-decoration:underline}
.contact-form .btn{width:100%;justify-content:center;margin-top:4px}
.cf-ok{margin-top:14px;font-size:14px;font-weight:700;color:#12B76A}
@media (max-width:900px){.contact-card{grid-template-columns:1fr}.contact-info{min-height:380px}.contact-form{padding:28px 22px 30px}.cf-row{grid-template-columns:1fr}}
/* MOBILE: e-mail nie moze wychodzic poza ekran (skracamy font + zawijamy) */
@media (max-width:560px){
  .ci-row{font-size:15px;gap:10px;min-width:0;overflow-wrap:anywhere;word-break:break-word}
  .ci-body{padding:22px 18px 20px}
  .ci-ic{width:32px;height:32px}
}
@media (max-width:380px){ .ci-row{font-size:13.5px} }

/* ===== HUB /uslugi/: chipy-kotwice pod hero ===== */
.hub-nav-wrap{background:#fff;border-bottom:1px solid #EEF0F7;padding:22px 0;position:relative;z-index:3}
.hub-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:11px}
.hub-nav a{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:999px;background:#F4F6FB;border:1px solid #E4E9F4;font-weight:700;font-size:14.5px;color:#151A3E;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.hub-nav a::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--red);transform:rotate(45deg);flex-shrink:0}
.hub-nav a:hover{background:var(--red);color:#fff;border-color:var(--red);transform:translateY(-2px)}
.hub-nav a:hover::before{background:#fff}
@media(max-width:560px){.hub-nav a{padding:9px 15px;font-size:13px}}

/* ===== LEAD MAGNET: poradnik do pobrania (home) ===== */
.lmagnet{background:var(--grey-100);position:relative;overflow:hidden}
.lmagnet-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center;position:relative;z-index:1}
.lmagnet-book{display:flex;justify-content:center}
.lmagnet-book img{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 34px 60px rgba(16,24,64,.30));transform:rotate(-3deg);transition:transform .4s ease}
.lmagnet-book img:hover{transform:rotate(0) scale(1.02)}
.lmagnet-copy .eyebrow{color:var(--red)}
.lmagnet-copy h2{margin:8px 0 14px}
.lmagnet-copy>p{color:var(--muted);font-size:16.5px;max-width:560px;margin:0 0 18px}
.lmagnet-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:11px}
.lmagnet-list li{position:relative;padding-left:30px;color:var(--ink);font-weight:600;font-size:15.5px}
.lmagnet-list li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:6px;background:var(--red-soft)}
.lmagnet-list li::after{content:"";position:absolute;left:6px;top:6px;width:8px;height:5px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
@media(max-width:820px){
  .lmagnet-grid{grid-template-columns:1fr;gap:30px;text-align:center}
  .lmagnet-book{order:-1}
  .lmagnet-book img{max-width:220px;transform:none}
  .lmagnet-copy>p,.lmagnet-list{margin-left:auto;margin-right:auto}
  .lmagnet-list{max-width:360px;text-align:left}
  .lmagnet-copy .btn{width:100%;justify-content:center}
}

/* SPONSORING — karty immersive */
.sponsor-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.sponsor-card{position:relative;border-radius:16px;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;box-shadow:0 24px 60px rgba(16,24,64,.14)}
.sponsor-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.sponsor-card:hover>img{transform:scale(1.045)}
.sp-shade{position:absolute;inset:0;background:linear-gradient(186deg,rgba(13,17,40,.05) 32%,rgba(13,17,40,.93) 82%)}
.sponsor-tag{position:absolute;top:20px;left:20px;background:var(--red);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:7px;z-index:2}
.sponsor-body{position:relative;z-index:2;padding:28px 30px;color:#fff}
.sponsor-body h3{color:#fff;font-size:23px;margin-bottom:2px}
.s-sub{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#FF8A8F;margin-bottom:12px}
.s-txt{font-size:14.5px;color:#C9CEE6;max-width:420px;margin-bottom:14px}
.link-arrow.-light{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.link-arrow.-light:hover{color:#FF8A8F}
@media (max-width:900px){.sponsor-grid{grid-template-columns:1fr}.sponsor-card{min-height:340px}}

/* ===== OPINIE GOOGLE: karty właścicieli + karuzela ===== */
.gf-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;margin-bottom:44px}
.gf-card{display:flex;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 20px 52px rgba(16,24,64,.10)}
.gf-photo{flex:0 0 226px;position:relative;min-height:300px}
.gf-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gf-body{padding:28px 30px;display:flex;flex-direction:column}
.gf-card blockquote{flex:1}
.gf-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.gf-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ink);background:var(--grey-100);border:1px solid var(--line);border-radius:99px;padding:5px 12px}
.gf-badge .grev-g{width:14px;height:14px}
.gf-card blockquote{font-size:14.5px;line-height:1.62;color:var(--body);margin:0 0 16px;border:0;padding:0}
.gf-who{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.gf-who b{display:block;font-size:15px;color:var(--ink);font-weight:800}
.gf-who span{font-size:12.5px;color:var(--muted);font-weight:600}
.gf-logo{height:26px;width:auto;max-width:130px;object-fit:contain;opacity:.75;flex-shrink:0}
.grev-scroll-wrap{position:relative}
.grev-scroll{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.grev-scroll .grev-card{flex:0 0 330px;scroll-snap-align:start;margin-bottom:0}
.grev-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}
.grev-arr{width:44px;height:44px;border-radius:50%;border:1px solid #C9CFDE;background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:all var(--tr)}
.grev-arr:hover{background:var(--red);border-color:var(--red);color:#fff}
@media (max-width:960px){.gf-grid{grid-template-columns:1fr}.gf-card{flex-direction:column}.gf-photo{flex:0 0 auto;min-height:240px}.gf-photo img{position:absolute}}

/* ANIMACJA v2 — dodatki */
.pa-glogo{font-family:'Montserrat',sans-serif;font-size:30px;font-weight:700}
.pa-device{opacity:1;transition:opacity .5s ease;animation:paDevice 16s linear infinite}
@keyframes paDevice{0%,71%{opacity:1}74%,96%{opacity:0}99%,100%{opacity:1}}
.pa-caret{animation:paCaret 16s linear infinite;animation-delay:-16s}
@keyframes paCaret{0%,2.4%{transform:translateX(0);opacity:1}12%{transform:translateX(96px)}13%,22%{opacity:0}100%{opacity:0}}
.pa-ad{transform-box:fill-box;transform-origin:center top;animation:paAd 16s cubic-bezier(.34,1.4,.5,1) infinite;animation-delay:-12s}
@keyframes paAd{0%,2%{opacity:0;transform:translateY(18px) scale(.95)}6%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(0)}}
.pa-eq rect{transform-box:fill-box;transform-origin:center bottom;animation:paEq .9s ease-in-out infinite alternate}
.pa-eq .e2{animation-delay:.12s}.pa-eq .e3{animation-delay:.26s}.pa-eq .e4{animation-delay:.05s}.pa-eq .e5{animation-delay:.33s}.pa-eq .e6{animation-delay:.18s}
@keyframes paEq{0%{transform:scaleY(.3)}100%{transform:scaleY(1.35)}}
@media (prefers-reduced-motion:reduce){.pa-device,.pa-caret,.pa-ad,.pa-eq rect{animation:none}.pa-device{opacity:0}}

/* ===== SOCIAL PROOF: wspólny nagłówek, badge, slider właścicieli ===== */
.sp-badge{display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:9px 18px;border-radius:99px;margin-bottom:18px}
.sp-badge svg{color:#FFB020;flex-shrink:0}
.sp-label{text-align:center;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 28px;position:relative}
.sp-label::after{content:"";display:block;width:38px;height:2.5px;background:var(--red);margin:10px auto 0}
.sp-hint{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:none;color:#B6BDCF;margin-top:6px}
.grev{background:transparent;padding-top:0}
.grev .grev-card{background:var(--grey-100)}
.gfs{position:relative;max-width:1080px;margin:0 auto 46px;overflow:hidden;border-radius:18px;box-shadow:0 24px 60px rgba(16,24,64,.12);border:1px solid var(--line)}
.gfs-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.gfs .gf-card{flex:0 0 100%;border:0;border-radius:0;box-shadow:none;min-height:420px}
.gfs .gf-photo{flex:0 0 42%;min-height:420px}
.gfs .gf-body{padding:44px 48px;justify-content:center}
.gfs .gf-card blockquote{font-size:16.5px;line-height:1.7;flex:0}
.gfs .gf-who{margin-top:22px}
.gfs .gf-who b{font-size:17px}
.gfs .gf-who span{font-size:13px}
.gfs .gf-logo{height:30px;max-width:150px}
.gfs-nav{position:absolute;right:26px;top:26px;display:flex;gap:10px;z-index:3}
@media (max-width:860px){
  .gfs .gf-card{flex-direction:column;min-height:0}
  .gfs .gf-photo{flex:0 0 auto;min-height:280px}
  .gfs .gf-body{padding:26px 22px 30px}
  .gfs-nav{top:auto;bottom:14px;right:16px}
}
.svc-more{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--ink)}
.svc-more svg{color:var(--red);transition:transform var(--tr)}
.svc-more:hover{color:var(--red)}
.svc-more:hover svg{transform:translateX(5px)}

/* scena 2: Google (0-13%) → Facebook (13-25%) w oknie sceny */
.pa-sub-g{animation:paSubG 16s linear infinite;animation-delay:-12s}
@keyframes paSubG{0%{opacity:1}9.5%{opacity:1}11%{opacity:0}100%{opacity:0}}
.pa-sub-fb{opacity:0;animation:paSubFB 16s linear infinite;animation-delay:-12s}
@keyframes paSubFB{0%,9.5%{opacity:0}11%{opacity:1}25%{opacity:1}27%{opacity:0}100%{opacity:0}}
.pa-fbpost{transform-box:fill-box;transform-origin:center top;animation:paFbIn 16s cubic-bezier(.34,1.4,.5,1) infinite;animation-delay:-12s}
@keyframes paFbIn{0%,10.5%{opacity:0;transform:translateY(16px)}14%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}
/* kursor/klik tylko w pod-stanie Google */
.pa-s2 .pa-cursor{animation:paCursor2 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:-12s}
@keyframes paCursor2{0%,1.5%{opacity:0;transform:translate(96px,58px)}4%{opacity:1}7%{transform:translate(0,0)}8.2%{transform:translate(0,0) scale(.82)}9%{opacity:1;transform:translate(0,0) scale(1)}10%,100%{opacity:0;transform:translate(0,0)}}
.pa-s2 .pa-ripple{animation:paRipple2 16s ease-out infinite;animation-delay:-12s}
@keyframes paRipple2{0%,8%{opacity:.75;transform:scale(.25)}12%{opacity:0;transform:scale(1.25)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.pa-sub-g,.pa-sub-fb,.pa-fbpost{animation:none}.pa-sub-fb{opacity:0}}
.sp-divider{width:38px;height:2.5px;background:var(--red);margin:0 auto 30px}
#blog .sponsor-grid{margin-top:0}

/* scena 1: klik w Szukaj */
.pa-cursor1{animation:paCursorS 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:-16s}
@keyframes paCursorS{0%,11%{opacity:0;transform:translate(92px,64px)}13.5%{opacity:1}17.5%{transform:translate(0,0)}19%{transform:translate(0,0) scale(.82)}20.5%{opacity:1;transform:translate(0,0) scale(1)}23%,100%{opacity:0;transform:translate(0,0)}}
.pa-ripple1{opacity:0;transform-box:fill-box;transform-origin:center;animation:paRippleS 16s ease-out infinite;animation-delay:-16s}
@keyframes paRippleS{0%,18.5%{opacity:.7;transform:scale(.25)}23%{opacity:0;transform:scale(1.2)}100%{opacity:0}}
.pa-szukaj{transform-box:fill-box;transform-origin:center;animation:paSzukaj 16s ease infinite;animation-delay:-16s}
@keyframes paSzukaj{0%,18.5%{fill:#E7EBF3}20%{fill:#FDDCDD}22%,100%{fill:#E7EBF3}}
/* proces: 5 kroków */
.steps.-five{grid-template-columns:repeat(5,1fr);gap:30px}
@media (max-width:1020px){.steps.-five{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.steps.-five{grid-template-columns:1fr}}
/* dopisek pod kafelkami dla-kogo */
.tiles-note{text-align:center;font-size:13.5px;color:var(--muted);margin-top:26px}
/* manifest zespołu */
.team-quote{border-left:3px solid var(--red);padding:4px 0 4px 18px;margin:22px 0 10px;font-size:16px;line-height:1.7;color:var(--body);font-style:normal}
.team-role{margin-bottom:22px}
/* logo AvigonMedia w liczbach */
.num-brand{display:flex;align-items:center;gap:14px;margin-top:26px}
.num-brand span{font-size:12px;font-weight:600;color:#8A92BE;letter-spacing:.04em}
.num-brand img{width:92px;height:auto;opacity:.9}
/* mniejszy odstęp opinie Google ↔ WhatsApp */
.grev{padding-bottom:36px}
.wa{padding-top:56px}
@media (prefers-reduced-motion:reduce){.pa-cursor1,.pa-ripple1,.pa-szukaj{animation:none}}
.cf-scarcity{display:flex;align-items:flex-start;gap:9px;background:#FDECED;border:1px solid #F7C6C9;color:#B00810;font-size:12.5px;font-weight:700;border-radius:9px;padding:10px 14px;margin-bottom:22px;line-height:1.45}
.cf-scarcity svg{flex-shrink:0;margin-top:1px}
.legal{max-width:820px}
.legal h2{font-size:22px;margin:40px 0 14px}
.legal h3{font-size:16.5px;margin:26px 0 10px}
.legal p{font-size:14.5px;margin-bottom:12px}

.tool-ps{margin-top:18px;font-size:13.5px;color:var(--muted)}
.tool-ps a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.tool .flow{color:#E2E5F0}

/* HERO mobile: chipy i paddingi */
@media (max-width:680px){
  .hero-grid{gap:32px;padding-bottom:0!important}
  .hero-copy{padding-left:14px;padding-right:14px}
  .hero h1{font-size:27px;line-height:1.16;margin-bottom:16px}
  .hero .lead{font-size:14.5px;line-height:1.6}
  .hero-chip{padding:6px 10px;gap:7px;border-radius:8px}
  .hero-chip .ic{width:24px;height:24px;border-radius:6px}
  .hero-chip .ic svg{width:12px;height:12px}
  .hero-chip small{font-size:8.5px}
  .hero-chip b{font-size:10px}
  .hero-chip.-a{top:-1%;left:-2px}
  .hero-chip.-b{bottom:2%;right:2px}
  .hv-photo{height:470px}
  .hero-visual{min-height:0;margin-bottom:0}
  .hv-circle{width:340px;height:340px;bottom:-90px}
}

/* pływający przycisk telefonu (mobile) */
.fab-stack{display:none;position:fixed;right:14px;bottom:16px;z-index:96;flex-direction:column;align-items:center;gap:14px}
.fab{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none}
.fab-label{font-size:10px;font-weight:800;letter-spacing:.01em;color:#fff;background:rgba(21,26,62,.92);padding:3px 9px;border-radius:20px;white-space:nowrap;box-shadow:0 4px 12px rgba(5,8,24,.3);line-height:1.5}
.fab-btn{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(5,8,24,.35)}
.fab-btn svg{position:relative;z-index:2}
.fab-call .fab-btn{background:var(--red);box-shadow:0 12px 28px rgba(229,9,20,.45)}
.fab-contact .fab-btn{background:var(--navy)}
.cf-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(229,9,20,.55);animation:fabRing 2.2s ease-out infinite}
@keyframes fabRing{0%{transform:scale(1);opacity:1}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
@media (max-width:860px){.fab-stack{display:flex}}
@media (prefers-reduced-motion:reduce){.cf-ring{animation:none;opacity:0}}
/* pewny scroll do formularza pod sticky headerem */
#formularz{scroll-margin-top:104px}

/* ===== KALKULATOR INWESTYCJI (filar biura) ===== */
.calc{max-width:900px;margin:0 auto;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:34px 38px;display:grid;gap:30px}
.calc-input label{display:block;font-size:13px;font-weight:700;color:#8A92BE;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.calc-value{font-size:15px;color:#C6CBE4;margin-bottom:14px}
.calc-value b{font-size:34px;color:#fff;font-weight:800;margin-right:6px}
.calc input[type=range]{width:100%;accent-color:var(--red);height:30px;cursor:pointer;margin:2px 0;touch-action:pan-y}
.calc-scale{display:flex;justify-content:space-between;font-size:12px;color:#8A92BE;margin-top:8px}
.calc-results{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.calc-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px;text-align:center}
.calc-card small{display:block;font-size:12px;font-weight:600;color:#8A92BE;margin-bottom:8px}
.calc-card b{font-size:24px;color:#fff;font-weight:800;white-space:nowrap}
.calc-card.-hot{background:rgba(229,9,20,.16);border-color:rgba(229,9,20,.45)}
.calc-card.-hot b{color:#FF8A8F}
.calc-note{max-width:760px;margin:20px auto 0;text-align:center;font-size:12.5px;color:#8A92BE}
@media (max-width:760px){.calc{padding:24px 20px}.calc-results{grid-template-columns:1fr}.calc-card b{font-size:21px}}

/* ===== SUBHERO z wizualem (podstrony) ===== */
.subhero.-visual{position:relative;overflow:hidden}
.subhero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;position:relative}
.subhero-visual{position:relative}
.subhero-visual img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 30px 70px rgba(5,8,24,.45);border:1px solid rgba(255,255,255,.12)}
.subhero-visual .hero-chip.-sv{position:absolute;left:-18px;bottom:22px;top:auto;right:auto}
@media (max-width:900px){.subhero-grid{grid-template-columns:1fr;gap:34px}.subhero-visual img{height:300px}}

/* ===== NAV DROPDOWN (desktop) ===== */
.nav-links .has-sub{position:relative}
.nav-links .has-sub>a{display:inline-flex;align-items:center;gap:6px}
.nv-ch{flex-shrink:0;transition:transform .22s ease;opacity:.65}
.has-sub:hover .nv-ch,.has-sub:focus-within .nv-ch{transform:rotate(180deg)}
.subnav{position:absolute;top:100%;left:-24px;padding-top:16px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;z-index:70}
.has-sub:hover .subnav,.has-sub:focus-within .subnav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}
.subnav-in{background:#fff;border:1px solid #E8EAF2;border-radius:14px;box-shadow:0 28px 70px rgba(21,26,62,.18);padding:12px;overflow:hidden}
.subnav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;min-width:290px}
.subnav.-cols ul{grid-template-columns:1fr 1fr;min-width:600px;gap:2px 8px}
.subnav ul a{display:block;padding:10px 12px;border-radius:10px;transition:background .15s}
.subnav ul a:hover{background:#F7F8FB}
.subnav ul a b{display:block;font-size:14px;font-weight:700;color:#151A3E;line-height:1.3}
.subnav ul a span{display:block;font-size:12px;color:#6B7194;margin-top:2px;font-weight:500}
.subnav ul a:hover b{color:#E50914}
.subnav-foot{display:flex;gap:18px;margin-top:10px;padding:12px 12px 4px;border-top:1px solid #EDEFF5}
.subnav-foot a{font-size:13px;font-weight:700;color:#E50914;display:inline-flex;align-items:center;gap:6px}
.subnav-foot a:hover{color:#C00810}
/* ===== MOBILE NAV ACCORDION ===== */
.mobile-nav .mn-group{display:block}
.mn-sub-t{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:21px;font-weight:700;padding:17px 2px;cursor:pointer}
.mn-group.open .mn-sub-t{border-bottom-color:transparent}
.mn-sub-t svg{transition:transform .25s ease;opacity:.6}
.mn-group.open .mn-sub-t svg{transform:rotate(180deg)}
.mn-sub{list-style:none;margin:0;padding:0 0 0 4px;max-height:0;overflow:hidden;transition:max-height .35s ease}
.mn-group.open .mn-sub{max-height:640px}
.mn-sub li{margin:0}
.mn-sub a{display:block;font-size:16px;font-weight:600;color:#C6CBE4;padding:9px 0 9px 14px;border-left:2px solid rgba(255,255,255,.18)}
.mn-sub a:hover{color:#fff;border-left-color:#E50914}
.mn-sub li:first-child{margin-top:12px}
.mn-sub li:last-child{margin-bottom:6px}

/* ===== BLOG: listing ===== */
.sub-lead{max-width:680px;color:#C6CBE4;font-size:17px;line-height:1.65;margin-top:14px}
.cat-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}
.cat-nav a{display:inline-block;padding:9px 18px;border:1.5px solid #E1E4EF;border-radius:10px;font-size:13.5px;font-weight:700;color:#3D4468;transition:.18s}
.cat-nav a:hover{border-color:#151A3E;color:#151A3E}
.cat-nav a.is-act{background:#151A3E;border-color:#151A3E;color:#fff}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.post-card{background:#fff;border:1px solid #E8EAF2;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
.post-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(21,26,62,.12)}
.pc-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#F0F2F8}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.post-card:hover .pc-img img{transform:scale(1.04)}
.pc-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.pc-cat{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#E50914}
.pc-body h2,.pc-body h3{font-size:17.5px;line-height:1.4;font-weight:700;margin:0}
.pc-body h2 a,.pc-body h3 a{color:#151A3E}
.pc-body h2 a:hover,.pc-body h3 a:hover{color:#E50914}
.pc-body p{font-size:14px;color:#5A6184;line-height:1.6;margin:0}
.pc-meta{margin-top:auto;display:flex;gap:14px;font-size:12.5px;color:#8A90AC;font-weight:600;padding-top:8px}
.bloglist .pagination,.bloglist .nav-links{margin-top:40px}
.bloglist .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border:1.5px solid #E1E4EF;border-radius:10px;font-weight:700;font-size:14px;color:#3D4468;margin-right:8px}
.bloglist .page-numbers.current{background:#151A3E;border-color:#151A3E;color:#fff}
.bloglist .page-numbers:hover:not(.current){border-color:#151A3E}
/* ===== BLOG: artykuł ===== */
.subhero.-article .art-head{max-width:880px}
.subhero.-article h1{font-size:clamp(28px,4vw,44px);line-height:1.2}
.art-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:13.5px;color:#C6CBE4;font-weight:600}
.art-meta img{border-radius:6px}
.art-wrap .container{max-width:880px}
.art-hero{margin:-70px 0 40px;position:relative;z-index:5}
.art-hero img{width:100%;height:auto;border-radius:16px;box-shadow:0 30px 70px rgba(21,26,62,.22)}
.article{font-size:16.5px;line-height:1.75;color:#3D4468}
.article>*+*{margin-top:1.15em}
.article h2{font-size:clamp(22px,2.6vw,28px);color:#151A3E;font-weight:800;line-height:1.3;margin-top:1.7em;padding-top:.4em}
.article h3{font-size:clamp(18px,2vw,21px);color:#151A3E;font-weight:700;margin-top:1.5em}
.article a{color:#E50914;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article a:hover{color:#C00810}
.article ul,.article ol{padding-left:24px;display:grid;gap:8px}
.article li::marker{color:#E50914;font-weight:700}
.article img{max-width:100%;height:auto;border-radius:12px}
.article blockquote{border-left:3px solid #E50914;background:#F7F8FB;padding:18px 22px;border-radius:0 12px 12px 0;font-weight:600;color:#151A3E}
.article table{width:100%;border-collapse:collapse;font-size:14.5px;margin:1.2em 0}
.article th{background:#151A3E;color:#fff;text-align:left;padding:11px 14px;font-weight:700}
.article td{padding:11px 14px;border-bottom:1px solid #E8EAF2;vertical-align:top}
.article tr:nth-child(even) td{background:#F9FAFC}
.article .art-tip{background:#FFF5F5;border:1px solid #FFD9DB;border-radius:12px;padding:18px 22px}
.article .art-tip b:first-child{color:#E50914}
.art-cta{margin-top:52px;background:linear-gradient(135deg,#151A3E,#242C63);border-radius:16px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:26px;color:#fff}
.art-cta b{display:block;font-size:20px;margin-bottom:6px}
.art-cta span{color:#C6CBE4;font-size:14.5px;line-height:1.6}
.art-cta .btn{flex-shrink:0}
.art-rel{margin-top:60px}
.art-rel .h2{margin-bottom:26px}
@media(max-width:980px){.post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.post-grid{grid-template-columns:1fr}.art-cta{flex-direction:column;align-items:flex-start;padding:26px}.art-hero{margin-top:-40px}}

/* BLOG: spis treści */
.art-toc{background:#F7F8FB;border:1px solid #E8EAF2;border-radius:14px;padding:22px 26px;margin:1.4em 0 2em}
.art-toc b{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#151A3E;margin-bottom:10px}
.art-toc ol{margin:0;padding-left:20px;display:grid;gap:6px}
.art-toc li{font-size:14.5px}
.art-toc a{color:#3D4468;font-weight:600;text-decoration:none}
.art-toc a:hover{color:#E50914}
.article h2{scroll-margin-top:104px}

/* ===== BLOG: sidebar sticky (ebook + CTA) ===== */
.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px}
.art-wrap .container.art-layout{max-width:1220px}
.art-main{min-width:0;max-width:800px}
.side-sticky{position:sticky;top:104px;display:grid;gap:18px}
.side-ebook{background:#fff;border:1px solid #E8EAF2;border-radius:14px;padding:20px;box-shadow:0 14px 34px rgba(21,26,62,.08)}
.side-ebook img{width:100%;height:auto;border-radius:10px;margin-bottom:14px}
.side-ebook b{display:block;font-size:16px;color:#151A3E;line-height:1.35;margin-bottom:7px}
.side-ebook p{font-size:13px;color:#5A6184;line-height:1.55;margin-bottom:14px}
.side-cta{background:linear-gradient(150deg,#151A3E,#242C63);border-radius:14px;padding:22px;color:#fff}
.side-cta b{display:block;font-size:16.5px;line-height:1.35;margin-bottom:7px}
.side-cta p{font-size:13px;color:#C6CBE4;line-height:1.55;margin-bottom:14px}
.btn.-side{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:8px;font-size:14px;padding:12px 16px}
.side-tel{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:11px;color:#fff;font-weight:700;font-size:14.5px}
.side-tel:hover{color:#FF8A90}
@media(max-width:1080px){.art-layout{grid-template-columns:1fr}.art-main{max-width:none}.side-sticky{position:static;grid-template-columns:1fr 1fr;margin-top:14px}}
@media(max-width:640px){.side-sticky{grid-template-columns:1fr}}

/* ===== E-BOOK: mockup 3D + strona pobrania ===== */
.subhero-visual.-book{background:none;border:none;box-shadow:none;display:flex;justify-content:center;padding:10px 0}
.book3d{perspective:1500px;width:min(310px,72%);position:relative}
.book3d::before{content:"";position:absolute;left:50%;top:50%;width:132%;aspect-ratio:1;transform:translate(-50%,-52%);border-radius:50%;background:radial-gradient(circle,#E9EDF9 0 57%,transparent 58%);z-index:0}
.book3d::after{content:"";position:absolute;right:-26px;top:-14px;width:44px;height:44px;background:#E50914;border-radius:8px;transform:rotate(12deg);z-index:0;opacity:.92}
.book3d-inner{position:relative;z-index:1;transform-style:preserve-3d;transform:rotateY(-16deg);transition:transform .5s ease}
.book3d:hover .book3d-inner{transform:rotateY(-9deg)}
.book3d-inner img{display:block;width:100%;height:auto;border-radius:4px 12px 12px 4px;box-shadow:0 22px 50px rgba(12,16,43,.32),0 4px 14px rgba(12,16,43,.18);outline:1px solid rgba(255,255,255,.16);outline-offset:-1px}
.book3d-inner::before{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(255,255,255,.10) 55%,rgba(0,0,0,0));border-radius:4px 0 0 4px;z-index:2;pointer-events:none}
.book3d-inner::after{content:"";position:absolute;left:4%;right:-6%;bottom:-30px;height:30px;border-radius:50%;background:rgba(12,16,43,.30);filter:blur(15px);z-index:-1}
.book3d-spine{display:none}
.book3d-pages{position:absolute;top:5px;right:-12px;width:12px;height:calc(100% - 10px);background:repeating-linear-gradient(180deg,#FDFDFF 0 2px,#D8DCEB 2px 4px);border-radius:0 3px 3px 0;box-shadow:inset -3px 0 5px rgba(21,26,62,.28)}
.ebook-points{list-style:none;margin:18px 0 26px;padding:0;display:grid;gap:10px}
.ebook-points li{display:flex;gap:10px;align-items:flex-start;color:#C6CBE4;font-size:15px;line-height:1.5}
.ebook-points svg{flex-shrink:0;color:#FF6B72;margin-top:3px}
.ebook-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.ebook-form-card{background:#fff;border:1px solid #E8EAF2;border-radius:16px;padding:36px;box-shadow:0 24px 60px rgba(21,26,62,.10)}
.ebook-form-lead{color:#5A6184;font-size:15px;margin:8px 0 22px}
.ebook-form{display:grid;gap:16px}
.ebook-form label{display:grid;gap:7px;font-size:13.5px;font-weight:700;color:#151A3E}
.ebook-form input[type=text],.ebook-form input[type=email],.ebook-form input[type=tel],.ebook-form select,.ebook-form textarea{width:100%;box-sizing:border-box;border:1.5px solid #E1E4EF;border-radius:10px;padding:13px 15px;font:inherit;font-size:15px;color:#151A3E;background:#FAFBFD}
.ebook-form textarea{resize:vertical;min-height:112px;line-height:1.55}
.ebook-form input:focus,.ebook-form select:focus,.ebook-form textarea:focus{outline:none;border-color:#151A3E;background:#fff}
.ebook-consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;font-size:12.5px!important;color:#5A6184!important;line-height:1.5}
.ebook-consent input{margin-top:3px;accent-color:#E50914;width:16px;height:16px;flex-shrink:0}
.ebook-consent a{color:#E50914;text-decoration:underline}
.ebook-form .btn{justify-content:center}
.ebook-rodo{font-size:11.5px;color:#8A90AC;margin:0}
.ebook-form .cf-ok{background:#EFFAF3;border:1px solid #BFE8CE;color:#186A3B;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600}
.ebook-why h3{font-size:19px;color:#151A3E;margin:0 0 10px}
.ebook-why p{color:#3D4468;font-size:15px;line-height:1.7;margin-bottom:22px}
.ebook-why a{color:#E50914;font-weight:600;text-decoration:underline}
.ebook-stats{display:flex;gap:14px;margin:0 0 22px}
.ebook-stats div{flex:1;background:#F7F8FB;border:1px solid #E8EAF2;border-radius:12px;padding:16px 12px;text-align:center}
.ebook-stats b{display:block;font-size:22px;color:#E50914;font-weight:800}
.ebook-stats span{font-size:12px;color:#5A6184;font-weight:600;line-height:1.35;display:block;margin-top:4px}
@media(max-width:940px){.ebook-grid{grid-template-columns:1fr}}
/* sidebar: kompaktowy ebook */
.side-ebook{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start}
.side-ebook img{width:96px;height:auto;border-radius:6px;margin:0;box-shadow:6px 8px 18px rgba(21,26,62,.22);grid-row:1/3}
.side-ebook b{grid-column:2}
.side-ebook p{grid-column:2}
.side-ebook b{font-size:14.5px;margin-bottom:4px}
.side-ebook p{font-size:12px;margin-bottom:10px}
.side-ebook .btn.-side{grid-column:1/-1;padding:10px 14px;font-size:13px}

/* HERO: ilustracja wycięta na granacie (bez białej karty) */
.subhero-visual.-cut{background:none;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible}
.subhero-visual.-cut img{border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-composite:intersect}

/* ===== REALIZACJE: hero-kolaż + siatka ===== */
.subhero-visual.-collage{background:none;border:none;box-shadow:none;position:relative;min-height:440px;overflow:visible}
.subhero-grid:has(.-collage){grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.hero-collage{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:center;padding:10px 0;transform:perspective(1700px) rotateX(9deg) rotateZ(-4deg);transform-style:preserve-3d}
.hero-collage img{position:relative;width:100%;height:auto;border-radius:10px;box-shadow:0 22px 48px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.09);transition:transform .3s ease}
.hero-collage img:hover{transform:scale(1.05);z-index:9}
.hc-2,.hc-4,.hc-6{transform:translateY(22px)}
.hc-2:hover,.hc-4:hover,.hc-6:hover{transform:translateY(22px) scale(1.05)}
.hero-collage img.hc-5{display:revert}
.subhero-visual.-collage{min-height:0;overflow:visible}
.real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.real-card{background:#fff;border:1px solid #E8EAF2;border-radius:14px;overflow:hidden;transition:transform .22s,box-shadow .22s}
.real-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(21,26,62,.13)}
.real-shot{display:block;aspect-ratio:1440/1000;overflow:hidden;background:#F0F2F8}
.real-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 2.8s ease}
.real-card:hover .real-shot img{transform:translateY(calc(-1 * max(0px, 12%)))}
.real-body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px}
.real-body b{font-size:15px;color:#151A3E}
.real-body span{display:block;font-size:12px;color:#8A90AC;font-weight:600;word-break:break-all}
.real-link{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#E50914}
.real-link:hover{color:#C00810}
@media(max-width:980px){.real-grid{grid-template-columns:1fr 1fr}.subhero-visual.-collage{min-height:340px}}
@media(max-width:640px){.real-grid{grid-template-columns:1fr}}
/* MOBILE: hero z kolazem stron -> tekst na gorze, podglady pod spodem (nadpisuje regule :has) */
@media(max-width:900px){
  .subhero-grid:has(.-collage){grid-template-columns:1fr;gap:30px}
  .subhero-visual.-collage{min-height:0;margin-top:4px}
  .hero-collage{transform:none;gap:14px;padding:0}
  .subhero-visual .hero-chip.-sv{left:8px;bottom:-14px}
}

/* HOME: dynamiczna baza wiedzy */
.blog-thumb.-img{display:block;aspect-ratio:16/9;overflow:hidden;padding:0;background:#151A3E}
.blog-thumb.-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.blog-card:hover .blog-thumb.-img img{transform:scale(1.05)}
.blog-more{margin-top:30px;text-align:center}
.blog-thumb.-img{height:auto}
.blog-thumb.-img::before,.blog-thumb.-img::after{display:none}
.blog-thumb.-img img{position:relative;z-index:2}
.blog-more .btn.-ghost{border-color:#C9CFDE;color:#151A3E}
.blog-more .btn.-ghost:hover{border-color:#E50914;color:#E50914;background:transparent}
/* dekoracyjne patterny nie łapią myszy (fix: kalkulator) */
.process::before,.process::after,.subhero::before,.subhero::after,section[class]::before{pointer-events:none}


/* Sekcja gwarancji (SOP) */
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cards-4 .svc-item{background:#fff;border:1px solid #E8EAF2;border-radius:14px;padding:26px 24px;margin:0}
.cards-4 .svc-ic{width:52px;height:52px;border-radius:12px;background:#FFF0F1;color:#E50914;display:grid;place-items:center;margin-bottom:16px}
.cards-4 h3{font-size:17px;color:#151A3E;margin:0 0 8px}
.cards-4 p{font-size:14px;color:#5A6184;line-height:1.6;margin:0}
@media(max-width:1020px){.cards-4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cards-4{grid-template-columns:1fr}}


/* mobile: badge "Nowe leady +127" mniejszy */
@media(max-width:680px){
.hero-chip{padding:9px 12px;gap:8px;border-radius:10px}
.hero-chip .ic{width:30px;height:30px}
.hero-chip .ic svg{width:15px;height:15px}
.hero-chip small{font-size:10px}
.hero-chip b{font-size:12.5px}
}

/* ===== 404 ===== */
.subhero.-e404{padding-bottom:90px}
.e404{max-width:880px}
.e404-code{display:block;font-size:clamp(80px,14vw,150px);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.22);letter-spacing:.04em;margin-bottom:6px}
.e404 h1{margin-top:0}
.e404-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.e404-card{display:block;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px 18px;transition:.2s}
.e404-card:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28);transform:translateY(-3px)}
.e404-card svg{color:#FF6B72;margin-bottom:10px}
.e404-card b{display:block;color:#fff;font-size:15px;margin-bottom:3px}
.e404-card span{display:block;color:#AEB4D6;font-size:12.5px;line-height:1.45}
@media(max-width:900px){.e404-links{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.e404-links{grid-template-columns:1fr}}

/* ===== Kroki zigzag z ilustracjami ===== */
.step-rows{display:grid;gap:54px;margin-top:44px}
.step-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:52px;align-items:center}
.step-row:nth-child(even) .step-img{order:-1}
.step-no{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#E50914;margin-bottom:10px}
.step-txt h3{font-size:clamp(20px,2.4vw,26px);color:#151A3E;margin:0 0 12px}
.step-txt p{color:#3D4468;font-size:16px;line-height:1.7;margin:0}
.step-img img{width:100%;height:auto;border-radius:14px;box-shadow:0 20px 50px rgba(21,26,62,.13)}
@media(max-width:880px){.step-row{grid-template-columns:1fr;gap:20px}.step-row:nth-child(even) .step-img{order:0}.step-rows{gap:40px}}

/* ===== Osadzone wideo (Bunny) ===== */
.vid-embed{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#0C102B;box-shadow:0 16px 40px rgba(21,26,62,.14)}
.vid-embed iframe{border:0;position:absolute;top:0;left:0;height:100%;width:100%}
.step-vids{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vids-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1080px;margin:0 auto}
@media(max-width:700px){.vids-grid{grid-template-columns:1fr}.step-vids{grid-template-columns:1fr}}

/* ===== Strony usługowe: rolki pionowe, mockupy SMS/arkusz/SERP, kafelki, opinie ===== */
.vid-embed.-v{padding-top:177.78%}
.vids-strip{margin:6px 0 0}
.vids-cap{font-size:13px;font-weight:800;color:#5A6184;text-transform:uppercase;letter-spacing:.07em;margin:0 0 16px;text-align:center}
.vids-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1180px;margin:0 auto}
@media(max-width:940px){.vids-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.vids-row{grid-template-columns:repeat(2,1fr)}}
.vids-row.-four{grid-template-columns:repeat(4,1fr);max-width:1000px}
@media(max-width:940px){.vids-row.-four{grid-template-columns:repeat(2,1fr)}}

/* CRM wkrotce (technologie) */
.crm-soon{background:radial-gradient(120% 120% at 85% -10%,#242C63 0%,#151A3E 60%);color:#fff;position:relative;overflow:hidden}
.crm-soon .eyebrow{color:#FF6B71}
.crm-soon .h2{color:#fff}
.crm-soon .lead{color:#C6CBE4}
.crm-split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative;z-index:2}
.crm-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.crm-list li{position:relative;padding-left:34px;color:#DCE6F5;font-size:16px;line-height:1.5}
.crm-list li::before{content:"";position:absolute;left:0;top:5px;width:15px;height:15px;border-radius:4px;background:var(--red);transform:rotate(45deg)}
.crm-first{display:flex;align-items:center;gap:12px;margin:30px 0 4px;font-weight:700;color:#fff;font-size:17px}
.crm-first svg{width:26px;height:26px;color:#FF6B71;flex-shrink:0}
.crm-soon .btn{margin-top:22px}
.crm-soon .btn svg{width:18px;height:18px;flex-shrink:0}
.crm-mock{background:#fff;border-radius:18px;box-shadow:0 40px 90px rgba(0,0,0,.42);overflow:hidden;position:relative}
.crm-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#F4F6FB;border-bottom:1px solid #E7EAF3}
.crm-bar .d{width:11px;height:11px;border-radius:50%;background:#D3D8E6}
.crm-bar .d.-r{background:#E50914}.crm-bar .d.-y{background:#F4B740}.crm-bar .d.-g{background:#2BB673}
.crm-bar .t{margin-left:10px;font-size:12.5px;font-weight:700;color:#5A6184}
.crm-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;background:#fff}
.crm-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8A92BE;margin:0 0 10px;font-weight:800}
.crm-card2{background:#F7F8FB;border:1px solid #EDF0F7;border-radius:10px;padding:11px;margin-bottom:10px}
.crm-card2 .nm{height:9px;width:70%;background:#C9CFE0;border-radius:4px;margin-bottom:7px}
.crm-card2 .ln2{height:7px;width:90%;background:#E1E5F0;border-radius:4px}
.crm-tag{display:inline-block;margin-top:9px;font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.03em}
.crm-tag.-new{background:#FFF0F1;color:#E50914}.crm-tag.-call{background:#FFF7E6;color:#B7791F}.crm-tag.-ok{background:#E7F7EF;color:#1B8C57}
.crm-soon-badge{position:absolute;top:14px;right:14px;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:20px;z-index:3;box-shadow:0 8px 20px rgba(229,9,20,.4)}
@media(max-width:860px){.crm-split{grid-template-columns:1fr;gap:34px}}
/* zigzag: reczne nadpisanie stron przy wstawce pelnej szerokosci */
.step-row.-nrm .step-img{order:0}
.step-row.-rev .step-img{order:-1}
.step-list{list-style:none;margin:14px 0 0;padding:0}
.step-list li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;color:#3D4468;line-height:1.55;margin-top:9px}
.step-list svg{flex-shrink:0;color:#E50914;margin-top:3px}
/* mockup: telefon SMS + mail */
.lead-mock{position:relative;max-width:400px;margin:0 auto;padding:6px 44px 26px 0}
.sms-phone{position:relative;z-index:2;width:min(300px,100%);background:#fff;border:1px solid #E4E7F2;border-radius:26px;box-shadow:0 26px 60px rgba(16,24,64,.18);padding:14px 16px 18px}
.sms-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;color:#8A90AC;padding:2px 6px 10px}
.sms-net{display:flex;gap:3px;align-items:flex-end}
.sms-net i{width:3.5px;background:#C6CBE0;border-radius:2px;display:block}
.sms-net i:nth-child(1){height:5px}.sms-net i:nth-child(2){height:8px}.sms-net i:nth-child(3){height:11px}
.sms-app{display:flex;gap:10px;align-items:center;padding:0 2px 12px}
.sms-ic{width:34px;height:34px;border-radius:9px;background:#16A34A;color:#fff;display:grid;place-items:center;flex-shrink:0}
.sms-app b{display:block;font-size:13.5px;color:#151A3E;line-height:1.2}
.sms-app small{font-size:11px;color:#8A90AC;font-weight:600}
.sms-bubble{background:#EEF1F8;border-radius:4px 16px 16px 16px;padding:13px 14px;font-size:12.5px;color:#3D4468;line-height:1.8}
.sms-bubble>b{display:block;color:#151A3E;font-size:12.5px;margin-bottom:4px;line-height:1.45}
.sms-bubble span{display:block}
.sms-bubble .ok{color:#16A34A;font-weight:800}
.msk{display:inline-block;height:9px;border-radius:5px;background:#D6DAEA;vertical-align:middle}
.mail-card{position:absolute;right:0;top:34px;z-index:1;width:246px;background:#fff;border:1px solid #E4E7F2;border-radius:14px;box-shadow:0 18px 44px rgba(16,24,64,.14);padding:14px 15px;transform:rotate(4deg)}
.mc-head{display:flex;gap:9px;align-items:center;margin-bottom:9px}
.mc-av{width:30px;height:30px;border-radius:50%;background:#E50914;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;flex-shrink:0}
.mc-head b{display:block;font-size:12px;color:#151A3E;line-height:1.3}
.mc-head small{font-size:10.5px;color:#8A90AC;font-weight:600}
.mail-card p{margin:0;font-size:11.5px;color:#3D4468;line-height:1.85}
@media(max-width:560px){.lead-mock{padding-right:0}.mail-card{display:none}.sms-phone{margin:0 auto}}
/* mockup: arkusz z leadami */
.sheet-mock{background:#fff;border:1px solid #E4E7F2;border-radius:14px;box-shadow:0 20px 50px rgba(21,26,62,.13);overflow:hidden}
.sheet-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #ECEEF6}
.sheet-ic{width:28px;height:28px;border-radius:7px;background:#188038;color:#fff;display:grid;place-items:center;flex-shrink:0}
.sheet-bar b{display:block;font-size:13px;color:#151A3E;line-height:1.2}
.sheet-bar small{font-size:11px;color:#8A90AC;font-weight:600}
.sheet-live{margin-left:auto;background:#E7F6EC;color:#16A34A;font-size:10.5px;font-weight:800;border-radius:999px;padding:4px 10px;display:flex;align-items:center;gap:5px}
.sheet-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#16A34A}
.sheet-grid{width:100%;border-collapse:collapse}
.sheet-grid th{background:#F1F3F9;color:#5A6184;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:7px 10px;border:1px solid #E8EAF2;text-align:left;font-weight:800}
.sheet-grid td{padding:8px 10px;border:1px solid #EEF0F7;color:#3D4468;font-size:12px;white-space:nowrap}
.sheet-grid tr:nth-child(even) td{background:#FAFBFE}
.st{display:inline-block;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:800}
.st.-new{background:#FDECEC;color:#C00810}
.st.-ok{background:#E7F6EC;color:#16A34A}
.st.-call{background:#FFF4E5;color:#B45309}
@media(max-width:560px){.sheet-grid th:nth-child(4),.sheet-grid td:nth-child(4),.sheet-grid th:nth-child(3),.sheet-grid td:nth-child(3){display:none}}
/* mockup: wyniki wyszukiwania i pakiet lokalny */
.serp-mock{background:#fff;border:1px solid #E4E7F2;border-radius:16px;box-shadow:0 20px 50px rgba(21,26,62,.13);padding:18px 18px 14px}
.serp-bar{display:flex;align-items:center;gap:10px;border:1px solid #DDE1EE;border-radius:999px;padding:11px 16px;font-weight:700;color:#151A3E;font-size:14px;box-shadow:0 2px 8px rgba(16,24,64,.05)}
.serp-bar svg{color:#8A90AC;flex-shrink:0}
.serp-tag{font-size:11px;font-weight:800;color:#151A3E;margin:14px 2px 6px;text-transform:none;letter-spacing:.02em}
.serp-res{padding:11px 13px;border-radius:12px;position:relative}
.serp-res.-you{background:#F7F8FB;border:1px solid #E5E9F5}
.serp-res.-comp{opacity:.52}
.s-badge{position:absolute;right:10px;top:10px;background:#E50914;color:#fff;font-size:10px;font-weight:800;border-radius:6px;padding:3px 8px}
.s-url{display:block;font-size:11.5px;color:#5A6184;font-weight:600}
.s-tit{display:block;font-size:14.5px;color:#1D2452;font-weight:800;margin:3px 0 2px;line-height:1.35}
.s-desc{display:block;font-size:12px;color:#5A6184;line-height:1.5}
.pack-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;margin-top:6px}
.pack-row>b{color:#8A90AC;font-size:12.5px}
.pack-row.-you{background:#F7F8FB;border:1px solid #E5E9F5}
.pack-row.-you>b{color:#151A3E}
.pack-row .s-tit{margin:0 0 1px;font-size:13.5px}
.p-stars{display:block;font-size:11.5px;color:#F5A623;font-weight:700}
.p-stars b{color:#3D4468}
.p-stars .cnt{color:#8A90AC;font-weight:600}
.p-badge{margin-left:auto;background:#E7F6EC;color:#16A34A;font-weight:800;border-radius:6px;padding:3px 9px;font-size:10.5px;flex-shrink:0}
.pack-bars{display:grid;gap:6px;flex:1}
.pack-bars i{display:block;height:9px;border-radius:5px;background:#E2E6F2}
/* przyklady LP przy krokach */
.lp-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-strip.-four{grid-template-columns:1fr 1fr;gap:14px}
.lp-strip.-four img{height:230px}
.lp-strip a{display:block;border-radius:12px;overflow:hidden;border:1px solid #E4E7F2;box-shadow:0 14px 34px rgba(21,26,62,.12);transition:transform .25s ease,box-shadow .25s ease}
.lp-strip a:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(21,26,62,.18)}
.lp-strip img{width:100%;height:216px;object-fit:cover;object-position:top;display:block}
.lp-note{font-size:12.5px;color:#5A6184;margin:12px 2px 0;line-height:1.55}
.lp-note a{color:#E50914;font-weight:700;text-decoration:underline}
@media(max-width:560px){.lp-strip{grid-template-columns:1fr 1fr}.lp-strip a:nth-child(3){display:none}}
/* dlaczego warto: 5 kart */
.why5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:38px}
.why5 article{background:#fff;border:1px solid #E8EAF2;border-radius:14px;padding:22px 18px;box-shadow:0 8px 22px rgba(16,24,64,.05)}
.why5 .w-no{font-size:26px;font-weight:800;color:transparent;-webkit-text-stroke:1.6px #E50914;display:block;margin-bottom:10px}
.why5 h3{font-size:15.5px;color:#151A3E;margin:0 0 8px}
.why5 p{font-size:13px;color:#5A6184;line-height:1.6;margin:0}
@media(max-width:1080px){.why5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.why5{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.why5{grid-template-columns:1fr}}
/* pasek statystyk */
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.stat-cards div{background:#fff;border:1px solid #E8EAF2;border-radius:14px;padding:22px 16px;text-align:center;box-shadow:0 8px 22px rgba(16,24,64,.05)}
.stat-cards b{display:block;font-size:28px;color:#E50914;font-weight:800;letter-spacing:-.01em}
.stat-cards span{font-size:12.5px;color:#5A6184;font-weight:600;line-height:1.45;display:block;margin-top:6px}
.stat-src{font-size:11.5px;color:#8A90AC;margin-top:14px;text-align:center}
@media(max-width:900px){.stat-cards{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.stat-cards{grid-template-columns:1fr}}
/* opinie na stronach uslugowych */
.revs-sec{padding-top:104px}
.rev3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.rev3 .grev-card{margin-bottom:0}
.revs-more{text-align:center;margin-top:30px}
@media(max-width:900px){.rev3{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}}
/* kafelki pozostalych uslug */
.svc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.svc-tile{background:#fff;border:1px solid #E8EAF2;border-radius:14px;padding:24px 20px 20px;display:flex;flex-direction:column;gap:9px;box-shadow:0 8px 22px rgba(16,24,64,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.svc-tile:hover{transform:translateY(-4px);border-color:#CBD2E8;box-shadow:0 20px 44px rgba(16,24,64,.13)}
.svc-tile .t-ic{width:46px;height:46px;border-radius:11px;background:#F1F3F9;color:#E50914;display:grid;place-items:center;margin-bottom:4px}
.svc-tile>b{color:#151A3E;font-size:15.5px;line-height:1.3}
.svc-tile>span{font-size:13px;color:#5A6184;line-height:1.55}
.svc-tile .t-go{margin-top:auto;padding-top:10px;color:#E50914;font-weight:800;font-size:13px;display:flex;gap:6px;align-items:center}
.svc-tile:hover .t-go svg{transform:translateX(4px)}
.svc-tile .t-go svg{transition:transform .25s ease}
@media(max-width:1000px){.svc-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.svc-tiles{grid-template-columns:1fr}}

/* podstrony: ikonki uslug w tintowanych kafelkach (feedback: wielkie gole ikony) */
.svc-grid.-tint .svc-ic{width:52px;height:52px;border-radius:12px;background:#FFF0F1;color:#E50914;display:grid;place-items:center;margin-bottom:16px}
.svc-grid.-tint .svc-ic svg{width:24px;height:24px}
/* wachlarz stron raportu wyceniarki */
.rep-fan{position:relative;display:flex;justify-content:center;align-items:flex-start;padding:18px 28px 10px}
.rep-fan img{width:52%;height:auto;border-radius:10px;border:1px solid #E4E7F2;box-shadow:0 22px 50px rgba(21,26,62,.18);transition:transform .3s ease}
.rep-fan img:nth-child(1){transform:rotate(-4.5deg) translateY(12px);z-index:1}
.rep-fan img:nth-child(2){z-index:2;margin:0 -13%;width:58%}
.rep-fan img:nth-child(3){transform:rotate(4.5deg) translateY(12px);z-index:1}
.rep-fan:hover img:nth-child(1){transform:rotate(-6deg) translateY(7px)}
.rep-fan:hover img:nth-child(3){transform:rotate(6deg) translateY(7px)}
.rep-note{text-align:center}
/* weryfikacja leada (wyceniarka) */
.verify-card{background:#fff;border:1px solid #E4E7F2;border-radius:16px;box-shadow:0 20px 50px rgba(21,26,62,.13);padding:20px 22px;max-width:400px;margin:0 auto}
.verify-row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #EEF0F7}
.verify-row:last-child{border-bottom:0}
.verify-ic{width:36px;height:36px;border-radius:9px;background:#E7F6EC;color:#16A34A;display:grid;place-items:center;flex-shrink:0}
.verify-ic.-red{background:#FFF0F1;color:#E50914}
.verify-row b{display:block;font-size:13.5px;color:#151A3E;line-height:1.35}
.verify-row span{font-size:12px;color:#5A6184;line-height:1.5;display:block}
.verify-row .ok{color:#16A34A;font-weight:800}

/* sekcja kosztow: karty z ikonami */
.cost-cards{display:grid;gap:16px}
.cost-cards>div{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #E8EAF2;border-left:4px solid #E50914;border-radius:14px;padding:20px 22px;box-shadow:0 12px 30px rgba(16,24,64,.08)}
.cost-cards .cc-ic{width:44px;height:44px;border-radius:11px;background:#FFF0F1;color:#E50914;display:grid;place-items:center;flex-shrink:0}
.cost-cards b{display:block;font-size:21px;color:#151A3E;font-weight:800;letter-spacing:-.01em;margin-bottom:3px}
.cost-cards span{font-size:13.5px;color:#5A6184;line-height:1.55;display:block}
/* kontakt: hero z formularzem (styl sellwise) */
.chero{background:var(--navy);position:relative;overflow:hidden;padding:120px 0 84px}
.chero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}
.chero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:64px;align-items:start;position:relative}
.chero .crumbs.-oncolor{color:#8A90B8}
.chero .crumbs.-oncolor a{color:#B9BFDD}
.chero h1{color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.15;margin:10px 0 18px}
.chero-lead{color:#C6CBE4;font-size:16.5px;line-height:1.75;margin-bottom:22px}
.chero-points{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.chero-points li{display:flex;gap:11px;align-items:flex-start;color:#C6CBE4;font-size:15px;line-height:1.55}
.chero-points svg{color:#32D583;flex-shrink:0;margin-top:3px}
.chero-contacts{display:flex;gap:26px;flex-wrap:wrap}
.chero-contacts a{display:flex;gap:9px;align-items:center;color:#fff;font-weight:700;font-size:15.5px}
.chero-contacts a:hover{color:#FF8A90}
.chero-contacts svg{color:#FF6B71}
.ch-card{background:#fff;border-radius:18px;padding:34px 34px 28px;box-shadow:0 34px 80px rgba(5,8,26,.45)}
.ch-card h2{font-size:24px;color:#151A3E;margin:0 0 6px}
.ch-sub{color:#5A6184;font-size:14px;margin:0 0 20px}
.ch-form .btn{width:100%;justify-content:center}
@media(max-width:960px){.chero{padding:104px 0 64px}.chero-grid{grid-template-columns:1fr;gap:36px}}

/* wyceniarka: os czasu 3 krokow */
.wtl{position:relative;margin-top:52px}
.wtl-line{position:absolute;left:10%;right:10%;top:28px;height:3px;background:#E8EAF2;border-radius:2px}
.wtl-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,#E50914,#FF6B71);border-radius:2px;transition:width 1.5s cubic-bezier(.22,.75,.3,1) .25s}
.wtl.in .wtl-line i{width:100%}
.wtl-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.wtl-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px;opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.wtl.in .wtl-step{opacity:1;transform:none}
.wtl.in .wtl-step:nth-child(1){transition-delay:.15s}
.wtl.in .wtl-step:nth-child(2){transition-delay:.55s}
.wtl.in .wtl-step:nth-child(3){transition-delay:.95s}
.wtl-dot{width:58px;height:58px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;margin-bottom:20px;position:relative;box-shadow:0 0 0 6px #fff,0 0 0 7px #E8EAF2,0 14px 30px rgba(21,26,62,.22)}
.wtl-dot::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(229,9,20,.32);opacity:0}
.wtl.in .wtl-dot::after{animation:wtlPulse 2.8s ease-out infinite}
.wtl.in .wtl-step:nth-child(2) .wtl-dot::after{animation-delay:.9s}
.wtl.in .wtl-step:nth-child(3) .wtl-dot::after{animation-delay:1.8s}
@keyframes wtlPulse{0%{transform:scale(.7);opacity:0}18%{opacity:1}60%{transform:scale(1.22);opacity:0}100%{opacity:0}}
.wtl-no{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#E50914;display:block;margin-bottom:7px}
.wtl-body h3{font-size:19px;color:#151A3E;margin:0 0 9px}
.wtl-body p{font-size:14.5px;color:#5A6184;line-height:1.65;margin:0;max-width:300px}
.wtl-cta{text-align:center;margin-top:40px}
@media(max-width:820px){
  .wtl-line{left:28px;right:auto;top:8px;bottom:8px;width:3px;height:auto}
  .wtl-line i{width:100%;height:0;transition:height 1.5s cubic-bezier(.22,.75,.3,1) .25s}
  .wtl.in .wtl-line i{height:100%;width:100%}
  .wtl-steps{grid-template-columns:1fr;gap:32px}
  .wtl-step{flex-direction:row;text-align:left;align-items:flex-start;gap:18px;padding:0}
  .wtl-dot{flex-shrink:0;margin-bottom:0}
  .wtl-body p{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .wtl-step{opacity:1;transform:none;transition:none}
  .wtl-line i{width:100%;height:100%;transition:none}
  .wtl.in .wtl-dot::after{animation:none}
}
/* kontakt: numerowane odpowiedzi 01/02/03 (styl sellwise) */
.qa{background:var(--navy);position:relative;overflow:hidden;padding:0 0 96px}
.qa::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}
.qa-card{background:#fff;border-radius:18px;padding:12px 60px;position:relative;box-shadow:0 34px 80px rgba(5,8,26,.4)}
.qa-row{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:66px 0;position:relative}
.qa-row+.qa-row{border-top:1px solid #E8EAF2}
.qa-row::after{content:"";position:absolute;left:50%;top:64px;bottom:64px;width:1px;background:#E8EAF2}
.qa-row.-rev .qa-txt{order:2}
.qa-row.-rev .qa-img{order:1}
.qa-no{display:block;font-size:42px;font-weight:800;color:#B9C6E4;letter-spacing:.02em;margin-bottom:16px}
.qa-txt h2{font-size:clamp(24px,2.6vw,32px);color:#151A3E;font-weight:400;margin:0 0 18px;line-height:1.25}
.qa-txt h2 b{font-weight:800}
.qa-txt p{color:#3D4468;font-size:15.5px;line-height:1.75;margin:0 0 14px}
.qa-lead{font-weight:600;color:#151A3E!important}
.qa-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.qa-list li{position:relative;padding-left:22px;color:#3D4468;font-size:15px;line-height:1.6}
.qa-list li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:2px;background:#E50914;transform:rotate(45deg)}
.qa-img img{width:100%;height:auto;max-width:440px;margin:0 auto;display:block}
@media(max-width:900px){
  .qa-card{padding:8px 26px}
  .qa-row{grid-template-columns:1fr;gap:26px;padding:44px 0}
  .qa-row::after{display:none}
  .qa-row.-rev .qa-txt{order:1}
  .qa-row.-rev .qa-img{order:2}
  .qa-img img{max-width:330px}
}
/* qa: numerowane rzedy bez ilustracji (wariant "powody" - Meta why5) */
.qa-nums{padding:6px 0}
.qa-numrow{display:grid;grid-template-columns:104px 1fr;gap:30px;align-items:start;padding:32px 0}
.qa-numrow+.qa-numrow{border-top:1px solid #E8EAF2}
.qa-numrow .qa-no{margin:0;font-size:52px;line-height:1;font-weight:800;color:#B9C6E4;letter-spacing:.01em}
.qa-numrow h3{margin:2px 0 9px;font-size:21px;color:#151A3E;font-weight:800;position:relative;padding-left:20px}
.qa-numrow h3::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:2px;background:#E50914;transform:rotate(45deg)}
.qa-numrow p{margin:0;color:#3D4468;font-size:15.5px;line-height:1.75;max-width:660px}
@media(max-width:640px){
  .qa-numrow{grid-template-columns:1fr;gap:6px;padding:24px 0}
  .qa-numrow .qa-no{font-size:34px}
  .qa-numrow h3{font-size:18px;padding-left:18px}
}
/* sekcje "co obejmuje": duze karty z ilustracjami (styl sellwise) */
.svc-grid.-cards{gap:26px}
.svc-grid.-cards .svc-item{background:#fff;border:1px solid #E8EAF2;border-radius:16px;padding:26px 26px 24px;box-shadow:0 10px 26px rgba(16,24,64,.06);display:flex;flex-direction:column;margin:0;transition:transform .25s ease,box-shadow .25s ease}
.svc-grid.-cards .svc-item:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(16,24,64,.12)}
.svc-grid.-cards .ci{width:100%;height:158px;object-fit:contain;margin-bottom:18px}
.svc-grid.-cards h3{font-size:19px}
.svc-grid.-cards p{flex:1}
.svc-grid.-cards .svc-more{margin-top:16px}
@media(max-width:1000px){.svc-grid.-cards{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.svc-grid.-cards{grid-template-columns:1fr!important}.svc-grid.-cards .ci{height:140px}}
/* home: baza wiedzy jako karuzela ze strzalkami */
.blog-scroll-wrap{position:relative}
.blog-scroll{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.blog-scroll::-webkit-scrollbar{display:none}
.blog-grid.-scroll{display:flex!important;gap:26px}
.blog-grid.-scroll .blog-card{flex:0 0 calc((100% - 52px)/3);scroll-snap-align:start;min-width:280px}
.blog-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
@media(max-width:700px){.blog-grid.-scroll .blog-card{flex-basis:86%}}
/* logo Google w mockupach wyszukiwarki */
.serp-head{display:flex;justify-content:center;margin-bottom:12px}
.serp-head svg{width:30px;height:30px}
/* cennik filaru: cena + featured (style brakowaly) */
.pc-price{font-size:30px;font-weight:800;color:var(--red);letter-spacing:-.01em;margin:4px 0 14px}
.pc-price span{font-size:13.5px;color:var(--muted);font-weight:600;letter-spacing:0}
.price-card p{color:var(--muted);font-size:14.5px;line-height:1.65;margin:0}
.price-card{transition:transform .25s ease,box-shadow .25s ease}
.price-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(16,24,64,.12)}
.price-card.-featured{border-color:var(--red);box-shadow:0 24px 48px -18px rgba(229,9,20,.28)}
.price-card.-featured::before{content:"Najczęściej wybierany";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:6px;white-space:nowrap}

/* ===== WYCENIARKA: panel weryfikacji (Jakosc leada) ===== */
.verify-wrap{position:relative;background:linear-gradient(160deg,#F3F6FC 0%,#E9EEF9 100%);border:1px solid #E4E9F4;border-radius:20px;padding:54px 34px;overflow:hidden}
.verify-wrap::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(21,26,62,.55) 1px,transparent 1px);background-size:22px 22px;opacity:.05;pointer-events:none}
.verify-wrap::after{content:"";position:absolute;right:-48px;top:-48px;width:150px;height:150px;border-radius:50%;border:22px solid rgba(229,9,20,.09);pointer-events:none}
.verify-sq{position:absolute;left:-16px;bottom:36px;width:62px;height:62px;border-radius:14px;background:rgba(21,26,62,.07);transform:rotate(14deg);pointer-events:none}
.verify-wrap .verify-card{position:relative;z-index:1;box-shadow:0 26px 60px rgba(21,26,62,.16)}
.verify-chip{position:absolute;top:24px;right:22px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #E4E7F2;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;color:#16A34A;box-shadow:0 12px 26px rgba(21,26,62,.14);transform:rotate(3deg)}
@media (max-width:680px){.verify-wrap{padding:38px 16px}.verify-chip{top:12px;right:12px;font-size:11px;padding:6px 11px}}

/* ===== WYCENIARKA: animacja procesu va-* (3 sceny x 5 s, wzor pa-* z home) ===== */
.va{margin-top:40px}
.pa-steps.-va{grid-template-columns:repeat(3,1fr)}
.pa-steps.-va b{font-size:13px}
.pa-steps.-va p{margin:7px 0 0;font-size:13px;color:#5A6184;line-height:1.6}
@media (max-width:840px){.pa-steps.-va{grid-template-columns:1fr;gap:18px}}
.va-scene{opacity:0;animation:vaScene 15s cubic-bezier(.4,0,.2,1) infinite both}
.va-v1{animation-delay:-15s}.va-v2{animation-delay:-10s}.va-v3{animation-delay:-5s}
@keyframes vaScene{0%{opacity:0;transform:translateY(12px)}3%,31.5%{opacity:1;transform:none}34.8%,100%{opacity:0;transform:translateY(-6px)}}
.va-v1 *,.va-v2 *,.va-v3 *{transform-box:fill-box}
/* scena 1 */
.va-type{transform-origin:right center;animation:vaType 15s steps(16,end) infinite;animation-delay:-15s}
@keyframes vaType{0%,3%{transform:scaleX(1)}10.5%,100%{transform:scaleX(0)}}
.va-fill{transform-origin:left center;animation:vaFill 15s cubic-bezier(.4,0,.2,1) infinite;animation-delay:-15s}
@keyframes vaFill{0%,6.5%{transform:scaleX(0)}13%,100%{transform:scaleX(.55)}}
.va-knob{animation:vaKnob 15s cubic-bezier(.4,0,.2,1) infinite;animation-delay:-15s}
@keyframes vaKnob{0%,6.5%{transform:translateX(0)}13%,100%{transform:translateX(180px)}}
.va-m2{opacity:0;animation:vaM2 15s ease infinite;animation-delay:-15s}
@keyframes vaM2{0%,11.5%{opacity:0}14%,100%{opacity:1}}
.va-r1,.va-r2,.va-r3{opacity:0;transform-origin:center;animation:vaPop 15s cubic-bezier(.34,1.5,.64,1) infinite;animation-delay:-15s}
.va-r2{animation-name:vaPop2}.va-r3{animation-name:vaPop3}
@keyframes vaPop{0%,13.5%{opacity:0;transform:scale(.5)}15.5%,100%{opacity:1;transform:scale(1)}}
@keyframes vaPop2{0%,15%{opacity:0;transform:scale(.5)}17%,100%{opacity:1;transform:scale(1)}}
@keyframes vaPop3{0%,16.5%{opacity:0;transform:scale(.5)}18.5%,100%{opacity:1;transform:scale(1)}}
.va-pin{animation:vaPin 15s cubic-bezier(.34,1.3,.5,1) infinite;animation-delay:-15s}
@keyframes vaPin{0%,3.5%{opacity:0;transform:translateY(-42px)}7%{opacity:1;transform:translateY(0)}8.6%{transform:translateY(-7px)}10%,100%{opacity:1;transform:translateY(0)}}
.va-rip{opacity:0;transform-origin:center;animation:vaRip 15s ease-out infinite;animation-delay:-15s}
.va-rip.-r2{animation-name:vaRip2}
@keyframes vaRip{0%,9%{opacity:.75;transform:scale(.4)}17%,100%{opacity:0;transform:scale(2.7)}}
@keyframes vaRip2{0%,12%{opacity:.6;transform:scale(.4)}20%,100%{opacity:0;transform:scale(2.4)}}
.va-chipA{opacity:0;animation:vaChipA 15s ease infinite;animation-delay:-15s}
@keyframes vaChipA{0%,10.5%{opacity:0;transform:translateY(9px)}13.5%,100%{opacity:1;transform:none}}
/* scena 2 */
.va-bg1,.va-bg2,.va-bg3{transform-origin:center bottom;animation:vaBg1 15s cubic-bezier(.34,1.3,.5,1) infinite;animation-delay:-15s}
.va-bg2{animation-name:vaBg2}.va-bg3{animation-name:vaBg3}
@keyframes vaBg1{0%,36%{transform:scaleY(0)}42%,100%{transform:scaleY(1)}}
@keyframes vaBg2{0%,38%{transform:scaleY(0)}44%,100%{transform:scaleY(1)}}
@keyframes vaBg3{0%,40.5%{transform:scaleY(0)}46.5%,100%{transform:scaleY(1)}}
.va-scan{animation:vaScan 15s linear infinite;animation-delay:-15s}
@keyframes vaScan{0%,36%{opacity:0;transform:translateX(0)}38%{opacity:.85}56%{opacity:.85;transform:translateX(376px)}59%,100%{opacity:0;transform:translateX(376px)}}
.va-l1,.va-l2,.va-l3{stroke-dashoffset:1;stroke-dasharray:1;animation:vaL1 15s ease infinite;animation-delay:-15s}
.va-l2{animation-name:vaL2}.va-l3{animation-name:vaL3}
@keyframes vaL1{0%,41%{stroke-dashoffset:1}49%,100%{stroke-dashoffset:0}}
@keyframes vaL2{0%,44%{stroke-dashoffset:1}52%,100%{stroke-dashoffset:0}}
@keyframes vaL3{0%,47%{stroke-dashoffset:1}55%,100%{stroke-dashoffset:0}}
.va-c1,.va-c2,.va-c3{opacity:0;transform-origin:center;animation:vaC1 15s cubic-bezier(.34,1.5,.64,1) infinite;animation-delay:-15s}
.va-c2{animation-name:vaC2}.va-c3{animation-name:vaC3}
@keyframes vaC1{0%,40%{opacity:0;transform:scale(.4)}43%,100%{opacity:1;transform:scale(1)}}
@keyframes vaC2{0%,43%{opacity:0;transform:scale(.4)}46%,100%{opacity:1;transform:scale(1)}}
@keyframes vaC3{0%,46%{opacity:0;transform:scale(.4)}49%,100%{opacity:1;transform:scale(1)}}
.va-chipB{opacity:0;animation:vaChipB 15s ease infinite;animation-delay:-15s}
@keyframes vaChipB{0%,52%{opacity:0;transform:translateY(9px)}56%,100%{opacity:1;transform:none}}
/* scena 3 */
.va-price{opacity:0;transform-origin:center;animation:vaPrice 15s cubic-bezier(.34,1.4,.5,1) infinite;animation-delay:-15s}
@keyframes vaPrice{0%,69%{opacity:0;transform:scale(.82)}72.5%{opacity:1;transform:scale(1.04)}74.5%,100%{opacity:1;transform:scale(1)}}
.va-ring{opacity:0;transform-origin:center;animation:vaRing 15s ease-out infinite;animation-delay:-15s}
@keyframes vaRing{0%,72.5%{opacity:.85;transform:scale(.35)}82%,100%{opacity:0;transform:scale(2.3)}}
.va-sp1{opacity:0;transform-origin:center;animation:vaSp1 15s ease infinite;animation-delay:-15s}
.va-sp2{opacity:0;transform-origin:center;animation:vaSp2 15s ease infinite;animation-delay:-15s}
@keyframes vaSp1{0%,73.5%{opacity:0;transform:scale(0) rotate(0deg)}76.5%{opacity:1;transform:scale(1.1) rotate(24deg)}82%,100%{opacity:0;transform:scale(.5) rotate(40deg)}}
@keyframes vaSp2{0%,75%{opacity:0;transform:scale(0)}78%{opacity:1;transform:scale(1.15)}84%,100%{opacity:0;transform:scale(.4)}}
.va-doc{opacity:0;animation:vaDoc 15s cubic-bezier(.34,1.3,.5,1) infinite;animation-delay:-15s}
@keyframes vaDoc{0%,72.5%{opacity:0;transform:translateY(28px)}77%,100%{opacity:1;transform:none}}
.va-mail{opacity:0;animation:vaMail 15s cubic-bezier(.34,1.3,.5,1) infinite;animation-delay:-15s}
@keyframes vaMail{0%,79%{opacity:0;transform:translateY(24px)}83.5%,100%{opacity:1;transform:none}}
.va-live{transform-origin:center;animation:vaLive 1.6s ease-in-out infinite}
@keyframes vaLive{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
/* pasek krokow zsynchronizowany */
.va-st1 .pa-bar::after{animation:vaBar1 15s linear infinite}
.va-st2 .pa-bar::after{animation:vaBar2 15s linear infinite}
.va-st3 .pa-bar::after{animation:vaBar3 15s linear infinite}
@keyframes vaBar1{0%{transform:scaleX(0)}33.3%,100%{transform:scaleX(1)}}
@keyframes vaBar2{0%,33.3%{transform:scaleX(0)}66.6%,100%{transform:scaleX(1)}}
@keyframes vaBar3{0%,66.6%{transform:scaleX(0)}99.6%,100%{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){
  .va-scene,.va-type,.va-fill,.va-knob,.va-m2,.va-r1,.va-r2,.va-r3,.va-pin,.va-rip,.va-chipA,.va-bg1,.va-bg2,.va-bg3,.va-scan,.va-l1,.va-l2,.va-l3,.va-c1,.va-c2,.va-c3,.va-chipB,.va-price,.va-ring,.va-sp1,.va-sp2,.va-doc,.va-mail,.va-live,.va-st1 .pa-bar::after,.va-st2 .pa-bar::after,.va-st3 .pa-bar::after{animation:none}
  .va-v3,.va-price,.va-doc,.va-mail,.va-live{opacity:1;transform:none}
  .va-scan,.va-ring,.va-sp1,.va-sp2{opacity:0}
  .va-st1 .pa-bar::after,.va-st2 .pa-bar::after,.va-st3 .pa-bar::after{transform:scaleX(1)}
}