/* ============================================================
strona na wymiar — LANDING v2 (przebudowa pod KONWERSJE)
Formularz wyceny w hero, sekcja "dlaczego teraz", pakiety,
darmowy audyt, EFEKT WOW (demo animacji), formularz finałowy,
sticky CTA (mobile). Kontrasty podbite w całym pliku.
============================================================ */
/* ---------- HERO: kotwica cenowa (AUDYT F2) — JEDEN mocny pasek, pełne kolory ---------- */
.hp-bar{display:inline-flex;border-radius:12px;overflow:hidden;box-shadow:0 16px 34px -18px rgba(14,26,43,.6);}
.hp-bar i{font-style:normal;font-family:'Space Mono',monospace;font-size:13.5px;font-weight:700;letter-spacing:.3px;padding:13px 19px;white-space:nowrap;}
.hp-bar i:nth-child(1){background:#0E1A2B;color:#fff;}
.hp-bar i:nth-child(2){background:#2563EB;color:#fff;}
.hp-bar i:nth-child(3){background:#1B9E54;color:#fff;}
/* telefon w linii zaufania pod paskiem */
.hero-tel{color:#0E1A2B;font-weight:700;text-decoration:none;border-bottom:1.5px solid rgba(14,26,43,.35);}
/* główny przycisk hero (na desktopie ukryty — tam konwertuje formularz obok) */
.hero-go{
display:inline-flex;align-items:center;gap:10px;text-decoration:none;
background:#2563EB;color:#fff;font-size:15.5px;font-weight:600;
padding:16px 28px;border-radius:11px;box-shadow:0 14px 30px -12px rgba(37,99,235,.7);
transition:background .25s ease,transform .2s ease;
}
.hero-go:hover{background:#1D4FBD;transform:translateY(-1px);}
/* desktop: konwertuje formularz obok — przyciski z lewej znikają (mniej się dzieje),
telefon zostaje jako link w linii zaufania */
@media(min-width:881px){.hero-go{display:none;}}
/* drugorzędna akcja w hero: SOLIDNY biały przycisk z telefonem */
.hero-ghost{
display:inline-flex;align-items:center;gap:9px;text-decoration:none;
font-size:15px;font-weight:700;color:#0E1A2B;
background:#fff;border:1.5px solid rgba(14,26,43,.2);border-radius:11px;
padding:15px 22px;box-shadow:0 12px 26px -16px rgba(14,26,43,.45);
transition:border-color .25s ease,transform .2s ease;
}
.hero-ghost:hover{border-color:rgba(37,99,235,.55);transform:translateY(-1px);}
.hero-ghost::before{content:"";width:8px;height:8px;border-radius:50%;background:#1B9E54;box-shadow:0 0 0 3px rgba(27,158,84,.2);flex:none;animation:snw-blink 1.6s ease-in-out infinite;}
/* desktop: telefon żyje w linii zaufania pod paskiem cen — biały przycisk tylko na telefonie */
@media(min-width:881px){.hero-ghost{display:none;}}
.hero-note{font-size:12.5px !important;}
/* ---------- HERO: FORMULARZ WYCENY (konwersja od pierwszego ekranu) ----------
Tokeny: siatka 8px (odstępy 8/12/16/24), promienie 11/12/18, fokus = ring 3px. */
.hero-form-card{
position:relative;background:#fff;border:1.5px solid #0E1A2B;border-radius:18px;
padding:clamp(24px,2.4vw,32px);box-shadow:0 44px 90px -36px rgba(14,26,43,.55);
width:min(440px,100%);justify-self:center;overflow:hidden;
}
/* akcent marki na górze karty — jak pasek okna przeglądarki */
.hero-form-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#2563EB,#5FA0FF);}
.hf-eyebrow{display:flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#1D4FBD;margin-bottom:10px;}
.hf-eyebrow .cb-dot{width:7px;height:7px;border-radius:50%;background:#1B9E54;box-shadow:0 0 0 3px rgba(27,158,84,.18);animation:snw-blink 1.4s ease-in-out infinite;flex:none;}
.hf-title{margin:0 0 6px;font-size:clamp(22px,2vw,26px);font-weight:700;color:#0E1A2B;letter-spacing:-.015em;line-height:1.15;}
.hf-sub{margin:0 0 18px;font-size:14px;line-height:1.55;color:#43536E;}
/* jasna wersja pól formularza (oddzwon.css styluje je pod ciemne tło) */
.hero-form-card .cb-form{gap:12px;}
.hero-form-card .cb-lab{font-size:12px;font-weight:700;letter-spacing:.2px;color:#33425D;text-transform:uppercase;}
.hero-form-card .cb-lab .cb-req{color:#2563EB;}
.hero-form-card .cb-in{
margin-top:7px;background:#fff;border:1.5px solid rgba(14,26,43,.24);color:#0E1A2B;
border-radius:11px;padding:13px 14px;font-weight:500;
transition:border-color .2s ease,box-shadow .2s ease;
}
.hero-form-card .cb-in::placeholder{color:#5D6C86;font-weight:400;}
.hero-form-card .cb-in:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.16);background:#fff;}
.hero-form-card .cb-send{
margin-top:6px;font-weight:700;letter-spacing:.1px;border-radius:12px;padding:16px 24px;
}
.hero-form-card .cb-err{color:#B3261E;background:rgba(214,69,91,.07);border-color:rgba(214,69,91,.35);}
.hero-form-card .cb-done{background:rgba(27,158,84,.08);border-color:rgba(27,158,84,.4);}
.hero-form-card .cb-done b{color:#0E1A2B;}
.hero-form-card .cb-done span{color:#1E6B44;}
.hero-form-card .cb-done a{color:#0E1A2B;}
/* fokus także w ciemnym formularzu finałowym (spójny ring) */
.cb-card .cb-in:focus{border-color:rgba(95,160,255,.85);box-shadow:0 0 0 3px rgba(95,160,255,.22);}
.cb-card .cb-send{font-weight:700;}
/* notka prywatności pod formularzami (konwersja: zdejmuje obawę) */
.cb-privacy{margin-top:12px;display:block;text-align:center;font-size:11.5px;line-height:1.5;color:#5D6C86;}
.cb-privacy::before{content:"";display:inline-block;vertical-align:-1px;margin-right:6px;width:11px;height:11px;background:#8B9DB5;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;}
.cb-privacy a{color:#43536E;text-decoration:underline;}
.cb-privacy--dark{color:#8B9DB5;}
.cb-privacy--dark a{color:#A7B9D3;}
/* ---------- DLACZEGO TO WAŻNE WŁAŚNIE TERAZ ---------- */
.wn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px);}
.wn-card{
background:#fff;border:1px solid rgba(14,26,43,.1);border-radius:16px;
padding:clamp(22px,2.4vw,30px);box-shadow:0 20px 44px -30px rgba(14,26,43,.35);
}
.wn-card .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.wn-card .ic{width:42px;height:42px;border-radius:11px;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;}
.wn-card .n{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;color:#2563EB;}
.wn-card h3{margin:0 0 12px;font-size:18.5px;font-weight:600;color:#0E1A2B;letter-spacing:-.01em;}
.wn-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.wn-card li{position:relative;padding-left:19px;font-size:14px;line-height:1.5;color:#33425D;}
.wn-card li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;border-radius:50%;background:#2563EB;}
.wn-stats{
margin-top:clamp(18px,2.2vw,26px);display:grid;grid-template-columns:repeat(4,1fr);
gap:clamp(18px,3vw,44px);background:#0E1A2B;border-radius:16px;
padding:clamp(22px,2.6vw,32px) clamp(22px,3vw,40px);
box-shadow:0 30px 60px -34px rgba(14,26,43,.65);
}
.wn-stats .ws{padding-left:clamp(18px,2.4vw,32px);border-left:1px solid rgba(255,255,255,.16);}
.wn-stats .ws:first-child{padding-left:0;border-left:0;}
.wn-stats .ws b{display:block;font-size:clamp(26px,2.8vw,36px);font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1;transition:transform .3s cubic-bezier(.5,1.6,.5,1);}
.wn-stats.is-count .ws b{transform:none;}
.wn-stats .ws span{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:#B6C6DE;}
@media(max-width:880px){.wn-grid{grid-template-columns:1fr;}.wn-stats{grid-template-columns:1fr 1fr;gap:20px 24px;}.wn-stats .ws{padding-left:0;border-left:0;}}
/* ---------- PAKIETY I CENY (AUDYT F2) ---------- */
.pk-grid{
max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);
gap:clamp(16px,2vw,26px);align-items:stretch;
}
.pk-card{
position:relative;display:flex;flex-direction:column;background:#fff;
border:1.5px solid rgba(14,26,43,.14);border-radius:18px;
padding:clamp(26px,2.6vw,34px);box-shadow:0 24px 50px -36px rgba(14,26,43,.35);
}
.pk-card--feat{border-color:#2563EB;box-shadow:0 34px 76px -34px rgba(37,99,235,.5);}
.pk-badge{
position:absolute;top:-13px;left:50%;transform:translateX(-50%);
font-family:'Space Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:1px;white-space:nowrap;
background:#2563EB;color:#fff;border-radius:100px;padding:6px 14px;box-shadow:0 10px 22px -10px rgba(37,99,235,.7);
}
.pk-name{font-size:17px;font-weight:600;color:#43536E;margin-bottom:10px;}
.pk-price{font-size:clamp(30px,3vw,38px);font-weight:600;letter-spacing:-.02em;color:#0E1A2B;line-height:1;}
.pk-price b{font-weight:700;color:#2563EB;}
.pk-time{
display:inline-flex;align-self:flex-start;margin-top:12px;
font-family:'Space Mono',monospace;font-size:11.5px;font-weight:700;color:#0F6B3F;
background:rgba(27,158,84,.09);border:1.5px solid rgba(27,158,84,.45);border-radius:100px;padding:6px 12px;
}
.pk-list{list-style:none;margin:20px 0 26px;padding:0;display:flex;flex-direction:column;gap:10px;}
.pk-list li{
position:relative;padding-left:26px;font-size:14px;line-height:1.5;color:#33425D;
}
.pk-list li::before{content:"✓";position:absolute;left:0;top:0;color:#128A49;font-size:14px;font-weight:700;}
/* przyciski: WSZYSTKIE równe, pełne (solidne) */
.pk-btn{
margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;
text-decoration:none;font-size:15px;font-weight:600;color:#fff;
background:#2563EB;border:1.5px solid #2563EB;border-radius:11px;padding:15px 22px;
box-shadow:0 14px 30px -14px rgba(37,99,235,.65);
transition:background .25s ease,transform .2s ease;
}
.pk-btn:hover{background:#1D4FBD;border-color:#1D4FBD;transform:translateY(-1px);}
@media(max-width:980px){.pk-grid{grid-template-columns:1fr;max-width:520px;}.pk-card--feat{order:-1;}}
/* DUŻY baner: większy / nietypowy projekt -> darmowa wycena */
.pk-big{
max-width:1180px;margin:clamp(30px,4vw,44px) auto 0;position:relative;overflow:hidden;
display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px 32px;
background:linear-gradient(115deg,#0E1A2B 0%,#15326b 60%,#2563EB 145%);
border:1px solid rgba(95,160,255,.35);border-radius:20px;
padding:clamp(26px,3.4vw,44px) clamp(24px,3.4vw,46px);
box-shadow:0 34px 76px -38px rgba(37,99,235,.6);
}
.pk-big .eb{font-family:'Space Mono',monospace;font-size:11.5px;font-weight:700;letter-spacing:1.4px;color:#8FD9AF;margin-bottom:12px;}
.pk-big .hd{font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-.02em;color:#fff;line-height:1.06;}
.pk-big .hd span{color:#5FA0FF;}
.pk-big p{margin:10px 0 0;max-width:520px;font-size:15px;line-height:1.6;color:#C3D2E8;}
.pk-big .act{display:flex;flex-direction:column;gap:10px;align-items:center;}
.pk-big .act > a{
display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;
background:#fff;color:#0E1A2B;font-size:15.5px;font-weight:700;padding:17px 30px;border-radius:12px;
box-shadow:0 18px 44px -14px rgba(0,0,0,.5);transition:transform .2s ease;
}
.pk-big .act > a:hover{transform:translateY(-1px);}
.pk-big .nt{font-family:'Space Mono',monospace;font-size:11.5px;color:#C3D2E8;}
@media(max-width:760px){.pk-big{justify-content:center;text-align:center;}.pk-big p{margin-left:auto;margin-right:auto;}.pk-big .act{width:100%;}.pk-big .act > a{width:100%;justify-content:center;}}
/* ---------- DARMOWY AUDYT: pasek strat (3 pozycje w jednej linii) ---------- */
.loss-bar{
display:grid;grid-template-columns:repeat(3,1fr);
background:#241019;border:1px solid rgba(226,75,74,.5);border-radius:16px;overflow:hidden;
}
.loss-bar .li{display:flex;align-items:flex-start;gap:15px;padding:24px 26px;}
.loss-bar .li+.li{border-left:1px solid rgba(226,75,74,.28);}
.loss-bar .ic{
flex:none;width:44px;height:44px;border-radius:12px;background:#3B1B24;
display:flex;align-items:center;justify-content:center;color:#F5A9A9;
}
.loss-bar b{display:block;font-size:17px;font-weight:600;color:#fff;letter-spacing:-.01em;margin-bottom:5px;}
.loss-bar .tx p{margin:0;font-size:13.5px;line-height:1.5;color:#A7B9D3;}
@media(max-width:860px){
.loss-bar{grid-template-columns:1fr;}
.loss-bar .li+.li{border-left:0;border-top:1px solid rgba(226,75,74,.28);}
}
/* ---------- DARMOWY AUDYT: karty strat + CTA ---------- */
.snw-prob-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.5vw,18px);}
.snw-prob-grid--3{grid-template-columns:repeat(3,1fr);}
@media(max-width:860px){.snw-prob-grid,.snw-prob-grid--3{grid-template-columns:1fr;}}
.snw-prob{
display:flex;gap:14px;align-items:flex-start;
background:rgba(226,75,74,.06);border:1px solid rgba(226,75,74,.3);border-radius:16px;
padding:clamp(18px,2vw,24px);
}
.snw-prob .ic{
flex:none;width:40px;height:40px;border-radius:11px;background:rgba(226,75,74,.14);
display:flex;align-items:center;justify-content:center;color:#F5A9A9;
}
.snw-prob b{display:block;font-size:16px;font-weight:600;color:#fff;margin-bottom:5px;letter-spacing:-.01em;}
.snw-prob p{margin:0;font-size:13.5px;line-height:1.55;color:#A7B9D3;}
.snw-aud-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;}
.snw-aud-cta a{
display:inline-flex;align-items:center;gap:9px;text-decoration:none;
font-size:15px;font-weight:700;color:#fff;
background:#2563EB;border:1.5px solid #2563EB;border-radius:12px;padding:14px 24px;
box-shadow:0 16px 40px -16px rgba(37,99,235,.8);
transition:background .25s ease,transform .2s ease;
}
.snw-aud-cta a:hover{background:#1D4FBD;transform:translateY(-1px);}
.snw-aud-cta .gd{width:7px;height:7px;border-radius:50%;background:#7BF0B2;box-shadow:0 0 0 3px rgba(52,209,126,.25);animation:snw-blink 1.4s ease-in-out infinite;}
.snw-aud-cta .nt{font-family:'Space Mono',monospace;font-size:11.5px;color:#8B9DB5;}
/* ---------- REALIZACJE: pasek CTA z ceną (AUDYT F5) ---------- */
.pf-cta-bar{
max-width:1180px;margin:clamp(40px,5vw,60px) auto 0;
display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;
background:#0E1A2B;border-radius:18px;padding:clamp(22px,3vw,30px) clamp(24px,3vw,36px);
box-shadow:0 24px 60px -30px rgba(14,26,43,.6);
}
.pf-cta-bar .tx b{display:block;font-size:clamp(18px,2vw,22px);font-weight:600;color:#fff;letter-spacing:-.01em;}
.pf-cta-bar .tx span{display:block;margin-top:6px;font-family:'Space Mono',monospace;font-size:12px;color:#B3C4DC;}
.pf-cta-bar > a{
display:inline-flex;align-items:center;gap:10px;text-decoration:none;
background:#2563EB;color:#fff;font-size:15.5px;font-weight:600;padding:16px 28px;border-radius:12px;
box-shadow:0 16px 40px -14px rgba(37,99,235,.8);white-space:nowrap;
}
@media(max-width:700px){.pf-cta-bar{justify-content:center;text-align:center;}.pf-cta-bar > a{width:100%;justify-content:center;}}
/* ---------- JAK PRACUJEMY: pasek 4 etapów + jedna prawda o terminie (AUDYT F3) ---------- */
.ps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(14,26,43,.1);border:1px solid rgba(14,26,43,.12);border-radius:16px;overflow:hidden;}
.ps-step{background:#fff;padding:26px 24px 28px;display:flex;flex-direction:column;}
.ps-step .n{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;color:#2563EB;margin-bottom:34px;}
.ps-step .n.g{color:#0F6B3F;}
.ps-step b{font-size:18.5px;font-weight:600;color:#0E1A2B;letter-spacing:-.01em;margin-bottom:8px;}
.ps-step p{margin:0;font-size:13.5px;line-height:1.55;color:#43536E;}
@media(max-width:880px){.ps-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.ps-grid{grid-template-columns:1fr;}.ps-step .n{margin-bottom:14px;}}
/* pasek "Ile to trwa" — PEŁNE granatowe tło (nie przezroczyste), jak pasek statystyk */
.time-truth{
margin-top:clamp(20px,2.6vw,28px);display:flex;align-items:center;gap:14px;flex-wrap:wrap;
background:#fff;border:1.5px solid rgba(14,26,43,.14);border-radius:14px;
padding:clamp(16px,2vw,20px) clamp(18px,2.4vw,26px);
box-shadow:0 24px 50px -30px rgba(14,26,43,.35);
}
.time-truth .ic{flex:none;width:38px;height:38px;border-radius:10px;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;}
.time-truth .tx{flex:1 1 320px;font-size:14.5px;line-height:1.55;color:#33425D;}
.time-truth .tx b{color:#0E1A2B;font-weight:700;}
.time-truth > a{
font-family:'Space Mono',monospace;font-size:12.5px;font-weight:700;color:#fff;text-decoration:none;
background:#2563EB;border:0;border-radius:9px;padding:11px 17px;white-space:nowrap;
box-shadow:0 12px 26px -12px rgba(37,99,235,.7);
}
/* ---------- EFEKT WOW: mocna animacja strony ---------- */
.wow-list{display:flex;flex-direction:column;gap:12px;max-width:460px;}
.wow-list .wl{
display:flex;gap:13px;align-items:flex-start;
background:#F4F7FB;border:1px solid rgba(14,26,43,.1);border-radius:13px;padding:14px 16px;
}
.wow-list .ic{flex:none;width:38px;height:38px;border-radius:10px;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;}
.wow-list .wl b{display:block;font-size:15px;font-weight:600;color:#0E1A2B;margin-bottom:2px;letter-spacing:-.01em;}
.wow-list .wl span span{display:block;}
.wow-list .wl > span{font-size:13.5px;line-height:1.5;color:#43536E;}
.wow-note{
margin-top:18px;max-width:460px;font-size:14px;line-height:1.55;color:#33425D;
background:rgba(27,158,84,.07);border:1px solid rgba(27,158,84,.35);border-radius:12px;padding:12px 16px;
}
.wow-note b{color:#0E1A2B;}
.wow-btn{
display:inline-flex;align-items:center;gap:10px;text-decoration:none;
background:#0E1A2B;color:#fff;font-size:15px;font-weight:600;padding:15px 26px;border-radius:11px;
box-shadow:0 14px 30px -16px rgba(14,26,43,.6);transition:background .25s ease,transform .2s ease;
}
.wow-btn:hover{background:#1B2B45;transform:translateY(-1px);}
.wow-btn-note{font-family:'Space Mono',monospace;font-size:11.5px;color:#5D6C86;}
@media(max-width:880px){.wow-grid{grid-template-columns:1fr !important;}}
/* demo: mini-strona animuje się sama (scroll + kursor + skan) */
.ad-win{
width:min(460px,100%);background:#fff;border:1.5px solid #0E1A2B;border-radius:16px;overflow:hidden;
box-shadow:0 40px 80px -34px rgba(14,26,43,.5);
}
.ad-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1.5px solid #0E1A2B;background:#fff;}
.ad-bar i{width:7px;height:7px;border-radius:50%;background:#0E1A2B;flex:none;}
.ad-url{
margin-left:8px;flex:1;height:16px;background:#EEF2F7;border-radius:4px;
display:flex;align-items:center;padding:0 8px;font-family:'Space Mono',monospace;font-size:8.5px;color:#43536E;
}
.ad-tag{
font-family:'Space Mono',monospace;font-size:8.5px;font-weight:700;letter-spacing:.5px;color:#1D4FBD;
display:inline-flex;align-items:center;gap:4px;
}
.ad-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:#2563EB;animation:snw-blink 1.3s ease-in-out infinite;}
.ad-stage{position:relative;height:380px;overflow:hidden;background:#fff;}
/* ŁYK: prawdziwa strona przewija się SAMA w dół (i wraca) */
.ad-page{position:absolute;left:0;right:0;top:0;}
.ad-page img{display:block;width:100%;height:auto;animation:lyk-scroll 16s cubic-bezier(.45,.05,.4,.95) infinite;}
@keyframes lyk-scroll{
0%,7%{transform:translateY(0);}
46%,58%{transform:translateY(calc(-100% + 380px));}
93%,100%{transform:translateY(0);}
}
/* ---------- FORMULARZ FINAŁOWY (karta po prawej w #oddzwon) ---------- */
.cb-card{
position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);
border-radius:20px;padding:clamp(22px,2.6vw,30px);
box-shadow:0 44px 90px -48px rgba(0,0,0,.75);
}
.snw-person{
display:flex;align-items:center;gap:14px;text-align:left;
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px;
padding:14px 16px;margin-bottom:20px;max-width:430px;
}
.snw-person .av{
flex:none;width:46px;height:46px;border-radius:50%;
background:linear-gradient(135deg,#2563EB,#5FA0FF);color:#fff;
display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;
}
.snw-person .tx{font-size:13.5px;line-height:1.5;color:#A7B9D3;}
.snw-person .tx b{display:block;color:#fff;font-weight:600;margin-bottom:2px;}
.snw-contact-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:15.5px;}
.snw-contact-line a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;border-bottom:1.5px solid rgba(255,255,255,.3);padding-bottom:1px;}
.snw-contact-line .sep{color:#8B9DB5;}
@media(max-width:880px){
.snw-person{margin-left:auto;margin-right:auto;}
.snw-contact-line{justify-content:center;}
}
/* ---------- STICKY CTA na telefonie (AUDYT F5) ---------- */
.snw-sticky{
position:fixed;left:14px;right:14px;bottom:14px;z-index:9600;display:none;
transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.75,.25,1);
pointer-events:none;
}
.snw-sticky.is-on{transform:translateY(0);pointer-events:auto;}
.snw-sticky a{
display:flex;align-items:center;justify-content:center;gap:10px;
background:#2563EB;color:#fff;text-decoration:none;font-size:15.5px;font-weight:700;
padding:16px 22px;border-radius:14px;
box-shadow:0 18px 44px -12px rgba(14,26,43,.65);
}
@media(max-width:880px){.snw-sticky{display:block;}}
/* ---------- MOBILE: dopieszczenie ---------- */
@media(max-width:880px){
.hero-form-card{display:none !important;} /* na telefonie: przycisk hero prowadzi do formularza na dole */
#start{padding-bottom:64px !important;}
.hero-cta{flex-direction:column;align-items:stretch !important;}
.hero-cta > a{width:100%;justify-content:center;}
.hero-telwrap{display:none;} /* telefon jest już białym przyciskiem wyżej */
.hp-bar{display:flex;}
.hp-bar i{flex:1 1 auto;text-align:center;font-size:11px;padding:11px 8px;}
/* AUDYT F6: treść hero pojawia się szybciej także na telefonie (nadpisuje .95s z index.css) */
#start .hero-ln{transition-delay:.2s,.2s !important;}
#start .hero-ln:nth-of-type(2){transition-delay:.3s,.3s !important;}
#start .hero-ln:nth-of-type(3){transition-delay:.4s,.4s !important;}
.pf-cta-bar .tx{width:100%;}
.time-truth > a{flex:1 1 100%;text-align:center;}
.time-truth .ic,.time-truth .tx{display:none !important;}
.time-truth{padding:14px !important;}
.kontakt-card .cb-card{text-align:left;}
/* telefon: badge + nagłówek na górze, ZARAZ POD NIMI formularz, potem reszta */
#oddzwon .kontakt-card{display:flex !important;flex-direction:column;gap:0 !important;}
#oddzwon .kontakt-copy{display:contents !important;}
#oddzwon .kontakt-copy>*{order:3;align-self:center;text-align:center;}
#oddzwon .kontakt-copy>div:first-child{order:1;}
#oddzwon .kontakt-copy h2{order:1;}
#oddzwon .kontakt-copy>p{order:1;}
#oddzwon .kontakt-card .cb-card{order:2;margin:8px 0 36px;align-self:stretch;text-align:left;}
/* telefon: po formularzu nic wiecej (ptaszki/Kosma/kontakty tylko desktop) */
#oddzwon .ko-checks,#oddzwon .snw-person,#oddzwon .snw-contact-line{display:none !important;}
#oddzwon .kontakt-card .cb-card{margin-bottom:0;}
.ad-win{margin-top:6px;}
footer > div{justify-content:center;text-align:center;}
}
/* ============================================================
HERO — WARIANTY DO WYBORU (hero-1..5.html; landing ich nie używa)
============================================================ */
.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;white-space:nowrap;
background:#2563EB;color:#fff;font-size:15.5px;font-weight:700;padding:17px 28px;border-radius:12px;
box-shadow:0 16px 34px -14px rgba(37,99,235,.75);transition:background .25s ease,transform .2s ease;}
.hv-btn:hover{background:#1D4FBD;transform:translateY(-1px);}
.hv-tel{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:15px;font-weight:700;color:#0E1A2B;
background:#fff;border:1.5px solid rgba(14,26,43,.2);border-radius:12px;padding:16px 22px;
box-shadow:0 12px 26px -16px rgba(14,26,43,.45);transition:border-color .25s ease,transform .2s ease;}
.hv-tel:hover{border-color:rgba(37,99,235,.55);transform:translateY(-1px);}
/* ikona telefonu (dzwoni) w markupie — bez migającej kropki */
/* cena typograficznie — duża, spokojna, w palecie */
.hv-price{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:24px;
font-family:'Space Mono',monospace;font-size:clamp(15px,1.6vw,19px);font-weight:700;color:#43536E;}
.hv-price b{color:#0E1A2B;background:linear-gradient(transparent 60%,rgba(37,99,235,.28) 60%);padding:0 3px;}
.hv-price .sep{width:7px;height:7px;border-radius:50%;background:#2563EB;flex:none;}
.hv-price--c{justify-content:center;}
/* pasek cen: wersja jednolita granatowa (spokojniejsza od trójkolorowej) */
.hp-bar--solid i{background:#0E1A2B !important;}
.hp-bar--solid i+i{border-left:1px solid rgba(255,255,255,.25);}
.hp-bar--solid i:nth-child(2){color:#8FB8FF;}
/* makieta przeglądarki — WYMIARY 1:1 jak oryginalne okno „Zbuduj na żywo" (460px, body 300px) */
.hm-win{width:460px;max-width:calc(100vw - 48px);background:#fff;border:1.5px solid #0E1A2B;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -34px rgba(14,26,43,.5);}
.hm-bar{display:flex;align-items:center;gap:6px;padding:13px 15px;border-bottom:1.5px solid #0E1A2B;background:#fff;}
.hm-bar>i{width:7px;height:7px;border-radius:50%;background:#0E1A2B;flex:none;}
.hm-url{margin-left:8px;flex:1;height:16px;background:#EEF2F7;border-radius:4px;display:flex;align-items:center;gap:6px;padding:0 8px;font-family:'Space Mono',monospace;font-size:9px;color:#43536E;font-style:normal;}
.hm-live{width:5px;height:5px;border-radius:50%;background:#1B9E54;animation:snw-blink 1.3s ease-in-out infinite;}
.hm-tag{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.5px;color:#127A3F;display:inline-flex;align-items:center;gap:4px;}
.hm-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:#1B9E54;animation:snw-blink 1.3s ease-in-out infinite;}
.hm-body{height:300px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:13px;}
.hm-hero{height:104px;flex:none;border-radius:10px;background:linear-gradient(115deg,#0E1A2B,#2563EB);padding:16px;display:flex;flex-direction:column;gap:8px;justify-content:center;}
.hm-hero s{width:52%;height:12px;background:#fff;border-radius:3px;text-decoration:none;display:block;}
.hm-hero u{width:35%;height:8px;background:rgba(255,255,255,.55);border-radius:3px;display:block;}
.hm-hero b{width:26%;height:16px;background:#fff;border-radius:5px;margin-top:5px;display:block;}
.hm-row{display:flex;gap:13px;}
.hm-row i{flex:1;height:52px;background:#EAF0F8;border-radius:8px;}
.hm-line{height:30px;background:#EAF0F8;border-radius:7px;}
.hm-cta{width:40%;height:38px;background:#2563EB;border-radius:9px;align-self:center;}
/* kafle liczb (wariant Wielkie liczby) */
.hv-stats{display:flex;flex-direction:column;gap:14px;width:min(400px,100%);justify-self:center;}
.hv-stats .t{display:flex;align-items:baseline;gap:16px;background:#0E1A2B;border-radius:16px;padding:22px 28px;box-shadow:0 24px 50px -28px rgba(14,26,43,.6);}
.hv-stats .t b{font-size:clamp(28px,2.8vw,40px);font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1;white-space:nowrap;}
.hv-stats .t span{font-family:'Space Mono',monospace;font-size:12.5px;color:#B6C6DE;}
.hv-stats .t.blue{background:#2563EB;}
.hv-stats .t.blue span{color:#D9E6FF;}
/* wariant Jeden krok — wyśrodkowany */
.hv-center{max-width:820px;margin:0 auto;text-align:center;}
.hv-one{display:flex;gap:12px;max-width:560px;margin:28px auto 0;}
.hv-one input{flex:1;min-width:0;background:#fff;border:2px solid #0E1A2B;border-radius:13px;padding:16px 18px;font-family:inherit;font-size:16.5px;font-weight:500;color:#0E1A2B;}
.hv-one input::placeholder{color:#5D6C86;}
@media(max-width:880px){
.hv-grid{grid-template-columns:1fr !important;}
.hv-one{flex-direction:column;}
.hv-btn--mob{width:100%;}
.hv-stats{margin-top:6px;}
.hm-win{display:none;}
}
/* ============================================================
KONTAKT (#oddzwon) — WARIANTY DO WYBORU (kontakt-1..5.html)
============================================================ */
/* checki zaufania */
.ko-checks{display:flex;flex-direction:column;gap:11px;margin:0 0 22px;}
.ko-checks .ck{position:relative;padding-left:30px;font-size:15.5px;line-height:1.5;color:#D7E0EC;}
.ko-checks .ck::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:6px;
background:rgba(52,209,126,.16);color:#7BF0B2;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;}
/* duży telefon */
.ko-phone{display:block;text-align:center;text-decoration:none;color:#fff;font-size:24px;font-weight:700;letter-spacing:-.01em;
background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.22);border-radius:14px;padding:16px 20px;margin-top:20px;
transition:border-color .25s ease,background .25s ease;max-width:430px;}
.ko-phone:hover{border-color:rgba(95,160,255,.6);background:rgba(95,160,255,.08);}
.ko-phone small{display:block;font-family:'Space Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:1.2px;color:#8FD9AF;margin-bottom:5px;}
.ko-mailrow{margin-top:14px;}
.ko-mail{font-family:'Space Mono',monospace;font-size:13.5px;color:#A7B9D3;text-decoration:none;border-bottom:1px solid rgba(167,185,211,.4);}
/* K2: wyśrodkowany */
.ko-center .ko-under{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;max-width:900px;margin:30px auto 0;}
.ko-center .ko-under .snw-person{margin:0;max-width:430px;}
.ko-center .ko-under .ko-phone{margin-top:0;min-width:300px;}
/* K3: kroki z osią */
.ko-steps{position:relative;display:flex;flex-direction:column;gap:20px;margin:4px 0 8px;}
.ko-steps::before{content:"";position:absolute;left:17px;top:14px;bottom:14px;width:2px;background:rgba(95,160,255,.3);}
.ko-steps .st{position:relative;display:flex;gap:16px;align-items:flex-start;}
.ko-steps .n{flex:none;width:36px;height:36px;border-radius:50%;background:#2563EB;color:#fff;font-family:'Space Mono',monospace;
font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;
box-shadow:0 0 0 5px #0f1c30;}
.ko-steps .st > span:last-child{font-size:13.5px;line-height:1.5;color:#A7B9D3;padding-top:1px;}
.ko-steps .st b{display:block;font-size:16.5px;font-weight:600;color:#fff;letter-spacing:-.01em;margin-bottom:2px;}
/* K4: poziomy pasek */
.ko-toprow{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;flex-wrap:wrap;margin-bottom:26px;}
.ko-toprow h2{margin-bottom:0 !important;}
.ko-person-r{margin-bottom:0 !important;}
.ko-hbar{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:20px;
padding:clamp(20px,2.4vw,28px);box-shadow:0 40px 90px -50px rgba(0,0,0,.7);}
.ko-hform{display:grid;grid-template-columns:1fr 1.1fr 1.3fr 1.5fr auto;gap:12px;align-items:center;position:relative;}
.ko-hform .cb-in{margin-top:0;}
.ko-hform .cb-send{width:auto;margin-top:0;white-space:nowrap;padding:15px 26px;}
.ko-hnote{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;}
.ko-callink{font-size:13.5px;font-weight:600;color:#CBD8EC;text-decoration:none;border-bottom:1px solid rgba(203,216,236,.35);}
/* K5: gradientowy panel + biała karta */
.ko-split{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,52px);align-items:center;}
.ko-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,#12264a 0%,#1D4FBD 80%);
border:1px solid rgba(95,160,255,.4);border-radius:24px;padding:clamp(30px,4vw,50px);
box-shadow:0 44px 90px -44px rgba(37,99,235,.55);}
.ko-panel .ko-checks .ck{color:#E7EEF9;}
.ko-panel .snw-person{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.ko-panel .snw-person .tx{color:#CFE0F5;}
.ko-panel .ko-phone{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);}
.ko-white{display:block !important;justify-self:center;}
@media(max-width:880px){
.ko-split{grid-template-columns:1fr;}
.ko-hform{grid-template-columns:1fr;}
.ko-hform .cb-send{width:100%;}
.ko-toprow{align-items:flex-start;}
.ko-phone{max-width:none;}
.ko-center .ko-under{flex-direction:column;}
}
/* ---------- K6: lekki finał — okienko przeglądarki z 2 polami ---------- */
.kw-win{
max-width:760px;margin:0 auto;background:#0E1C30;border:1.5px solid rgba(255,255,255,.22);
border-radius:16px;overflow:hidden;box-shadow:0 44px 90px -40px rgba(37,99,235,.45);text-align:left;
}
.kw-bar{display:flex;align-items:center;gap:6px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);}
.kw-bar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);flex:none;}
.kw-url{margin-left:8px;flex:1;font-family:'Space Mono',monospace;font-size:11px;color:#8FA6C6;background:rgba(255,255,255,.06);border-radius:5px;padding:4px 10px;}
.kw-tag{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.8px;color:#7BF0B2;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.kw-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#34D17E;animation:snw-blink 1.4s ease-in-out infinite;}
.kw-body{padding:clamp(20px,2.6vw,28px);}
.kw-form{display:grid;grid-template-columns:1fr 1.15fr auto;gap:12px;align-items:center;position:relative;}
.kw-form .cb-in{margin-top:0;}
.kw-form .cb-send{width:auto;margin-top:0;white-space:nowrap;padding:15px 26px;font-weight:700;}
/* pod oknem: człowiek · telefon · kalendarz */
.kw-under{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:26px;}
.kw-who{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:#A7B9D3;}
.kw-who b{color:#fff;}
.kw-who .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#5FA0FF);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex:none;}
.kw-sep{width:5px;height:5px;border-radius:50%;background:#3C4A60;flex:none;}
.kw-tel{font-family:'Space Mono',monospace;font-size:16px;font-weight:700;color:#fff;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.35);}
.kw-cal{font-size:14.5px;font-weight:600;color:#CBD8EC;text-decoration:none;border-bottom:1px solid rgba(203,216,236,.35);}
@media(max-width:760px){
.kw-form{grid-template-columns:1fr;}
.kw-form .cb-send{width:100%;}
.kw-under{flex-direction:column;gap:14px;}
.kw-sep{display:none;}
}
/* podtytuł pakietów — czytelny także na telefonie */
#pakiety p.rv{color:#33425D !important;font-size:16px !important;font-weight:500;}
/* ===== CENY — WARIANTY DO WYBORU (ceny-1..5.html) ===== */
.pk-pricerow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.pk-oldpill{font-family:'Space Mono',monospace;font-size:15px;font-weight:700;color:#C22B47;
background:#FBEDF0;border:1.5px solid rgba(214,69,91,.45);border-radius:9px;padding:5px 11px;
text-decoration:line-through;text-decoration-thickness:2px;}
.pk-oldtop{font-family:'Space Mono',monospace;font-size:15px;font-weight:700;color:#93A0B4;
text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#D6455B;margin-bottom:5px;}
.pk-oldin{font-size:.5em;font-weight:600;color:#93A0B4;text-decoration:line-through;
text-decoration-thickness:2.5px;text-decoration-color:#D6455B;vertical-align:baseline;margin-right:2px;}
.pk-chiprow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
.pk-chiprow .pk-time{margin-top:0;}
.pk-save{display:inline-flex;font-family:'Space Mono',monospace;font-size:11.5px;font-weight:700;color:#C22B47;
background:#FBEDF0;border:1.5px solid rgba(214,69,91,.4);border-radius:100px;padding:6px 12px;}
/* ===== FORMULARZ FINAŁOWY (decyzja 2026-07): czarne tło sekcji BEZ karty-tacy, formularz NIEBIESKI ===== */
#oddzwon .kontakt-card{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important;}
#oddzwon .kontakt-copy p{color:#C2D1E6 !important;}
#oddzwon .kontakt-copy>div:first-child{color:#8FBAFF !important;border-color:rgba(143,186,255,.5) !important;}
.cb-card{
background:#132139 !important;border-color:#2C3E5E !important;
box-shadow:0 44px 90px -42px rgba(0,0,0,.75) !important;
}
.cb-card>p{color:rgba(255,255,255,.9) !important;}
.cb-card .cb-eyebrow{color:#CFE0FF !important;}
.cb-card .cb-lab{color:#EAF1FF !important;}
.cb-card .cb-opt{color:rgba(255,255,255,.72) !important;}
.cb-card .cb-req{color:#FFD9DE !important;}
.cb-card .cb-in{background:#ffffff !important;border-color:#ffffff !important;color:#0E1A2B !important;}
.cb-card .cb-in::placeholder{color:#93A3B8 !important;}
.cb-card .cb-in:focus{border-color:#2563EB !important;box-shadow:0 0 0 3px rgba(37,99,235,.35) !important;}
.cb-card .cb-send{background:linear-gradient(135deg,#2563EB,#3F7BF2) !important;color:#fff !important;}
.cb-card .cb-err{color:#FFE1E5;}
.cb-card .cb-or{color:rgba(255,255,255,.8);}
.cb-card .cb-or i{background:rgba(255,255,255,.35);}
.cb-card .cb-cal{background:#ffffff !important;border-color:#ffffff !important;color:#0E1A2B !important;}
.cb-card .cb-calnote{color:rgba(255,255,255,.85);}
.cb-card .cb-privacy{color:rgba(255,255,255,.85);}
.cb-card .cb-privacy a{color:#fff;}
.cb-card .cb-done{color:#fff;}
.snw-person{background:#182B47 !important;border-color:#33496E !important;}
.snw-person .tx{color:#C2D1E6;}
/* ===== STOPKA NA TELEFONIE: wyśrodkowana kolumna (desktop bez zmian) ===== */
@media(max-width:640px){
footer{text-align:center;}
footer>div{flex-direction:column;align-items:center;justify-content:center;gap:8px;}
footer>div>span{display:flex;flex-wrap:wrap;justify-content:center;row-gap:2px !important;}
footer a{padding:6px;}
footer>div:last-child{gap:4px;}
}
/* ===== AUDYT MOBILE 2026-07: tap targety, hero 360, sticky vs cookies ===== */
@media(max-width:430px){
/* hero ma sie MIESCIC na ekranie telefonu w calosci */
#start{padding-top:max(112px, calc((100svh - 414px)/2)) !important;padding-bottom:20px !important;min-height:100vh !important;min-height:100svh !important;align-items:flex-start !important;}
#start h1{font-size:min(33px,calc((100vw - 84px)/9)) !important;line-height:1.05 !important;margin-bottom:10px !important;}
#start .hero-sub{font-size:14.5px !important;line-height:1.5 !important;margin-bottom:14px !important;}
.hero-price{margin-top:2px !important;}
.hero-cta{gap:9px !important;margin-top:12px !important;}
.hv-btn--mob{font-size:14.5px !important;padding:14px 16px !important;}
.hv-tel{font-size:13.5px !important;padding:13px 16px !important;}
.hp-bar i{font-size:11px !important;padding:11px 4px !important;letter-spacing:.2px !important;}
}
@media(max-width:380px){
.hp-bar i{font-size:10.5px !important;padding:10px 3px !important;letter-spacing:.2px !important;}
.hv-tel{font-size:14px !important;padding:15px 16px !important;}
.hv-btn--mob{font-size:14.5px !important;padding:16px 18px !important;}
}
@media(max-width:640px){
.pf-link,#portfolio .pf-card a[href*="/demo/"]{min-height:44px;display:inline-flex;align-items:center;padding-top:10px;padding-bottom:10px;}
#portfolio a[href="realizacje.html"]{padding-top:12px;padding-bottom:12px;}
.cb-privacy{font-size:12.5px;}
.cb-privacy a{display:inline-block;padding:8px 2px;margin:-6px 0;}
.pk-big .nt,.snw-aud-cta .nt{font-size:12.5px;}
html{scroll-padding-top:90px;}
}
/* sticky CTA nie moze byc martwe pod banerem cookies */
body:has(.snw-cookie-bar:not(.snw-cookie-bar--hidden)) .snw-sticky{opacity:0 !important;pointer-events:none !important;}
/* ===== RYTM SEKCJI NA TELEFONIE: mniejsze odstepy, stopka blizej finalu ===== */
@media(max-width:640px){
main section:not(#start){padding-top:64px !important;padding-bottom:64px !important;}
#oddzwon{padding-bottom:48px !important;}
footer{padding-top:26px !important;padding-bottom:30px !important;background:#05090F !important;}
}
/* ===== KROPKI 3D - STATYCZNY PODKLAD (v2.0.1) =====
Widoczne ZAWSZE (telefon + Windows z wylaczonymi animacjami).
Gdy dziala animowana kanwa, JS wylacza ten podklad (background-image:none !important). */
[data-grid]{background-image:radial-gradient(rgba(14,26,43,.16) 1.2px, transparent 1.4px) !important;background-size:30px 30px !important;}
[data-grid="dark"]{background-image:radial-gradient(rgba(163,190,228,.17) 1.2px, transparent 1.4px) !important;background-size:30px 30px !important;}