/*
Theme Name: Linkjuice
Template: generatepress
Version: 0.4.0
Description: Motyw potomny GeneratePress dla agencji SEO + AI/GEO Linkjuice (v3 21.10.2026: makieta v3, akcent limonka, logo z linkjuice.pl, czcionki lokalne). (v4 domena 27.10.2026: granat/biel/limonka jak LP v4)
Text Domain: linkjuice
*/
:root{--ink:#0a1530;--ink2:#1b2a4a;--mut:#56627a;--line:#e1e7f0;--bg:#f7f9fc;--card:#fff;--acc:#0b6fd6;--acc2:#19a7ee;--violet:#0b6fd6;--hl:#bfe6fb;--navy:#06122e;--soft:#eef4fb;--ok:#12a150}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#eef1f7;--ink2:#d7dcea;--mut:#9aa3b8;--line:#262d40;--bg:#0b0f1a;--card:#121828;--soft:#161d30;--hl:#0b4f8c}}
:root[data-theme="dark"]{--ink:#eef1f7;--ink2:#d7dcea;--mut:#9aa3b8;--line:#262d40;--bg:#0b0f1a;--card:#121828;--soft:#161d30;--hl:#0b4f8c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.62 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.02em;line-height:1.1;margin:0 0 .4em}h1{font-size:clamp(38px,6vw,68px)}h2{font-size:clamp(28px,3.6vw,42px)}h3{font-size:21px}
a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.mut{color:var(--mut)}.eyebrow{font:600 13px/1 Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--violet)}
header.nav{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.nav .wrap{display:flex;align-items:center;gap:28px;height:68px}.logo{display:inline-flex;align-items:center;gap:9px;font:700 23px "Space Grotesk";letter-spacing:-.03em;text-decoration:none}.logo b{color:var(--acc)}.logo .lj-mark{color:var(--acc)}
nav.menu{display:flex;gap:22px;font-size:15px;flex:1}nav.menu a{text-decoration:none;color:var(--ink2)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-size:16px}
.btn.pri{background:var(--ink);color:var(--bg)}.btn.acc{background:var(--acc);color:#fff}.btn.acc:hover{background:#095bb0}.btn.ghost{border:1px solid var(--line);background:var(--card)}
.hero{padding:72px 0 56px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-30% -10% auto 40%;height:620px;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc2) 40%,transparent),transparent),radial-gradient(closest-side,color-mix(in srgb,var(--violet) 30%,transparent),transparent 70%);filter:blur(30px);opacity:.7;z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.lead{font-size:20px;color:var(--ink2);max-width:560px}
.audit{display:flex;gap:8px;margin:26px 0 10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px;max-width:560px;box-shadow:0 10px 40px rgba(11,16,32,.08)}
.audit input{flex:1;border:0;background:transparent;font:16px Inter;padding:0 12px;color:var(--ink);min-width:0}.small{font-size:13px;color:var(--mut)}
.answer{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 60px rgba(11,16,32,.12)}
.answer .q{background:var(--soft);border-radius:12px;padding:10px 14px;font-size:15px;margin-bottom:14px}.answer .a p{margin:.3em 0;font-size:15px}
.hl{background:linear-gradient(transparent 55%,var(--hl) 0);font-weight:600}.cite{display:inline-block;font-size:12px;border:1px solid var(--line);border-radius:20px;padding:2px 9px;margin:6px 6px 0 0;color:var(--mut)}
.tag{display:inline-block;font-size:12px;background:var(--soft);border-radius:20px;padding:3px 10px;color:var(--mut)}
section{padding:72px 0}.sec-head{max-width:720px;margin-bottom:34px}
.engines{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.engines span{border:1px solid var(--line);background:var(--card);border-radius:30px;padding:7px 14px;font-size:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;transition:transform .2s}.card:hover{transform:translateY(-3px)}
.ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--soft);color:var(--acc);margin-bottom:14px}.ico svg{width:24px;height:24px}
.card a.more{font-weight:600;text-decoration:none;color:var(--violet);font-size:15px}
.dark{background:var(--navy);color:#eef1f7}.dark .mut{color:#a9b1c6}.dark .card{background:#141b2e;border-color:#252d45;color:#eef1f7}
.sov{display:grid;gap:12px}.bar{display:grid;grid-template-columns:160px 1fr 50px;align-items:center;gap:12px;font-size:15px}.bar i{display:block;height:12px;border-radius:8px;background:linear-gradient(90deg,var(--acc),var(--acc2))}.bar.you i{background:linear-gradient(90deg,#ffb703,#ffd166)}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps .card:before{counter-increment:s;content:"0" counter(s);font:700 15px "Space Grotesk";color:var(--acc)}
.ph{border:2px dashed var(--line);border-radius:14px;padding:16px;color:var(--mut);font-size:14px}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:600;cursor:pointer}
.cta{background:linear-gradient(135deg,#0b6fd6,#06122e);color:#fff;border-radius:28px;padding:48px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}
.cta .audit{box-shadow:none}footer{padding:48px 0;border-top:1px solid var(--line);font-size:14px}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price .card .amt{font:700 30px "Space Grotesk"}.price .card.feat{border:2px solid var(--violet)}
ul.check{list-style:none;padding:0}ul.check li{padding-left:26px;position:relative;margin:7px 0}ul.check li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.crumb{font-size:14px;color:var(--mut);margin-bottom:14px}.note{background:#fff7e8;color:#6b4400;border:1px solid #f3d9a4;border-radius:10px;padding:8px 12px;font-size:13px;margin:14px 0}
@media (max-width:900px){.hero-grid,.grid3,.grid2,.steps,.cta,.price,footer .cols{grid-template-columns:1fr}nav.menu{display:none}.bar{grid-template-columns:110px 1fr 40px}.cta{padding:28px}section{padding:52px 0}}
/* — WordPress / GeneratePress — */
.generate-back-to-top{display:none}
body.lj .site.grid-container,.lj .site-content,.lj .inside-article{max-width:none;padding:0;margin:0}
.lj .site-content{display:block}.lj .inside-article{background:transparent}
.lj .entry-content>*{max-width:none}.lj .entry-header{display:none}
.lj-article{max-width:780px;margin:0 auto;padding:40px 20px 60px}.lj-article h1{font-size:clamp(32px,4.5vw,48px)}
.lj-article .entry-content p,.lj-article .entry-content li{font-size:18px;line-height:1.7}.lj-article .entry-content h2{margin-top:1.6em}
.lj-article table{width:100%;border-collapse:collapse;font-size:15px}.lj-article th,.lj-article td{border-bottom:1px solid var(--line);padding:8px;text-align:left}
.lj-quote{margin:0}.lj-quote p{font-size:16px}.lj-quote footer{border:0;padding:10px 0 0;font-size:14px}
.lj-badge-stg{position:fixed;bottom:12px;left:12px;z-index:99;background:#ffb703;color:#111;font:600 12px Inter;padding:6px 10px;border-radius:8px}
.lj.single-post .inside-article{max-width:780px;margin:0 auto;padding:40px 20px 60px}
.lj.single-post .entry-header{display:block}.lj.single-post .entry-title{font-size:clamp(32px,4.5vw,48px);margin-bottom:.5em}
.lj.single-post .entry-content p,.lj.single-post .entry-content li{font-size:18px;line-height:1.7}
.lj.single-post .entry-content h2{margin-top:1.6em}.lj.single-post .entry-content table{width:100%;border-collapse:collapse;font-size:15px}
.lj.single-post .entry-content th,.lj.single-post .entry-content td{border-bottom:1px solid var(--line);padding:8px;text-align:left}
.lj .entry-meta{font-size:14px;color:var(--mut)}
/* — v2 20.10: marka niebieska ze starego linkjuice.pl, schemat, liczby, klienci, karty opinii, założyciel, CTA mobile — */
.hero:before{background:radial-gradient(closest-side,color-mix(in srgb,var(--acc2) 35%,transparent),transparent),radial-gradient(closest-side,color-mix(in srgb,var(--acc) 25%,transparent),transparent 70%)}
.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:f}
.flow li{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 18px;display:flex;flex-direction:column;gap:6px}
.flow li b{font:700 17px "Space Grotesk"}.flow li span:last-child{font-size:14px;color:var(--mut)}.flow .ico{margin-bottom:6px}
.flow li:not(:last-child):after{content:"";position:absolute;right:-12px;top:42px;width:10px;height:10px;border-top:2px solid var(--acc);border-right:2px solid var(--acc);transform:rotate(45deg)}
.flow li:last-child{background:linear-gradient(160deg,var(--acc),#095bb0);color:#fff;border:0}.flow li:last-child span:last-child{color:#d8e9fb}.flow li:last-child .ico{background:rgba(255,255,255,.16);color:#fff}
.lj-liczby{padding:28px 0;background:var(--navy);color:#fff}.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.num{display:flex;flex-direction:column;gap:2px}.num b{font:700 40px/1 "Space Grotesk";color:var(--acc2)}.num span{font-size:15px;color:#c7d3ea}
.lj-klienci{padding:30px 0;border-bottom:1px solid var(--line)}.logos{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;margin-top:8px}
.logos span{font:700 19px "Space Grotesk";color:var(--mut);opacity:.85;letter-spacing:-.02em}
.lj-case{display:flex;flex-direction:column;margin:0}.lj-case blockquote{margin:14px 0;flex:1;border:0;padding:0;font-style:normal}.lj-case blockquote p{font-size:15.5px;line-height:1.6}
.lj-case-top{display:flex;gap:12px;align-items:center}.lj-case-top b{display:block;font:700 17px "Space Grotesk"}.av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff;font:700 15px "Space Grotesk";flex:none}
.lj-case footer{border:0;padding:12px 0 0;border-top:1px solid var(--line);font-size:14px}
.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.founder figure{margin:0;background:linear-gradient(180deg,var(--soft),#fff);border-radius:24px;overflow:hidden;text-align:center;border:1px solid var(--line)}
.founder img{width:100%;max-width:360px;height:auto;display:block;margin:0 auto;mix-blend-mode:multiply}
.lj-sticky{display:none}
@media (max-width:900px){.flow{grid-template-columns:1fr}.flow li:not(:last-child):after{right:auto;left:34px;top:auto;bottom:-11px;transform:rotate(135deg)}
.nums{grid-template-columns:repeat(2,1fr)}.num b{font-size:32px}.founder{grid-template-columns:1fr;gap:24px}.founder img{max-width:240px}
.lj-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(10,21,48,.08)}
.lj-sticky .btn{flex:1;justify-content:center;padding:12px}.lj-sticky .btn.ghost{flex:0 0 auto}body.lj{padding-bottom:72px}.lj-badge-stg{bottom:80px}
header.nav .btn.pri{display:none}
.audit{flex-direction:column}.audit input{padding:12px}.audit .btn{justify-content:center}body.lj{overflow-x:clip}}
/* — 21.10: formularz audytu AI, raport, ramka usług we wpisach, miejsca na case studies — */
.lj-audyt-form{display:grid;gap:14px;max-width:640px}.lj-audyt-form label{display:grid;gap:6px;font-size:15px;font-weight:600}
.lj-audyt-form input:not([type=checkbox]){border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:16px Inter;background:var(--bg);color:var(--ink)}
.lj-audyt-form .lj-f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lj-audyt-form .lj-zgoda{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13.5px;line-height:1.5}
.lj-audyt-form .lj-zgoda input{margin-top:3px;flex:none}.lj-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.lj-audyt-msg{padding:10px 14px;border-radius:10px;font-size:15px}.lj-audyt-msg.ok{background:#e7f7ee;color:#0b6b35}.lj-audyt-msg.err{background:#fdecec;color:#9b1c1c}
.lj-uslugi{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:2em 0}.lj-uslugi ul{padding-left:18px}.lj-uslugi .eyebrow{margin:0 0 6px}
.grid2>div:has(.lj-probka){min-width:0}.lj-probka{overflow-x:auto}.lj-probka table{min-width:520px}.ok-y{color:var(--ok);font-weight:700}.ok-n{color:#c0392b;font-weight:700}
@media (max-width:900px){.lj-audyt-form .lj-f2{grid-template-columns:1fr}}
.lj.blog .site-main,.lj.archive .site-main{max-width:820px;margin:0 auto;padding:48px 20px 60px}.lj-blog-head{max-width:820px;margin:0 auto;padding:56px 20px 0}
.lj.blog .entry-header,.lj.archive .entry-header{display:block}.lj.blog article,.lj.archive article{border-bottom:1px solid var(--line);padding:22px 0}
.lj.blog .entry-title,.lj.archive .entry-title{font-size:26px;margin:0 0 6px}.lj.blog .entry-title a,.lj.archive .entry-title a{text-decoration:none}
.lj.blog .entry-summary p,.lj.archive .entry-summary p{color:var(--mut);font-size:16px}
.lj .entry-content ul.check{margin-left:0}

/* ============ v3 (21.10.2026): makieta v3 jako docelowy wygląd — akcent LIMONKA (decyzja Wojciecha) ============
   Zasada kontrastu: limonka #c6f432 tylko jako tło z ciemnym tekstem (14,1:1), nigdy jako kolor tekstu na białym.
   Niebieski (#0b6fd6) zostaje kolorem linków, ikon i znaków marki. */
/* 29.10 (Z-lp-lj, LCP na telefonie): z latin-ext tylko polskie znaki (ąćęłńśźż + wielkie) — 5 KB zamiast 85 KB; inne znaki latin-ext = czcionka systemowa */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/inter-pl.woff2) format("woff2");unicode-range:U+0104-0107,U+0118-0119,U+0141-0144,U+015A-015B,U+0179-017C}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lime:#c6f432;--lime-ink:#0a1530;--lime-soft:#f3fccf;--navy2:#0d1d45;--blue2:#19a7ee;--bg:#fff;--soft:#f3f7fc;--soft2:#e9f1fb;--line:#dfe6f0;--mut:#566179}
@media (prefers-color-scheme:dark){:root:not([data-theme="dark"]){--ink:#0a1530;--ink2:#2a3a5c;--mut:#566179;--line:#dfe6f0;--bg:#fff;--card:#fff;--soft:#f3f7fc;--hl:#bfe6fb}}
body.lj{background:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--acc)}.eyebrow:before{content:"";width:18px;height:2px;background:var(--lime);border-radius:2px}
.btn{border-radius:12px;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}
.btn.acc,.btn.lime{background:var(--lime);color:var(--lime-ink);box-shadow:0 8px 24px rgba(198,244,50,.35)}.btn.acc:hover,.btn.lime:hover{background:#b9ea1d}
.btn.blue{background:var(--acc);color:#fff}.btn.ghost{background:transparent;border:1.5px solid var(--line)}
.hl{background:linear-gradient(transparent 55%,var(--lime-soft) 0)}
/* topbar + nagłówek + mega menu */
.lj-topbar{background:var(--navy);color:#cfd8ea;font-size:13.5px}.lj-topbar .wrap{display:flex;gap:18px;align-items:center;height:38px}
.lj-topbar a{color:#fff;text-decoration:none}.lj-topbar .pill{background:var(--lime);color:var(--lime-ink);font-weight:600;border-radius:999px;padding:2px 10px;font-size:12px}.lj-topbar .sp{flex:1}
header.nav{background:rgba(255,255,255,.94);z-index:40}header.nav .wrap{height:76px;gap:22px}
.logo img{height:46px;width:auto;display:block}
nav.menu{gap:2px;align-items:center}nav.menu>div{position:relative}
nav.menu>div>a,nav.menu>div>button{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;font:500 15px Inter;color:var(--ink2);text-decoration:none;background:none;border:0;cursor:pointer}
nav.menu>div>button:after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
nav.menu>div:hover>a,nav.menu>div:hover>button{background:var(--soft)}
.mega{display:none;position:absolute;left:-12px;top:100%;padding-top:10px;z-index:50}nav.menu>div:hover .mega,nav.menu>div:focus-within .mega{display:block}
.mega-in{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(6,18,46,.16);padding:18px;display:grid;grid-template-columns:repeat(2,260px) 250px;gap:6px 18px}
.mega h5{margin:4px 8px 6px;font:600 11.5px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.mega .col{display:flex;flex-direction:column}
.mega a{display:flex;gap:10px;padding:9px 8px;border-radius:12px;text-decoration:none;color:var(--ink)}.mega a:hover{background:var(--soft)}
.mega a b{display:block;font:600 14.5px Inter}.mega a span{display:block;font-size:13px;color:var(--mut);line-height:1.35}
.mega .mi{flex:none;width:34px;height:34px;border-radius:10px;background:var(--soft2);color:var(--acc);display:grid;place-items:center}.mega .mi svg{width:19px;height:19px}
.mega .feat{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;border-radius:14px;padding:16px}.mega .feat b{color:#fff;display:block;margin-bottom:6px}.mega .feat span{color:#c4cee3;font-size:13.5px}
header.nav .btn.lime{white-space:nowrap}
.lj-mnav{display:none}
/* stopka v3 */
footer.lj-foot{background:var(--navy);color:#c4cee3;padding:64px 0 28px;font-size:14.5px;border:0}footer.lj-foot a{color:#e8edf7;text-decoration:none}
footer.lj-foot .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}footer.lj-foot h4{color:#fff;font:600 13px Inter;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
footer.lj-foot .logo img{height:44px}footer.lj-foot .bottom{border-top:1px solid #1f2f5a;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:13px;flex-wrap:wrap}
footer.lj-foot p{margin:0 0 10px;line-height:1.9}
/* sekcje strony głównej v3 */
.hero{background:radial-gradient(1200px 520px at 85% -10%,var(--soft2),transparent 60%),#fff}
.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--lime) 62%,var(--lime) 92%,transparent 92%)}
.audit{border:1.5px solid var(--line);border-radius:16px;box-shadow:0 16px 44px rgba(6,18,46,.10)}
.answer{border-radius:22px;box-shadow:0 30px 80px rgba(6,18,46,.16)}.cite.you{border-color:var(--acc);color:var(--acc);font-weight:600}
.lj-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.lj-proof .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lj-proof b{display:block;font:700 34px "Space Grotesk";color:var(--acc);letter-spacing:-.03em}.lj-proof span{font-size:14px;color:var(--mut)}
a.card{text-decoration:none;color:inherit}a.card:hover{box-shadow:0 18px 50px rgba(6,18,46,.10)}
.card.big{grid-column:span 2;background:linear-gradient(150deg,var(--navy),var(--navy2));color:#fff;border:0}.card.big h3,.card.big p{color:#fff}.card.big .mut{color:#c4cee3}
.card.big .ico{background:rgba(255,255,255,.1);color:var(--lime)}.card.big .more{color:var(--lime)}
.badge{position:absolute;top:18px;right:18px;font:600 11.5px Inter;background:var(--lime);color:var(--lime-ink);padding:4px 9px;border-radius:999px}
table.cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:15px}
.cmp th,.cmp td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.cmp tr:last-child td{border-bottom:0}.cmp th{background:var(--soft);font:600 13px Inter;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}.cmp td:first-child{font-weight:600}
.metric{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.metric div{border:1px solid #1f2f5a;border-radius:14px;padding:14px}.metric b{display:block;color:#fff}.metric span{font-size:13px;color:#aeb9d0}
.sov .row{display:grid;grid-template-columns:150px 1fr 54px;gap:12px;align-items:center;font-size:15px;margin:12px 0}.sov i{display:block;height:12px;border-radius:8px;background:linear-gradient(90deg,#2a4b8f,#4f78c8)}.sov .you i{background:var(--lime)}
.steps .card .res{display:block;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:13.5px;color:var(--ink2)}
.lj-case blockquote p:before{content:"“";display:block;font:700 46px/0.6 "Space Grotesk";color:var(--acc);margin-bottom:10px}
.flow li:last-child{background:linear-gradient(160deg,var(--navy),var(--navy2))}
ul.check li:before{content:"";top:3px;width:20px;height:20px;border-radius:50%;background:var(--lime-soft);box-shadow:inset 0 0 0 1.5px var(--lime)}
ul.check li:after{content:"";position:absolute;left:7px;top:8px;width:6px;height:9px;border-right:2px solid var(--lime-ink);border-bottom:2px solid var(--lime-ink);transform:rotate(45deg)}
.cta{background:radial-gradient(800px 400px at 90% 0,rgba(25,167,238,.35),transparent 60%),linear-gradient(140deg,var(--navy),var(--navy2))}
/* strona usługi v3: hero, W skrócie, spis treści, treść */
.svc-hero{background:linear-gradient(180deg,var(--soft) 0%,#fff 100%);padding:56px 0 46px;border-bottom:1px solid var(--line)}
.svc-hero .grid{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:start}.svc-hero h1{font-size:clamp(34px,4.6vw,54px)}
.tldr{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 14px 40px rgba(6,18,46,.08)}.tldr h4{font:600 12px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.meta-row{display:flex;flex-wrap:wrap;gap:16px;font-size:13.5px;color:var(--mut);margin-top:18px}
.svc-body{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;padding:56px 0}
.toc{position:sticky;top:110px;align-self:start;font-size:14px;border-left:2px solid var(--line);padding-left:16px;max-height:calc(100vh - 140px);overflow:auto}
.toc b{display:block;font:600 12px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.toc a{display:block;color:var(--ink2);text-decoration:none;padding:5px 0;line-height:1.35}.toc a.on{color:var(--acc);font-weight:600}
.toc .cta-mini{margin-top:20px;background:var(--soft);border-radius:14px;padding:14px}
.svc-article h2{font-size:clamp(26px,2.6vw,34px);margin-top:56px;scroll-margin-top:110px}.svc-article h2:first-child{margin-top:0}
.svc-article p,.svc-article li{font-size:17.5px;line-height:1.72;color:#22314f}.svc-article table{width:100%;border-collapse:collapse;font-size:15px}
.svc-article th,.svc-article td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left}
.inline-cta{margin:40px 0;background:linear-gradient(140deg,var(--navy),var(--navy2));color:#fff;border-radius:22px;padding:30px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.inline-cta h3{color:#fff;margin:0 0 6px}.inline-cta p{color:#c4cee3;margin:0}
@media (max-width:1020px){nav.menu,.lj-topbar .hide-m,header.nav .btn.lime{display:none}
.lj-mnav{display:block;margin-left:auto}.lj-mnav summary{list-style:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font:600 14px Inter;cursor:pointer}
.lj-mnav summary::-webkit-details-marker{display:none}.lj-mnav[open] .lj-mnav-in{display:block}
.lj-mnav-in{position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(6,18,46,.12);padding:12px 20px 20px;max-height:75vh;overflow:auto}
.lj-mnav-in h5{margin:14px 0 4px;font:600 11.5px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.lj-mnav-in a{display:block;padding:9px 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--soft)}
.svc-hero .grid,.svc-body{grid-template-columns:1fr}.toc{display:none}.card.big{grid-column:auto}.lj-proof .wrap{grid-template-columns:repeat(2,1fr)}
footer.lj-foot .cols{grid-template-columns:1fr 1fr}.metric{grid-template-columns:1fr}.logo img{height:38px}}
@media (max-width:560px){.lj-proof .wrap,footer.lj-foot .cols{grid-template-columns:1fr}.sov .row{grid-template-columns:100px 1fr 44px}}

/* v3: komponenty z makiety (opinie, wpisy, oś czasu, modele, raport) */
.narrow{max-width:780px}
.answer .bar{display:flex;gap:6px;margin-bottom:14px}
.answer .bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.answer .q{background:var(--soft);border-radius:14px;padding:11px 14px;font-size:15px;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start}
.float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 14px 40px rgba(6,18,46,.14);font-size:13px}
.float b{display:block;font:700 22px "Space Grotesk";color:var(--ink)}
.f1{left:-40px;bottom:-64px}
.f2{right:-22px;top:-22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.soft{background:var(--soft)}
.dark{background:var(--navy);color:#e8edf7}
.dark h2,.dark h3,.dark h4{color:#fff}
.dark .mut{color:#aeb9d0}
.dark .eyebrow{color:var(--blue2)}
.dark .card{background:#0e1c40;border-color:#1f2f5a;color:#e8edf7}
.flow .us{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;color:var(--lime-ink);background:var(--lime-soft);border-radius:999px;padding:2px 9px}
.quote{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column}
.quote blockquote{margin:0 0 16px;font-size:15.5px;color:var(--ink2);flex:1}
.quote blockquote:before{content:"“";display:block;font:700 46px/0.6 "Space Grotesk";color:var(--acc);margin-bottom:10px}
.quote figcaption{display:flex;gap:12px;align-items:center;font-size:14px}
.quote .av{width:42px;height:42px;border-radius:50%;background:var(--soft2);color:var(--acc);display:grid;place-items:center;font:700 15px "Space Grotesk"}
.quote figcaption b{display:block}
.quote figcaption span{color:var(--mut);font-size:13px}
.faq summary{font:600 17px Inter;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary:after{content:"+";font:400 26px/1 Inter;color:var(--acc)}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:12px 0 0;color:var(--ink2)}
.post .thumb{aspect-ratio:16/9;border-radius:14px;background:linear-gradient(135deg,var(--soft2),#fff);border:1px solid var(--line);display:grid;place-items:center;color:var(--acc)}
.post .thumb svg{width:56px;height:56px;opacity:.8}
.article .bluf{font-size:18.5px;color:var(--ink);font-weight:500;border-left:4px solid var(--acc);padding:4px 0 4px 16px;margin-bottom:18px}
.def{background:var(--soft);border-radius:16px;padding:20px 22px;margin:18px 0}
.def b{color:var(--acc)}
.models{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.models .card h3{margin-bottom:6px}
.models .card .for{font-size:13.5px;color:var(--mut);margin-bottom:12px}
.models .card.feat{border:2px solid var(--acc)}
.timeline{list-style:none;padding:0;margin:20px 0;position:relative}
.timeline:before{content:"";position:absolute;left:17px;top:6px;bottom:6px;width:2px;background:var(--line)}
.timeline li{position:relative;padding:0 0 22px 54px}
.timeline li:before{content:attr(data-n);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--acc);color:var(--acc);display:grid;place-items:center;font:700 14px "Space Grotesk"}
.timeline b{display:block;font-size:17px}
.timeline span{color:var(--mut);font-size:15px}
.timeline em{display:block;font-style:normal;font-size:13.5px;color:var(--ok);margin-top:4px}
.report{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.report .rh{background:var(--soft);padding:16px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}
.report table{width:100%;border-collapse:collapse;font-size:15px}
.report td,.report th{padding:12px 20px;border-top:1px solid var(--line);text-align:left}
.meter{height:8px;border-radius:6px;background:var(--soft2);overflow:hidden;width:160px;display:inline-block;vertical-align:middle;margin-right:8px}
.meter i{display:block;height:100%;background:var(--acc)}
.article .bluf,.svc-article .bluf{font-size:18.5px;color:var(--ink);font-weight:500;border-left:4px solid var(--lime);padding:4px 0 4px 16px;margin-bottom:18px}
@media (max-width:1020px){.quotes,.models{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.f1,.f2{display:none}}
.lj h1,.lj h2,.lj h3,.lj h4{font-weight:700}.lj .card{position:relative}
/* — 22.10 (Wojciech: strony usług „rozjechane na całą szerokość”): przyczyna — .lj .entry-content>*{max-width:none} zdejmowało
   max-width z .wrap. Kolumna treści 760 px + spis treści + przyklejony panel CTA; wpisy bloga: kolumna 760 + panel CTA. — */
.lj .entry-content>.wrap{max-width:1180px;margin-left:auto;margin-right:auto}
.lj .entry-content>.wrap.svc-body{max-width:1420px;grid-template-columns:230px minmax(0,760px) 300px;gap:48px;justify-content:center}
.svc-side,.lj-post-side{position:sticky;top:100px;align-self:start}
.lj-side-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 14px 40px rgba(6,18,46,.08)}
.lj-side-box .eyebrow{display:block;margin:0 0 8px}.lj-side-box h4{font:700 20px/1.25 "Space Grotesk";margin:0 0 10px;color:var(--ink)}
.lj-side-box ul{list-style:none;margin:0 0 14px;padding:0}.lj-side-box li{font-size:14.5px;line-height:1.45;padding:4px 0 4px 22px;position:relative;color:var(--ink2)}
.lj-side-box li:before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:700}
.lj-side-box form{display:grid;gap:8px;margin:0}.lj-side-box input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font-size:15px}
.lj-side-box .btn{width:100%;justify-content:center}.lj-side-box .small{font-size:13px;color:var(--mut);margin:10px 0 0}
.lj-side-box .small a{color:var(--ink2)}
.lj-m-cta{display:none;margin:22px 0;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:16px}
.lj-m-cta b{display:block;font-size:16px;margin-bottom:8px}.lj-m-cta .btn{width:100%;justify-content:center}
.lj.single-post .inside-article{max-width:1140px}
.lj.single-post .entry-header,.lj.single-post .entry-meta,.lj.single-post .inside-article>.crumb,.lj.single-post .post-navigation{max-width:760px}
.lj-post-grid{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:56px;align-items:start}
@media (max-width:1380px){.lj .entry-content>.wrap.svc-body{grid-template-columns:minmax(0,760px) 300px;gap:40px}.svc-body .toc{display:none}}
@media (max-width:1020px){.lj .entry-content>.wrap.svc-body,.lj-post-grid{grid-template-columns:1fr}.svc-side,.lj-post-side{display:none}.lj-m-cta{display:block}
.lj.single-post .inside-article{max-width:780px}}
.lj .lj-side-box li{font-size:14.5px;line-height:1.45}.lj .lj-side-box p.small{font-size:13px;line-height:1.5}.lj .lj-side-box ul{margin-left:0}
.lj .lj-m-cta b{font-size:16px}
.lj.single-post .entry-content .lj-side-box li,.lj .entry-content .lj-side-box li{font-size:14.5px;line-height:1.45}
.lj.single-post .entry-content .lj-side-box p.small,.lj .entry-content .lj-side-box p.small{font-size:13px;line-height:1.5}
/* 24.10 L2: strony docelowe /lp/ — nagłówek bez menu, krótka stopka, kotwica formularza pod przyklejonym nagłówkiem */
.lj-lp-nav .lj-lp-sp{flex:1}.lj-lp-nav .lj-lp-tel{font-weight:600;text-decoration:none;color:var(--ink2);white-space:nowrap}
.lj-lp-foot{padding:28px 0 22px}.lj-lp-foot .small{color:#aeb9d0}.lj-lp-foot .bottom{margin-top:14px}#formularz{scroll-margin-top:96px}html{scroll-behavior:smooth}
.lj-lp .lj-sov-anon .bar span{font-size:14.5px}.lj-lp .lj-pak{display:flex;flex-direction:column;gap:6px}.lj-lp .lj-pak .cena{font:600 15px Inter;color:var(--acc)}
@media (max-width:600px){.lj-lp-nav .lj-lp-tel{display:none}}
/* 27.10 P1 kampanii (lj-audyt.php 0.6 + treść LP): podpowiedzi pod polami, „co dalej” pod przyciskiem, zastrzeżenie i blok autora
   pod formularzem, P.S. w końcowym CTA. L1-13: na telefonie formularz LP w 1. ekranie (krótszy hero, 2 z 4 punktów, 1 zdanie leadu). */
.lj-audyt-form .lj-hint{margin:-8px 0 0;font-size:13px;line-height:1.45}.lj-audyt-form .lj-dalej{margin:-4px 0 0;font-size:13px;line-height:1.45}
.lj-uczciwie{max-width:640px;margin:14px 0 0;line-height:1.5}
.lj-bio{display:flex;gap:14px;align-items:center;max-width:640px;margin:16px 0 0}.lj-bio img{width:80px;height:80px;flex:none;border-radius:50%;object-fit:cover}
.lj-bio p{margin:0;line-height:1.5}.lj-lp #formularz{display:flex;flex-direction:column}.lj-lp #formularz .lj-bio{order:3}   /* zastrzeżenie (treść LP) zaraz pod formularzem, autor niżej */
.dark .lj-pkt{color:#c9d1e3}.dark .lj-ps{max-width:620px;margin:20px auto 0;font-style:italic;color:#a9b1c6}
@media (max-width:900px){.lj-lp .lj-m-hide{display:none}.lj-lp .hero{padding:12px 0 36px}.lj-lp .hero .eyebrow{font-size:11.5px;letter-spacing:.08em;line-height:1.35}
.lj-lp .hero h1{font-size:34px;margin-bottom:.3em}.lj-lp .hero .lead{font-size:17px;line-height:1.5;margin:0 0 10px}
.lj-lp .hero ul.check{margin:0 0 4px}.lj-lp .hero ul.check li{margin:5px 0;font-size:15.5px;line-height:1.45}.lj-lp .hero-grid{gap:20px}
.lj-lp .lj-audyt-form{padding:20px}}
@media (min-width:901px){.lj-lp .hero-grid{align-items:start}.lj-lp .hero-grid>div:first-child{padding-top:28px}}   /* 27.10: wyższy formularz nie spycha H1 w dół (H1 ~228 px przy 1366) */

/* ============ LP v3 (27.10.2026, po uwagach Wojciecha: „TOP PREMIUM, klimat SaaS/fintech/AI”) — strony /lp/ ============
   Wszystko pod .lj-v2 (opakowanie treści LP) + nagłówek LP przez body:has(.lj-v2). Ciemne sekcje .v3-dark z siatką i poświatą,
   szklane karty, duże liczby. Marka: logo, limonka #c6f432 (na ciemnym jako tekst/tło, na białym tylko jako tło), niebieski #0b6fd6. */
.lj-v2{--d0:#040a1c;--d1:#071233;--d2:#0c1a44;--g-bg:rgba(255,255,255,.05);--g-bd:rgba(255,255,255,.11);--t1:#eef2fb;--t2:#b4c0da;--t3:#8d9bba;
  --cyan:#19a7ee;--teal:#22c7b8;--red:#ff6b6b;--sh:0 30px 80px rgba(6,18,46,.16);--sh-d:0 50px 120px rgba(0,0,0,.55)}
.lj-v2 ul,.lj-v2 ol{margin:0;padding:0;list-style:none}
.lj-v2 p{margin:0 0 1em}
.lj-v2 section{padding:104px 0;position:relative}
.lj-v2 h1,.lj-v2 h2,.lj-v2 h3{letter-spacing:-.035em}
.lj-v2 .sec-head{max-width:780px;margin-bottom:48px}
.lj-v2 .sec-head h2{font-size:clamp(32px,3.9vw,52px);line-height:1.05}
.lj-v2 .sec-head p{font-size:18px;margin:0;line-height:1.6}
.lj-v2 .card:hover{transform:none}
.lj-v2 .v3-soft{background:#f4f7fc}
.lj-v2 .v2-nr{width:26px;height:26px;border-radius:50%;background:var(--lime);color:var(--lime-ink);display:inline-grid;place-items:center;font:700 13px/1 "Space Grotesk";flex:none}

/* — ciemne sekcje: siatka + poświata — */
.lj-v2 .v3-dark{background:radial-gradient(900px 520px at 12% -12%,rgba(11,111,214,.42),transparent 62%),radial-gradient(700px 460px at 100% 0,rgba(198,244,50,.10),transparent 60%),var(--d0);color:var(--t1);overflow:clip}
.lj-v2 .v3-dark:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 0,#000 20%,transparent 75%)}
.lj-v2 .v3-dark>.wrap{position:relative;z-index:1}
.lj-v2 .v3-dark h1,.lj-v2 .v3-dark h2,.lj-v2 .v3-dark h3{color:#fff}
.lj-v2 .v3-dark .mut,.lj-v2 .v3-dark .sec-head p{color:var(--t2)}
.lj-v2 .v3-dark .eyebrow{color:var(--cyan)}
.lj-v2 .v3-dark a:not(.btn){color:#fff}
.lj-v2 em.v3-grad{font-style:normal}
.lj-v2 .v3-grad{background:linear-gradient(92deg,#c6f432 0%,#7fe3ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lj-v2 .v3-tag{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--g-bg);border:1px solid var(--g-bd);font:600 12.5px/1.2 Inter;letter-spacing:.06em;text-transform:uppercase;color:var(--t1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lj-v2 .v3-tag i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(198,244,50,.18),0 0 14px rgba(198,244,50,.8)}

/* — nagłówek LP na ciemnym (szablon bez zmian; logo białe z motywu) — */
body.lj-lp:has(.lj-v2) header.nav{background:rgba(4,10,28,.97);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body.lj-lp:has(.lj-v2) header.nav .logo img{content:url(https://linkjuice.pl/wp-content/themes/linkjuice/assets/linkjuice-logo-white.png)}
@supports (-moz-appearance:none){body.lj-lp:has(.lj-v2) header.nav .logo img{filter:brightness(0) invert(1)}}
body.lj-lp:has(.lj-v2) header.nav .lj-lp-tel{color:#dfe6f3}
.lj-lp .site-main:has(.lj-v2){margin-top:0;margin-bottom:0}   /* GeneratePress dodaje 20 px paska nad pierwszą sekcją */

/* — hero: tekst po lewej, formularz po prawej — */
.lj-v2 .v3-hero{padding:64px 0 96px}
.lj-v2 .v3-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:64px;align-items:start}
.lj-v2 .v3-hero h1{font-size:clamp(40px,4.9vw,70px);line-height:1.02;margin:22px 0 20px}
.lj-v2 .v3-hero .lead{font-size:19.5px;line-height:1.6;color:var(--t2);max-width:580px;margin:0 0 26px}
.lj-v2 .v3-hero ul.check{margin:22px 0 0}.lj-v2 .v3-hero ul.check li{margin:9px 0;font-size:16px;line-height:1.5;color:var(--t1)}
.lj-v2 .v3-kto{margin:26px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);font-size:14px;color:var(--t3);max-width:560px}
.lj-v2 .v3-kto b{color:var(--t1);font-weight:600}

/* pigułki źródeł AI (wariant A: nazwy + własne ikony; wariant B: czarne logo w białym kółku) */
.lj-v2 .v2-ai{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.lj-v2 .v2-ai-l{font-size:13px;font-weight:600;color:var(--t3);margin-right:4px}
.lj-v2 .v2-ai ul{display:flex;flex-wrap:wrap;gap:10px}
.lj-v2 .v2-ai li{display:inline-flex;align-items:center;gap:9px;background:var(--g-bg);border:1px solid var(--g-bd);border-radius:999px;padding:5px 15px 5px 5px;font:600 14.5px/1.2 Inter;color:var(--t1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lj-v2 .v2-ai-ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(25,167,238,.16);color:#7fd0ff}
.lj-v2 .v2-ai-ic svg{width:15px;height:15px}.lj-v2 .v2-ai-ic img{width:15px;height:15px;display:block}
.lj-v2 .v2-ai-ic.v2-ic-2{background:rgba(198,244,50,.15);color:var(--lime)}.lj-v2 .v2-ai-ic.v2-ic-3{background:rgba(34,199,184,.16);color:#6ff0e2}
.lj-v2 .v2-ai-ic.v2-ic-4{background:rgba(167,139,250,.18);color:#c4b5fd}
.lj-v2 .v2-ai-ic.v2-logo{background:#fff}

/* formularz: szklana karta z poświatą (shortcode bez zmian, tylko wygląd) */
.lj-v2 #formularz{position:relative;max-width:600px;margin-left:auto;width:100%}
.lj-v2 #formularz:before{content:"";position:absolute;inset:-40px -30px;background:radial-gradient(closest-side,rgba(11,111,214,.45),transparent),radial-gradient(closest-side at 80% 90%,rgba(198,244,50,.18),transparent);filter:blur(30px);z-index:-1;pointer-events:none}
.lj-v2 .v3-form{position:relative;z-index:0;border-radius:26px;padding:1px;background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,.06) 40%,rgba(198,244,50,.35));box-shadow:var(--sh-d)}
.lj-v2 .v3-form-in{border-radius:25px;background:linear-gradient(180deg,rgba(17,30,70,.92),rgba(8,16,42,.94));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}
.lj-v2 .v2-form-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:18px 24px 0;font-size:13.5px}
.lj-v2 .v2-form-head b{font:700 19px/1.2 "Space Grotesk";color:#fff;letter-spacing:-.02em}
.lj-v2 .v2-form-head .v2-pill{white-space:nowrap;background:var(--lime);color:var(--lime-ink);font-weight:600;border-radius:999px;padding:4px 11px;box-shadow:0 0 22px rgba(198,244,50,.35)}
.lj-v2 .v3-form .lj-audyt-form{background:transparent;border:0;border-radius:0;box-shadow:none;padding:18px 24px 24px;color:var(--t1);max-width:none}
.lj-v2 .v3-form .lj-audyt-form label{color:#fff}
.lj-v2 .v3-form .lj-audyt-form .lj-f2 label{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px 5px}.lj-v2 .v3-form .lj-audyt-form .lj-f2 label input{flex:1 0 100%;min-width:0}
.lj-v2 .v3-form .lj-audyt-form input:not([type=checkbox]),.lj-v2 .v3-form .lj-audyt-form input:not([type=checkbox]):focus{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:12px}
.lj-v2 .v3-form .lj-audyt-form input:not([type=checkbox]):focus{outline:0;border-color:var(--lime);box-shadow:0 0 0 3px rgba(198,244,50,.18)}
.lj-v2 .v3-form .lj-audyt-form input::placeholder{color:#7f8db0}
.lj-v2 .v3-form .lj-audyt-form input[type=checkbox]{accent-color:#c6f432;width:16px;height:16px}
.lj-v2 .v3-form .lj-audyt-form .mut,.lj-v2 .v3-form .lj-audyt-form .small{color:var(--t3)}
.lj-v2 .v3-form .lj-audyt-form .lj-zgoda{color:#d5dcec}
.lj-v2 .v3-form .lj-audyt-form a{color:var(--lime)}
.lj-v2 .v3-form .lj-audyt-form .btn{width:100%;justify-content:center;padding:17px 20px;font-size:17px;box-shadow:0 10px 40px rgba(198,244,50,.35)}
.lj-v2 .v3-form .lj-audyt-msg.ok{background:rgba(18,161,80,.18);color:#9ff0c2}.lj-v2 .v3-form .lj-audyt-msg.err{background:rgba(220,38,38,.18);color:#ffb4b4}
.lj-v2 #formularz .lj-bio{display:none}
.lj-v2 .lj-uczciwie{font-size:13.5px;color:var(--t3);margin:16px 6px 0;max-width:none}

/* — ekspert + liczby (ciemna sekcja zaraz pod hero) — */
.lj-v2 .v3-ekspert{background:radial-gradient(700px 520px at 20% 40%,rgba(11,111,214,.30),transparent 60%),linear-gradient(180deg,#061029,#040a1c);padding-top:24px}
.lj-v2 .v3-ekspert:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.lj-v2 .v3-ekspert-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}
.lj-v2 .v3-foto{position:relative;margin:0}
.lj-v2 .v3-foto:before{content:"";position:absolute;inset:8% -6% -4% -6%;background:radial-gradient(closest-side,rgba(25,167,238,.45),transparent);filter:blur(40px);z-index:0}
.lj-v2 .v3-foto img{position:relative;z-index:1;width:100%;height:auto;display:block;border-radius:30px;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 98%);mask-image:linear-gradient(180deg,#000 62%,transparent 98%)}
.lj-v2 .v3-glass{background:rgba(10,20,52,.62);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.4);color:var(--t1)}
.lj-v2 .v3-foto .v3-glass{position:absolute;z-index:2}
.lj-v2 .v3-foto-imie{left:22px;bottom:34px;padding:14px 18px}.lj-v2 .v3-foto-imie b{display:block;font:700 20px "Space Grotesk";color:#fff}.lj-v2 .v3-foto-imie span{font-size:13.5px;color:var(--t2)}
.lj-v2 .v3-foto-wynik{right:-26px;top:30px;width:250px;padding:14px 16px;font-size:13px}
.lj-v2 .v3-foto-wynik small{display:block;font:600 10.5px Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:10px}
.lj-v2 .v3-foto-wynik .r{display:grid;grid-template-columns:92px 1fr 24px;gap:8px;align-items:center;margin:7px 0;color:var(--t2)}
.lj-v2 .v3-foto-wynik .r i{display:block;height:8px;border-radius:6px;background:linear-gradient(90deg,#2f6fe0,var(--cyan))}
.lj-v2 .v3-foto-wynik .r.you i{background:var(--lime);box-shadow:0 0 12px rgba(198,244,50,.7)}.lj-v2 .v3-foto-wynik .r b{color:#fff;font:700 15px "Space Grotesk";text-align:right}
.lj-v2 .v3-ekspert h2{font-size:clamp(32px,3.6vw,48px);line-height:1.06;margin:16px 0 16px}
.lj-v2 .v3-ekspert .lead2{font-size:18px;line-height:1.6;color:var(--t2);margin:0 0 30px;max-width:600px}
.lj-v2 .v3-liczby{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lj-v2 .v3-liczby>div{padding:20px 20px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}
.lj-v2 .v3-liczby>div:after{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--c,#19a7ee),transparent);opacity:.8}
.lj-v2 .v3-liczby b{display:block;font:700 44px/1 "Space Grotesk";letter-spacing:-.04em;color:var(--c,#fff);text-shadow:0 0 30px color-mix(in srgb,var(--c,#19a7ee) 45%,transparent)}
.lj-v2 .v3-liczby span{display:block;margin-top:10px;font-size:14px;line-height:1.4;color:var(--t2)}
.lj-v2 .v3-tm{margin:28px 0 0;font-size:12.5px;line-height:1.55;color:#7584a6}

/* — makieta raportu: ciemne okno aplikacji w perspektywie — */
.lj-v2 .v3-raport{background:radial-gradient(900px 500px at 70% 30%,#e3eeff,transparent 65%),#f4f7fc}
.lj-v2 .v2-raport-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:56px;align-items:center}
.lj-v2 .v3-scena{perspective:1800px}
.lj-v2 .v2-okno{background:linear-gradient(180deg,#0e1a40,#081230);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;color:var(--t1);transform:rotateY(9deg) rotateX(4deg);transform-origin:right center;box-shadow:-30px 50px 100px rgba(6,18,46,.35),0 0 0 1px rgba(11,111,214,.15),0 0 80px rgba(25,167,238,.18);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lj-v2 .v3-scena:hover .v2-okno{transform:rotateY(3deg) rotateX(1deg)}
.lj-v2 .v2-okno-pasek{display:flex;align-items:center;gap:7px;padding:12px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
.lj-v2 .v2-okno-pasek i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.lj-v2 .v2-okno-pasek i+i{background:#febc2e}.lj-v2 .v2-okno-pasek i+i+i{background:#28c840}
.lj-v2 .v2-okno-pasek span{margin-left:12px;flex:1;min-width:0;background:rgba(255,255,255,.06);border-radius:8px;padding:5px 12px;font-size:12.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lj-v2 .v2-r{padding:22px 24px 26px}
.lj-v2 .v2-r-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.lj-v2 .v2-r-meta span{font-size:12.5px;color:var(--t2);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 11px}.lj-v2 .v2-r-meta b{color:#fff}
.lj-v2 .v2-r-h{display:flex;align-items:center;gap:9px;font:600 11.5px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin:0 0 12px}
.lj-v2 .v3-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.lj-v2 .v3-gauges>div{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.lj-v2 .v3-ring{--p:0;--c:var(--cyan);width:66px;height:66px;flex:none;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),rgba(255,255,255,.09) 0);display:grid;place-items:center;position:relative;box-shadow:0 0 24px color-mix(in srgb,var(--c) 30%,transparent)}
.lj-v2 .v3-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0b1636}
.lj-v2 .v3-ring b{position:relative;font:700 17px/1 "Space Grotesk";color:#fff}.lj-v2 .v3-ring b small{font-size:11px;color:var(--t3);font-weight:500}
.lj-v2 .v3-gauges .v3-brak{border-style:dashed;opacity:.75}
.lj-v2 .v3-gauges small{display:block;font-size:12.5px;line-height:1.3;font-weight:600;color:#fff}
.lj-v2 .v3-gauges em{display:block;font-style:normal;font-size:11.5px;color:var(--t3);margin-top:4px}
.lj-v2 .v3-bars{display:grid;gap:8px;margin-bottom:24px}
.lj-v2 .v3-bar{display:grid;grid-template-columns:118px 1fr 34px;gap:12px;align-items:center;font-size:13.5px;color:var(--t2);padding:5px 8px;border-radius:10px}
.lj-v2 .v3-bar i{display:block;height:10px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden}
.lj-v2 .v3-bar i s{display:block;height:100%;width:var(--w);border-radius:6px;background:linear-gradient(90deg,#2f6fe0,var(--cyan))}
.lj-v2 .v3-bar b{font:700 15px "Space Grotesk";color:#fff;text-align:right}
.lj-v2 .v3-bar.you{background:rgba(198,244,50,.08);box-shadow:inset 0 0 0 1px rgba(198,244,50,.35);color:#fff}
.lj-v2 .v3-bar.you i s{background:var(--lime);box-shadow:0 0 14px rgba(198,244,50,.9)}.lj-v2 .v3-bar.you b{color:var(--lime)}
.lj-v2 .v3-bar.you span:first-child:after{content:none;display:inline-block;margin-left:6px;font:600 9.5px/1 Inter;letter-spacing:.06em;text-transform:uppercase;background:var(--lime);color:var(--lime-ink);border-radius:999px;padding:3px 6px;vertical-align:2px}
.v2-js .lj-v2 .v2-anim .v3-bar i s{transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.v2-js .lj-v2 .v2-anim.in .v3-bar i s{transform:none}
.lj-v2 .v2-r-dom li{display:grid;grid-template-columns:22px 1fr 60px;gap:10px;align-items:center;padding:9px 0;border-top:1px dashed rgba(255,255,255,.1);font-size:12px;color:var(--t3)}
.lj-v2 .v2-r-dom li i{display:block;height:9px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.04));filter:blur(.4px)}
.lj-v2 .v2-r-dom li em{font-style:normal;text-align:right;font-size:11px}
.lj-v2 .v2-r-dom p{font-size:12px;color:var(--t3);margin:8px 0 0}
.lj-v2 .v2-adn{display:grid;gap:14px}
.lj-v2 .v2-adn li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(6,18,46,.07);transition:transform .2s,box-shadow .2s}
.lj-v2 .v2-adn li:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(6,18,46,.12)}
.lj-v2 .v2-adn .v2-nr{width:44px;height:44px;border-radius:13px;font-size:18px;background:linear-gradient(140deg,#0b6fd6,#19a7ee);color:#fff;box-shadow:0 8px 20px rgba(11,111,214,.35)}
.lj-v2 .v2-adn b{display:block;font:700 18px/1.3 "Space Grotesk";margin-bottom:4px;color:var(--ink)}.lj-v2 .v2-adn span{color:var(--mut);font-size:15px;line-height:1.55}
.lj-v2 .v2-pod{font-size:13.5px;color:var(--mut);margin:18px 0 0;line-height:1.55}

/* — opinie (siatka, bez karuzeli) — */
.lj-v2 .v2-opinie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lj-v2 .v2-op{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 30px rgba(6,18,46,.05);transition:transform .2s,box-shadow .2s}
.lj-v2 .v2-op:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(6,18,46,.10)}
.lj-v2 .v2-op blockquote{margin:0;padding:0;border:0;font-size:inherit;font-style:normal;flex:1}
.lj-v2 .v2-op blockquote:before{content:"“";display:block;font:700 54px/.6 "Space Grotesk";margin:10px 0 6px;background:linear-gradient(90deg,#0b6fd6,#19a7ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.lj-v2 .v2-op blockquote p{font-size:15.5px;line-height:1.62;color:var(--ink2);margin:0}
.lj-v2 .v2-op-en{font-size:12.5px;color:var(--mut);margin:-4px 0 0}
.lj-v2 .v2-op figcaption{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--line)}
.lj-v2 .v2-op figcaption img{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}
.lj-v2 .v2-op figcaption b{display:block;font:700 16.5px/1.25 "Space Grotesk";color:var(--ink)}
.lj-v2 .v2-op figcaption span{display:block;font-size:13.5px;line-height:1.35;color:var(--mut)}
.lj-v2 .v2-wiecej{display:none;margin:22px auto 0;justify-content:center;background:#fff;color:var(--ink);border:1.5px solid var(--line);font:600 15.5px Inter}
.lj-v2 .v2-op-zrodlo{font-size:13.5px;color:var(--mut);margin:24px 0 0}

/* — duża liczba + opis (ciemny pas) — */
.lj-v2 .v3-big{display:grid;grid-template-columns:auto minmax(0,1fr);gap:56px;align-items:center;padding-bottom:64px;margin-bottom:64px;border-bottom:1px solid rgba(255,255,255,.09)}
.lj-v2 .v3-big-n{font:700 clamp(150px,19vw,260px)/.8 "Space Grotesk";letter-spacing:-.06em;filter:drop-shadow(0 0 50px rgba(198,244,50,.25))}
.lj-v2 .v3-big h2{font-size:clamp(30px,3.4vw,46px);line-height:1.08;margin:0 0 14px}
.lj-v2 .v3-big p{font-size:17.5px;line-height:1.6;color:var(--t2);margin:0 0 22px;max-width:640px}

/* — jak to działa: kroki w szklanych kartach — */
.lj-v2 .v2-kroki{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:k}
.lj-v2 .v2-kroki li{position:relative;padding:24px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)}
.lj-v2 .v2-kroki li:before{counter-increment:k;content:"0" counter(k);display:block;font:600 13px "Space Grotesk";letter-spacing:.08em;color:var(--lime);margin-bottom:28px}
.lj-v2 .v2-kroki li:after{content:"";position:absolute;top:31px;left:56px;right:24px;height:1px;background:linear-gradient(90deg,rgba(198,244,50,.6),transparent)}
.lj-v2 .v2-kroki b{display:block;font:700 20px "Space Grotesk";margin-bottom:8px;color:#fff}.lj-v2 .v2-kroki span{display:block;color:var(--t2);font-size:15px;line-height:1.55}
.lj-v2 .v2-metoda{margin-top:28px;border-radius:18px;padding:4px 22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.lj-v2 .v2-metoda summary{font:600 17px Inter;cursor:pointer;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:16px;color:#fff}
.lj-v2 .v2-metoda summary::-webkit-details-marker{display:none}.lj-v2 .v2-metoda summary:after{content:"+";font:400 26px/1 Inter;color:var(--lime)}
.lj-v2 .v2-metoda[open] summary:after{content:"–"}
.lj-v2 .v2-metoda ul{margin:0 0 18px}.lj-v2 .v2-metoda li{padding:6px 0 6px 18px;position:relative;font-size:15.5px;line-height:1.6;color:var(--t2)}.lj-v2 .v2-metoda li b{color:#fff}
.lj-v2 .v2-metoda li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;border-radius:50%;background:var(--lime)}

/* — case: wyzwanie → co zrobiliśmy → wynik + wykres — */
.lj-v2 .v2-case-kroki{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}
.lj-v2 .v2-case-kroki li{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}
.lj-v2 .v2-case-kroki small{display:block;font:600 12px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.lj-v2 .v2-case-kroki b{display:block;font:700 19px/1.3 "Space Grotesk";margin-bottom:8px;color:var(--ink)}
.lj-v2 .v2-case-kroki span{display:block;font-size:15.5px;line-height:1.55;color:var(--ink2)}
.lj-v2 .v2-case-kroki li.v2-wyn{background:radial-gradient(400px 220px at 100% 0,rgba(198,244,50,.18),transparent 60%),linear-gradient(150deg,#071233,#0c1a44);border:0;box-shadow:0 30px 70px rgba(6,18,46,.3)}
.lj-v2 .v2-case-kroki li.v2-wyn small{color:var(--lime)}.lj-v2 .v2-case-kroki li.v2-wyn span{color:#c4cee3}
.lj-v2 .v2-case-kroki .v2-big{font:700 46px/1 "Space Grotesk";color:#fff;letter-spacing:-.04em;margin:2px 0 10px}
.lj-v2 .v2-case-kroki .v2-big em{font-style:normal;color:var(--lime)}
.lj-v2 .v2-wykres{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--sh)}
.lj-v2 .v2-wykres img{width:100%;height:auto;display:block}
.lj-v2 .v2-wykres figcaption{font-size:13px;line-height:1.55;color:var(--mut);margin:12px 4px 0}

/* — kto przygotowuje (drugie zdjęcie) — */
.lj-v2 .v2-bio-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:center}
.lj-v2 .v2-bio-foto{margin:0;position:relative;z-index:0;max-width:460px}
.lj-v2 .v2-bio-foto:before{content:"";position:absolute;left:-22px;bottom:-22px;width:70%;height:70%;border-radius:30px;background:var(--lime);z-index:-1}
.lj-v2 .v2-bio-foto img{width:100%;height:auto;display:block;border-radius:30px;box-shadow:var(--sh)}
.lj-v2 .v2-fakty{margin:22px 0}
.lj-v2 .v2-fakty li{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.lj-v2 .v2-fakty .ico{margin:0}.lj-v2 .v2-fakty b{display:block;font:700 20px/1.25 "Space Grotesk";color:var(--ink)}.lj-v2 .v2-fakty span{color:var(--mut);font-size:15px}
.lj-v2 .v2-adres{font-size:14.5px;color:var(--mut);margin:0}

/* — co dostajesz: siatka bento z numerami — */
.lj-v2 .v3-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lj-v2 .v3-bento>div{padding:28px;border-radius:22px;background:#fff;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.lj-v2 .v3-bento>div:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(6,18,46,.08)}
.lj-v2 .v3-bento .n{display:flex;align-items:center;gap:8px;font:600 13px "Space Grotesk";letter-spacing:.08em;color:var(--mut);margin-bottom:18px}
.lj-v2 .v3-bento .n:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,#0b6fd6);box-shadow:0 0 0 4px color-mix(in srgb,var(--c,#0b6fd6) 18%,transparent)}
.lj-v2 .v3-bento h3{font-size:20px;line-height:1.3;margin:0 0 10px}.lj-v2 .v3-bento p{margin:0;color:var(--mut);font-size:15.5px;line-height:1.6}
.lj-v2 .v3-bento .v3-wide{grid-column:span 2;background:radial-gradient(500px 260px at 100% 0,rgba(25,167,238,.3),transparent 60%),linear-gradient(150deg,#071233,#0c1a44);border:0;color:var(--t1)}
.lj-v2 .v3-bento .v3-wide h3{color:#fff;font-size:26px}.lj-v2 .v3-bento .v3-wide p{color:var(--t2)}.lj-v2 .v3-bento .v3-wide .n{color:var(--t3)}

/* — LP2: lista poprawek jako aplikacja, 9 obszarów, pakiety — */
.lj-v2 .v2-lista{background:linear-gradient(180deg,#0e1a40,#081230);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;color:var(--t1);transform:rotateY(9deg) rotateX(4deg);transform-origin:right center;box-shadow:-30px 50px 100px rgba(6,18,46,.35),0 0 80px rgba(25,167,238,.18);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lj-v2 .v3-scena:hover .v2-lista{transform:rotateY(3deg) rotateX(1deg)}
.lj-v2 .v2-lista-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12.5px;color:var(--t3)}
.lj-v2 .v2-lista-head b{color:#fff}
.lj-v2 .v2-lista ol{padding:10px}
.lj-v2 .v2-lista ol li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:16px;border-radius:14px;margin-bottom:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.lj-v2 .v2-lista ol li:last-child{margin-bottom:0}
.lj-v2 .v2-tag{display:inline-block;font:600 11.5px Inter;background:rgba(25,167,238,.16);color:#8fd6ff;border-radius:999px;padding:3px 10px;margin:0 6px 4px 0}
.lj-v2 .v2-gdzie{font-size:12.5px;color:var(--t3)}
.lj-v2 .v2-przed,.lj-v2 .v2-po{display:block;padding:7px 11px;border-radius:9px;font-size:14px;line-height:1.45;margin:6px 0 0}
.lj-v2 .v2-przed{background:rgba(255,107,107,.1);color:#ffb3b3;text-decoration:line-through;text-decoration-color:rgba(255,107,107,.6)}
.lj-v2 .v2-po{background:rgba(198,244,50,.1);color:#effccc;box-shadow:inset 3px 0 0 var(--lime)}
.lj-v2 .v2-dlaczego{display:block;font-size:12.5px;color:var(--t3);margin-top:8px;line-height:1.5}
.lj-v2 .v3-foto-wynik .v2-tag{margin-bottom:6px}.lj-v2 .v3-foto-wynik b.t{display:block;font:700 15px/1.3 "Space Grotesk";color:#fff;margin:2px 0 6px}.lj-v2 .v3-foto-wynik p{margin:0;font-size:12px;color:var(--t3)}
.lj-v2 .v2-obszary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lj-v2 .v2-obszary li{position:relative;padding:20px 20px 20px 54px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)}
.lj-v2 .v2-obszary li:before{content:"";position:absolute;left:18px;top:22px;width:22px;height:22px;border-radius:50%;background:rgba(198,244,50,.16);box-shadow:inset 0 0 0 1.5px var(--lime)}
.lj-v2 .v2-obszary li:after{content:"";position:absolute;left:26px;top:27px;width:6px;height:10px;border-right:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(45deg)}
.lj-v2 .v2-obszary b{display:block;font:700 17px "Space Grotesk";color:#fff;margin-bottom:4px}.lj-v2 .v2-obszary span{font-size:14.5px;color:var(--t2);line-height:1.5}
.lj-v2 .v2-pakiety{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px}
.lj-v2 .v2-pak{display:flex;flex-direction:column;gap:10px;padding:32px;border-radius:24px}
.lj-v2 .v2-pak.v2-pak-free{border:0;background:radial-gradient(420px 240px at 100% 0,rgba(198,244,50,.2),transparent 60%),linear-gradient(150deg,#071233,#0c1a44);color:var(--t1);box-shadow:0 30px 70px rgba(6,18,46,.3)}
.lj-v2 .v2-pak.v2-pak-free h3,.lj-v2 .v2-pak.v2-pak-free .cena{color:#fff}.lj-v2 .v2-pak.v2-pak-free .cena small{color:var(--t2)}.lj-v2 .v2-pak.v2-pak-free ul.check li{color:var(--t1)}
.lj-v2 .v2-pak .cena{font:700 30px "Space Grotesk";color:var(--ink)}.lj-v2 .v2-pak .cena small{font:500 14px Inter;color:var(--mut)}
.lj-v2 .v2-pak ul.check{margin:4px 0 10px;flex:1}.lj-v2 .v2-pak ul.check li{font-size:15.5px}
.lj-v2 .v2-pak .btn{justify-content:center}.lj-v2 .v2-pak p{margin:0}

/* — LP3 B2B: „Jak kupują firmy B2B” (liczby ze źródłem) + przykładowe pytania jako dymki — */
.lj-v2 .v3-kupowanie{background:#fff}
.lj-v2 .v3-kup{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}
.lj-v2 .v3-kup>div{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(6,18,46,.05)}
.lj-v2 .v3-kup b.n{display:block;font:700 60px/1 "Space Grotesk";letter-spacing:-.05em;margin-bottom:14px;background:linear-gradient(90deg,#0b6fd6,#19a7ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.lj-v2 .v3-kup p{margin:0 0 14px;flex:1;color:var(--ink2);font-size:16px;line-height:1.55}
.lj-v2 .v3-kup .zr{font-size:12.5px;line-height:1.45;color:var(--mut)}.lj-v2 .v3-kup .zr a{color:var(--acc)}
.lj-v2 .v3-pytania{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center;padding:34px;border-radius:26px;color:var(--t1);background:radial-gradient(500px 260px at 100% 0,rgba(25,167,238,.3),transparent 60%),radial-gradient(400px 220px at 0 100%,rgba(198,244,50,.12),transparent 60%),linear-gradient(150deg,#071233,#0c1a44);box-shadow:0 30px 70px rgba(6,18,46,.25)}
.lj-v2 .v3-pytania h3{color:#fff;font-size:26px;line-height:1.2;margin:16px 0 10px}.lj-v2 .v3-pytania p{color:var(--t2);margin:0;font-size:15.5px;line-height:1.6}
.lj-v2 .v3-pytania li{display:flex;gap:12px;align-items:center;margin:0 0 10px;padding:13px 16px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:15.5px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lj-v2 .v3-pytania li:nth-child(even){margin-left:28px}.lj-v2 .v3-pytania li:last-child{margin-bottom:0}
.lj-v2 .v3-pytania li span{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--lime-ink);font:700 14px "Space Grotesk"}
.lj-v2 .v3-kup-note{font-size:12.5px;color:var(--mut);margin:16px 0 0}
@media (max-width:900px){.lj-v2 .v3-kup{grid-template-columns:1fr}.lj-v2 .v3-kup b.n{font-size:48px}.lj-v2 .v3-pytania{grid-template-columns:minmax(0,1fr);padding:22px;gap:20px}.lj-v2 .v3-pytania li:nth-child(even){margin-left:14px}}

/* — FAQ — */
.lj-v2 .v2-faq{max-width:880px}
.lj-v2 .v2-faq h2{font-size:clamp(32px,3.6vw,46px);margin-bottom:24px}
.lj-v2 .v2-faq details{border-bottom:1px solid var(--line);padding:20px 0}
.lj-v2 .v2-faq summary::-webkit-details-marker{display:none}
.lj-v2 .v2-faq details p{font-size:16.5px;line-height:1.65}

/* — końcowe CTA — */
.lj-v2 .v2-cta{text-align:center}.lj-v2 .v2-cta h2{font-size:clamp(34px,4.4vw,60px);line-height:1.04}
.lj-v2 .v2-cta .lj-pkt{color:var(--t2)}
.lj-v2 .v2-mini{display:flex;gap:8px;max-width:600px;margin:6px auto 18px;padding:8px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px rgba(25,167,238,.15)}
.lj-v2 .v2-mini input,.lj-v2 .v2-mini input:focus{flex:1;min-width:0;border:0;background:transparent;font:16px Inter;padding:0 14px;color:#fff;outline:0}
.lj-v2 .v2-mini input::placeholder{color:#8d9bba}
.lj-v2 .v2-mini .btn{white-space:nowrap}
.lj-v2 .v2-cta-kto{display:inline-flex;gap:10px;align-items:center;font-size:14px;color:var(--t2);margin:6px 0 0}
.lj-v2 .v2-cta-kto img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--lime)}
.lj-v2 .v2-cta .lj-ps{max-width:620px;margin:22px auto 0;font-style:italic;color:#8d9bba}
.lj-v2 .v2-tm-dol{padding:20px 0 26px;text-align:center;font-size:12.5px;line-height:1.5;color:var(--mut);background:#fff}.lj-v2 .v2-tm-dol p{margin:0 auto;max-width:880px;padding:0 20px}

/* przyklejony pasek na telefonie chowa się, gdy formularz jest w widoku */
.lj-sticky{transition:transform .25s}body.v2-form-widac .lj-sticky{transform:translateY(120%)}

@media (max-width:1100px){.lj-v2 .v3-hero-grid,.lj-v2 .v3-ekspert-grid{gap:40px}.lj-v2 .v3-foto-wynik{right:-10px}.lj-v2 .v3-liczby{grid-template-columns:repeat(2,1fr)}.lj-v2 .v2-kroki{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
.lj-v2 section{padding:64px 0}.lj-v2 .sec-head{margin-bottom:30px}.lj-v2 .sec-head p{font-size:16.5px}
.lj-v2 .v3-hero{padding:18px 0 56px}.lj-v2 .v3-hero-grid{grid-template-columns:minmax(0,1fr);gap:22px}
.lj-v2 .v3-tag{font-size:11px;padding:5px 11px 5px 7px;letter-spacing:.04em}
.lj-v2 .v3-hero h1{font-size:36px;margin:14px 0 12px}.lj-v2 .v3-hero .lead{font-size:16.5px;margin:0 0 14px}
.lj-v2 .v2-ai,.lj-v2 .v2-ai ul{gap:6px}.lj-v2 .v2-ai-l{width:100%;font-size:12px}.lj-v2 .v2-ai li{font-size:13px;padding:3px 11px 3px 3px;gap:6px}.lj-v2 .v2-ai-ic{width:24px;height:24px}
.lj-v2 .v3-hero ul.check{margin:12px 0 0}.lj-v2 .v3-hero ul.check li{font-size:15px;margin:5px 0}.lj-v2 .v3-kto{display:none}
.lj-v2 #formularz{max-width:none}.lj-v2 #formularz:before{inset:-20px -10px}
.lj-v2 .v2-form-head{padding:16px 18px 0}.lj-v2 .v2-form-head b{font-size:17px}.lj-v2 .v3-form .lj-audyt-form{padding:14px 18px 20px}
.lj-v2 .v3-ekspert{padding-top:8px}.lj-v2 .v3-ekspert-grid,.lj-v2 .v2-raport-grid,.lj-v2 .v2-bio-grid{grid-template-columns:minmax(0,1fr);gap:32px}.lj-v2 .v3-scena{min-width:0}
.lj-v2 .v3-foto{max-width:420px;margin:0 auto}.lj-v2 .v3-foto-wynik{right:-6px;top:16px;width:210px}.lj-v2 .v3-foto-imie{left:14px;bottom:24px}
.lj-v2 .v3-liczby{gap:10px}.lj-v2 .v3-liczby>div{padding:16px}.lj-v2 .v3-liczby b{font-size:34px}
.lj-v2 .v2-okno,.lj-v2 .v2-lista,.lj-v2 .v3-scena:hover .v2-okno,.lj-v2 .v3-scena:hover .v2-lista{transform:none}
.lj-v2 .v2-r{padding:16px}.lj-v2 .v3-gauges{grid-template-columns:1fr;gap:8px}.lj-v2 .v3-ring{width:56px;height:56px}
.lj-v2 .v3-bar{grid-template-columns:110px 1fr 28px;gap:8px;font-size:12.5px;padding:5px 6px}
.lj-v2 .v2-opinie-grid{grid-template-columns:1fr}
.v2-js .lj-v2 .v2-opinie:not(.v2-all) .v2-op:nth-child(n+4){display:none}.v2-js .lj-v2 .v2-opinie:not(.v2-all) .v2-wiecej{display:flex}
.lj-v2 .v3-big{grid-template-columns:1fr;gap:12px;padding-bottom:40px;margin-bottom:40px}.lj-v2 .v3-big-n{font-size:150px}
.lj-v2 .v2-kroki{grid-template-columns:1fr}
.lj-v2 .v2-case-kroki{grid-template-columns:1fr}.lj-v2 .v2-wykres{padding:10px}
.lj-v2 .v2-bio-foto{max-width:340px;margin:0 auto}.lj-v2 .v2-bio-foto:before{left:-14px;bottom:-14px}
.lj-v2 .v3-bento{grid-template-columns:1fr}.lj-v2 .v3-bento .v3-wide{grid-column:auto}
.lj-v2 .v2-obszary{grid-template-columns:1fr}.lj-v2 .v2-pakiety{grid-template-columns:1fr}.lj-v2 .v2-pak{padding:24px}
.lj-v2 .v2-mini{flex-direction:column}.lj-v2 .v2-mini input{padding:12px 14px}.lj-v2 .v2-mini .btn{justify-content:center}}
@media (min-width:600px) and (max-width:900px){.lj-v2 .v2-opinie-grid,.lj-v2 .v2-obszary,.lj-v2 .v3-bento{grid-template-columns:1fr 1fr}.lj-v2 .v3-liczby{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){.v2-js .lj-v2 .v2-anim .v3-bar i s{transform:none;transition:none}.lj-v2 .v2-okno,.lj-v2 .v2-lista,.lj-v2 .v2-op,.lj-v2 .v2-adn li,.lj-v2 .v3-bento>div,.lj-sticky{transition:none}}

/* v4 */
.lj-v2 .v3-liczby~.v3-foto-wynik{position:static;margin:22px 0 0;width:auto;max-width:420px}
.lj-v2 .v4-btn-xl{padding:20px 38px;font-size:18px;border-radius:16px;box-shadow:0 14px 44px rgba(198,244,50,.4)}
.lj-v2 .v4-dalej{display:flex;flex-direction:column;gap:14px}
@media (max-width:640px){.lj-v2 .v4-btn-xl{width:100%;justify-content:center;padding:18px 20px}}

/* >>> lj-domena-v4 START (data/linkjuice/redesign-20261027/style-domena.css) */
/* ============ DOMENA v4 (27.10.2026, Wojciech: „ten design jest spoko — wdroż go na całej domenie, granatowo/biały”) ============
   Wygląd LP v4 (granat #040a1c z siatką i poświatą, białe sekcje, limonka #c6f432 na przyciskach, szklane karty, Space Grotesk + Inter)
   przeniesiony na resztę domeny: nagłówek, strona główna, usługi, blog/wpisy, strony formalne, stopka.
   Zakres: WYŁĄCZNIE body.lj:not(.lj-lp) — strony /lp/ mają własną warstwę .lj-v2 (css-v2.css) i tej nie dotyka żadna reguła stąd.
   Tylko wygląd: bez zmian treści, tytułów, H1, linków. Bez zewnętrznych zasobów (czcionki lokalne z motywu).
   Kontrast: limonka tylko jako tło (z ciemnym tekstem) albo jako tekst na granacie; na białym nigdy jako kolor tekstu. */

body.lj:not(.lj-lp){--d0:#040a1c;--d1:#071233;--d2:#0c1a44;--t1:#eef2fb;--t2:#b4c0da;--t3:#9eabc8;--g-bg:rgba(255,255,255,.05);--g-bd:rgba(255,255,255,.12);
  --cyan:#19a7ee;--sh:0 30px 80px rgba(6,18,46,.16);--sh-d:0 40px 100px rgba(0,0,0,.5);--txt:#22314f;overflow-x:clip}
body.lj:not(.lj-lp) .site-main{margin-top:0;margin-bottom:0}   /* GeneratePress: 20 px białego paska między ciemnym nagłówkiem a ciemnym hero */
body.lj:not(.lj-lp) h1,body.lj:not(.lj-lp) h2,body.lj:not(.lj-lp) h3{letter-spacing:-.035em}

/* — pasek górny + nagłówek: ciemne, białe logo (inc/header.php), szklane tło — */
body.lj:not(.lj-lp) .lj-topbar{background:#020612;color:var(--t2);border-bottom:1px solid rgba(255,255,255,.06)}
body.lj:not(.lj-lp) .lj-topbar a{color:var(--t1)}
body.lj:not(.lj-lp) header.nav{background:rgba(4,10,28,.94);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body.lj:not(.lj-lp) nav.menu>div>a,body.lj:not(.lj-lp) nav.menu>div>button{color:#dfe6f3}
body.lj:not(.lj-lp) nav.menu>div:hover>a,body.lj:not(.lj-lp) nav.menu>div:hover>button,body.lj:not(.lj-lp) nav.menu>div:focus-within>button{background:rgba(255,255,255,.07);color:#fff}
body.lj:not(.lj-lp) nav.menu>div>a:focus-visible,body.lj:not(.lj-lp) nav.menu>div>button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
body.lj:not(.lj-lp) header.nav .btn.lime{box-shadow:0 0 26px rgba(198,244,50,.32)}
body.lj:not(.lj-lp) .mega-in{background:linear-gradient(180deg,#0d1a42,#081333);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.5)}
body.lj:not(.lj-lp) .mega h5{color:var(--t3)}
body.lj:not(.lj-lp) .mega a{color:var(--t1)}body.lj:not(.lj-lp) .mega a:hover,body.lj:not(.lj-lp) .mega a:focus-visible{background:rgba(255,255,255,.07)}
body.lj:not(.lj-lp) .mega a b{color:#fff}body.lj:not(.lj-lp) .mega a span{color:var(--t2)}
body.lj:not(.lj-lp) .mega .mi{background:rgba(25,167,238,.16);color:#7fd0ff}
body.lj:not(.lj-lp) .mega .feat{background:radial-gradient(300px 180px at 100% 0,rgba(198,244,50,.16),transparent 60%),linear-gradient(160deg,#0b6fd6 -40%,#071233 70%);border:1px solid rgba(255,255,255,.12)}
body.lj:not(.lj-lp) .mega .feat span{color:#d3dcef}
body.lj:not(.lj-lp) .mega .feat a.btn{color:var(--lime-ink)}

/* — przyciski — */
body.lj:not(.lj-lp) .btn{border-radius:14px}
body.lj:not(.lj-lp) .btn.acc,body.lj:not(.lj-lp) .btn.lime{background:var(--lime);color:var(--lime-ink);box-shadow:0 10px 30px rgba(198,244,50,.32)}
body.lj:not(.lj-lp) .btn.acc:hover,body.lj:not(.lj-lp) .btn.lime:hover{background:#b9ea1d;box-shadow:0 14px 40px rgba(198,244,50,.42)}
body.lj:not(.lj-lp) .btn.ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
body.lj:not(.lj-lp) .btn.ghost:hover{border-color:#b9c6dc}
body.lj:not(.lj-lp) .btn.blue{background:linear-gradient(140deg,#0b6fd6,#0a5cc0);color:#fff;box-shadow:0 10px 26px rgba(11,111,214,.28)}
body.lj:not(.lj-lp) .btn:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* — ciemne sekcje: granat + poświata niebieska i limonkowa + siatka 56 px wygaszana maską (jak .v3-dark w LP) — */
body.lj:not(.lj-lp) .entry-content>.hero,body.lj:not(.lj-lp) .entry-content>.svc-hero,body.lj:not(.lj-lp) .entry-content>.dark,
body.lj:not(.lj-lp) .entry-content>.lj-liczby,body.lj:not(.lj-lp) .lj-blog-head,body.lj:not(.lj-lp).single-post .entry-header,
body.lj:not(.lj-lp) .cta,body.lj:not(.lj-lp) footer.lj-foot{
  background:radial-gradient(900px 520px at 12% -12%,rgba(11,111,214,.40),transparent 62%),radial-gradient(700px 460px at 100% 0,rgba(198,244,50,.09),transparent 60%),var(--d0);
  background-color:var(--d0);color:var(--t1);position:relative;isolation:isolate;border:0}
body.lj:not(.lj-lp) .entry-content>.hero:before,body.lj:not(.lj-lp) .entry-content>.svc-hero:before,body.lj:not(.lj-lp) .entry-content>.dark:before,
body.lj:not(.lj-lp) .lj-blog-head:before,body.lj:not(.lj-lp).single-post .entry-header:before,body.lj:not(.lj-lp) .cta:before,body.lj:not(.lj-lp) footer.lj-foot:before{
  content:"";position:absolute;inset:0;height:auto;z-index:-1;pointer-events:none;filter:none;opacity:1;border-radius:inherit;
  background:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 0,#000 20%,transparent 75%)}
body.lj:not(.lj-lp) footer.lj-foot:before{-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 100%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 70% 60% at 50% 100%,#000 10%,transparent 70%)}
/* typografia w ciemnych sekcjach */
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.dark,.lj-liczby,.lj-blog-head,.cta,.inline-cta,.lj-side-box,.lj-m-cta) :is(h1,h2,h3,h4){color:#fff}
body.lj:not(.lj-lp).single-post .entry-header .entry-title{color:#fff}
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.dark,.lj-blog-head,.cta,.inline-cta) :is(p,.lead,.mut,li){color:var(--t2)}
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.dark,.lj-blog-head,.cta,.inline-cta) :is(.small,.meta-row,.crumb){color:var(--t3)}
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.dark,.lj-blog-head,.cta,.inline-cta) b{color:#fff}
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.dark,.lj-blog-head,.cta,.inline-cta) ul.check li{color:var(--t1)}
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.dark,.lj-blog-head,.cta,.inline-cta,.lj-liczby) .eyebrow{color:var(--cyan)}
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.dark,.lj-blog-head,.cta,.inline-cta) a:not(.btn){color:#fff;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.dark,.cta,.inline-cta) .btn.ghost{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.24);color:#fff}
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.dark,.cta,.inline-cta) .btn.ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}
body.lj:not(.lj-lp) :is(.hero,.svc-hero,.lj-blog-head) h1 em{font-style:normal;background:linear-gradient(92deg,#c6f432 0%,#7fe3ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* — hero (główna, kontakt, cennik, o nas, opinie, jak pracujemy, audyt AI) — */
body.lj:not(.lj-lp) .entry-content>.hero{padding:84px 0 92px;overflow:clip}
body.lj:not(.lj-lp) .entry-content>.hero>.wrap,body.lj:not(.lj-lp) .entry-content>.svc-hero>.wrap,body.lj:not(.lj-lp) .entry-content>.dark>.wrap{position:relative;z-index:1}
body.lj:not(.lj-lp) .hero h1{font-size:clamp(40px,5.2vw,70px);line-height:1.02;margin:16px 0 20px}
body.lj:not(.lj-lp) .hero .lead{font-size:19.5px;line-height:1.6;max-width:600px}
body.lj:not(.lj-lp) .hero .crumb{margin-bottom:6px}
body.lj:not(.lj-lp) .hero-grid{gap:64px;align-items:start}   /* wyższy formularz (lj-audyt 0.8, pole Telefon) nie spycha H1 w dół — jak .lj-lp .hero-grid */
/* formularz domeny (hero, CTA): szkło */
body.lj:not(.lj-lp) :is(.hero,.cta,.dark) .audit{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 80px rgba(0,0,0,.4),0 0 60px rgba(25,167,238,.14)}
body.lj:not(.lj-lp) :is(.hero,.cta,.dark) .audit input{color:#fff}
body.lj:not(.lj-lp) :is(.hero,.cta,.dark) .audit input::placeholder{color:#8d9bba}
body.lj:not(.lj-lp) .audit input:focus{outline:0}
body.lj:not(.lj-lp) .audit:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px rgba(198,244,50,.18),0 30px 80px rgba(0,0,0,.35)}
body.lj:not(.lj-lp) .hero .engines span{background:var(--g-bg);border:1px solid var(--g-bd);color:var(--t1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* szklane karty w ciemnych sekcjach */
body.lj:not(.lj-lp) :is(.hero,.dark) .card,body.lj:not(.lj-lp) .svc-hero .tldr{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);border-radius:22px;color:var(--t1);box-shadow:0 30px 70px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body.lj:not(.lj-lp) :is(.hero,.dark) .card:hover{transform:none}
body.lj:not(.lj-lp) .svc-hero .tldr h4{color:var(--lime)}
body.lj:not(.lj-lp) .svc-hero .tldr li{font-size:15px;line-height:1.5}
/* ilustracja odpowiedzi AI na głównej: ciemne okno aplikacji */
body.lj:not(.lj-lp) .hero .answer{background:linear-gradient(180deg,#0e1a40,#081230);border:1px solid rgba(255,255,255,.12);color:var(--t1);box-shadow:-20px 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(11,111,214,.15),0 0 80px rgba(25,167,238,.18)}
body.lj:not(.lj-lp) .hero .answer .bar i{background:#ff5f57}body.lj:not(.lj-lp) .hero .answer .bar i+i{background:#febc2e}body.lj:not(.lj-lp) .hero .answer .bar i+i+i{background:#28c840}
body.lj:not(.lj-lp) .hero .answer .q{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff}
body.lj:not(.lj-lp) .hero .answer .a p{color:var(--t1)}
body.lj:not(.lj-lp) .hero .answer .tag{background:rgba(255,255,255,.06);color:var(--t2)}
body.lj:not(.lj-lp) .hero .answer .hl{background:rgba(198,244,50,.14);color:var(--lime);border-radius:4px;padding:0 4px}
body.lj:not(.lj-lp) .hero .cite{border-color:rgba(255,255,255,.16);color:var(--t2)}
body.lj:not(.lj-lp) .hero .cite.you{border-color:var(--lime);color:var(--lime);box-shadow:0 0 14px rgba(198,244,50,.25)}
body.lj:not(.lj-lp) .hero .float{background:rgba(10,20,52,.78);border:1px solid rgba(255,255,255,.14);color:var(--t2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.45)}
body.lj:not(.lj-lp) .hero .float b{color:var(--lime)}
body.lj:not(.lj-lp) .hero .f1{bottom:-40px}
/* formularz bezpłatnego audytu w hero (/audyt-widocznosci-w-ai/) — ten sam wygląd co karta formularza LP */
body.lj:not(.lj-lp) .hero .lj-audyt-form.card{position:relative;background:linear-gradient(180deg,rgba(17,30,70,.94),rgba(8,16,42,.96));border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:26px;box-shadow:var(--sh-d),0 0 80px rgba(11,111,214,.25)}
body.lj:not(.lj-lp) .hero .lj-audyt-form label{color:#fff}
body.lj:not(.lj-lp) .hero .lj-audyt-form input:not([type=checkbox]){background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:12px}
body.lj:not(.lj-lp) .hero .lj-audyt-form input:not([type=checkbox]):focus{outline:0;border-color:var(--lime);box-shadow:0 0 0 3px rgba(198,244,50,.18)}
body.lj:not(.lj-lp) .hero .lj-audyt-form input::placeholder{color:#8593b5}
body.lj:not(.lj-lp) .hero .lj-audyt-form input[type=checkbox]{accent-color:#c6f432;width:16px;height:16px}
body.lj:not(.lj-lp) .hero .lj-audyt-form :is(.mut,.small,p){color:var(--t3)}
body.lj:not(.lj-lp) .hero .lj-audyt-form .lj-zgoda,body.lj:not(.lj-lp) .hero .lj-audyt-form .lj-zgoda span{color:#d5dcec}
body.lj:not(.lj-lp) .hero .lj-audyt-form a{color:var(--lime)}
body.lj:not(.lj-lp) .hero .lj-audyt-form .btn{width:100%;justify-content:center;padding:16px 20px;font-size:17px}
body.lj:not(.lj-lp) .hero .lj-audyt-form .lj-audyt-msg.ok{background:rgba(18,161,80,.18);color:#9ff0c2}
body.lj:not(.lj-lp) .hero .lj-audyt-form .lj-audyt-msg.err{background:rgba(220,38,38,.18);color:#ffb4b4}
body.lj:not(.lj-lp) .hero .lj-bio p{color:var(--t2)}
body.lj:not(.lj-lp) .hero .lj-bio img{box-shadow:0 0 0 2px var(--lime)}

/* — hero stron usług (i Słownika GEO) — */
body.lj:not(.lj-lp) .entry-content>.svc-hero{padding:64px 0 76px;border:0}
body.lj:not(.lj-lp) .svc-hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.04;margin:14px 0 18px}
body.lj:not(.lj-lp) .svc-hero .lead{font-size:19px;line-height:1.6;max-width:640px}
body.lj:not(.lj-lp) .svc-hero .crumb{margin-bottom:26px}
body.lj:not(.lj-lp) .svc-hero .meta-row{border-top:1px solid rgba(255,255,255,.09);padding-top:18px;margin-top:26px}
body.lj:not(.lj-lp) .svc-hero .grid{gap:56px;align-items:center}

/* — sekcje jasne — */
body.lj:not(.lj-lp) .entry-content>section{padding:92px 0}
body.lj:not(.lj-lp) .entry-content>section.soft,body.lj:not(.lj-lp) .entry-content>section.lj-opinie{background:radial-gradient(900px 500px at 75% 20%,#e6efff,transparent 65%),#f4f7fc!important}   /* !important: część sekcji ma style="background:var(--soft)" w treści */
body.lj:not(.lj-lp) .sec-head{max-width:780px;margin-bottom:44px}
body.lj:not(.lj-lp) .sec-head h2{font-size:clamp(30px,3.6vw,48px);line-height:1.06}
body.lj:not(.lj-lp) .sec-head p{font-size:18px;line-height:1.6;margin:0}
body.lj:not(.lj-lp) .eyebrow{font-size:12.5px;letter-spacing:.12em}
/* karty */
body.lj:not(.lj-lp) .card{border-radius:22px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(6,18,46,.05);transition:transform .2s,box-shadow .2s}
body.lj:not(.lj-lp) a.card:hover,body.lj:not(.lj-lp) a.card:focus-visible{transform:translateY(-3px);box-shadow:0 22px 50px rgba(6,18,46,.11)}
body.lj:not(.lj-lp) .card:not(a):hover{transform:none}
body.lj:not(.lj-lp) .ico{width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,#0b6fd6,#1683dc);color:#fff;box-shadow:0 8px 20px rgba(11,111,214,.3)}
body.lj:not(.lj-lp) .card h3{font-size:20px;line-height:1.3}
body.lj:not(.lj-lp) .card.big{background:radial-gradient(500px 260px at 100% 0,rgba(25,167,238,.3),transparent 60%),radial-gradient(400px 220px at 0 100%,rgba(198,244,50,.1),transparent 60%),linear-gradient(150deg,var(--d1),var(--d2));box-shadow:0 30px 70px rgba(6,18,46,.28)}
body.lj:not(.lj-lp) .card.big .mut{color:var(--t2)}
body.lj:not(.lj-lp) .card.big .ico{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:var(--lime)}
body.lj:not(.lj-lp) .card.big .more{color:var(--lime)!important}   /* treść ma style="color:var(--acc)" — niebieski na granacie ma za niski kontrast */
body.lj:not(.lj-lp) .card a.more,body.lj:not(.lj-lp) .card .more{color:var(--acc)}
body.lj:not(.lj-lp) .card.post .thumb{background:radial-gradient(160px 100px at 80% 10%,rgba(25,167,238,.35),transparent 70%),linear-gradient(150deg,var(--d1),var(--d2));border:0;color:var(--lime)}
body.lj:not(.lj-lp) .card.post b{display:block;margin-top:10px;line-height:1.35}
body.lj:not(.lj-lp) .lj-proof{background:#fff;padding:34px 0;border-color:var(--line)}
body.lj:not(.lj-lp) .lj-proof b{font-size:40px;background:linear-gradient(90deg,#0b6fd6,#19a7ee);-webkit-background-clip:text;background-clip:text;color:transparent}
/* schemat „jak AI wybiera źródła” */
body.lj:not(.lj-lp) .flow li{border-radius:20px;box-shadow:0 10px 30px rgba(6,18,46,.05)}
body.lj:not(.lj-lp) .flow li:last-child{background:radial-gradient(300px 160px at 100% 0,rgba(198,244,50,.18),transparent 60%),linear-gradient(150deg,var(--d1),var(--d2));box-shadow:0 30px 70px rgba(6,18,46,.28)}
body.lj:not(.lj-lp) .flow li:last-child .us{background:var(--lime);color:var(--lime-ink)}
body.lj:not(.lj-lp) .steps .card:before{color:var(--acc);letter-spacing:.08em}
/* tabela porównawcza */
body.lj:not(.lj-lp) table.cmp{border-radius:20px;box-shadow:0 14px 40px rgba(6,18,46,.07)}
/* sekcja ciemna „Share of voice” */
body.lj:not(.lj-lp) .dark .metric div{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
body.lj:not(.lj-lp) .dark .metric span{color:var(--t2)}
body.lj:not(.lj-lp) .dark .sov i{background:linear-gradient(90deg,#2f6fe0,var(--cyan))}
body.lj:not(.lj-lp) .dark .sov .you i{background:var(--lime);box-shadow:0 0 14px rgba(198,244,50,.7)}
body.lj:not(.lj-lp) .dark .sov .row span{color:var(--t1)}
body.lj:not(.lj-lp) .dark .card .small{color:var(--t3)!important}
/* liczby (O nas) */
body.lj:not(.lj-lp) .entry-content>.lj-liczby{padding:44px 0}
body.lj:not(.lj-lp) .lj-liczby .num{padding:20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1)}
body.lj:not(.lj-lp) .lj-liczby .num b{color:var(--lime);font-size:44px;letter-spacing:-.04em;text-shadow:0 0 30px rgba(198,244,50,.3)}
body.lj:not(.lj-lp) .lj-liczby .num span{color:var(--t2)}
/* założyciel */
body.lj:not(.lj-lp) .lj-founder>.wrap>div{position:relative;overflow:hidden;background:radial-gradient(600px 300px at 100% 0,#e6efff,transparent 65%),#fff;border:1px solid var(--line);border-radius:28px;padding:48px 52px;box-shadow:var(--sh)}
body.lj:not(.lj-lp) .lj-founder>.wrap>div:before{content:"";position:absolute;left:0;top:48px;bottom:48px;width:4px;border-radius:0 4px 4px 0;background:var(--lime)}
body.lj:not(.lj-lp) .lj-founder .lead{max-width:760px}
body.lj:not(.lj-lp) .lj-founder p.mut{max-width:760px}
/* opinie: karty jak w LP */
body.lj:not(.lj-lp) .lj-case,body.lj:not(.lj-lp) .quote{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 10px 30px rgba(6,18,46,.05)}
body.lj:not(.lj-lp) .lj-case blockquote p,body.lj:not(.lj-lp) .quote blockquote{font-size:15.5px;line-height:1.62;color:var(--ink2)}
body.lj:not(.lj-lp) .lj-case blockquote p:before,body.lj:not(.lj-lp) .quote blockquote:before{font-size:54px;background:linear-gradient(90deg,#0b6fd6,#19a7ee);-webkit-background-clip:text;background-clip:text;color:transparent}
body.lj:not(.lj-lp) .av,body.lj:not(.lj-lp) .quote .av{background:linear-gradient(140deg,#0b6fd6,#0a58b8);color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}
body.lj:not(.lj-lp) .lj-case footer,body.lj:not(.lj-lp) .quote figcaption{border-top:1px solid var(--line);padding-top:14px}
body.lj:not(.lj-lp) .quote blockquote{border:0;padding:0;margin:0 0 16px;font-style:normal}
body.lj:not(.lj-lp) .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.lj:not(.lj-lp) .quote figcaption{margin-top:auto}
body.lj:not(.lj-lp) .lj-klienci{background:#fff}
body.lj:not(.lj-lp) .lj-klienci .logos span{color:#7a869f}
/* cennik: wyróżniony model jako ciemna karta */
body.lj:not(.lj-lp) .price .card{padding:30px}
body.lj:not(.lj-lp) .price .card.feat{border:0;background:radial-gradient(420px 240px at 100% 0,rgba(198,244,50,.18),transparent 60%),linear-gradient(150deg,var(--d1),var(--d2));color:var(--t1);box-shadow:0 30px 70px rgba(6,18,46,.3)}
body.lj:not(.lj-lp) .price .card.feat h3{color:#fff}body.lj:not(.lj-lp) .price .card.feat .mut{color:var(--t2)}body.lj:not(.lj-lp) .price .card.feat ul.check li{color:var(--t1)}
body.lj:not(.lj-lp) .price .card.feat .ico{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:var(--lime)}
/* FAQ */
body.lj:not(.lj-lp) .faq details{padding:20px 0}
body.lj:not(.lj-lp) .faq summary{font-size:17.5px}
body.lj:not(.lj-lp) .faq summary::-webkit-details-marker{display:none}
body.lj:not(.lj-lp) .faq details p{font-size:16.5px;line-height:1.65}

/* — końcowe CTA i CTA w treści — */
body.lj:not(.lj-lp) .cta{border-radius:30px;padding:56px;box-shadow:0 40px 100px rgba(6,18,46,.28);overflow:hidden}
body.lj:not(.lj-lp) .cta h2{font-size:clamp(30px,3.4vw,46px);line-height:1.06}
body.lj:not(.lj-lp) .cta>*{position:relative;z-index:1}
body.lj:not(.lj-lp) .cta .audit{background:rgba(255,255,255,.06)}
body.lj:not(.lj-lp) .inline-cta{position:relative;overflow:hidden;background:radial-gradient(420px 220px at 100% 0,rgba(198,244,50,.16),transparent 60%),radial-gradient(500px 260px at 0 0,rgba(11,111,214,.38),transparent 60%),var(--d0);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;box-shadow:0 30px 70px rgba(6,18,46,.25)}
body.lj:not(.lj-lp) .inline-cta p{color:var(--t2)}

/* — strona usługi: spis treści + kolumna czytelna + przyklejony panel — */
body.lj:not(.lj-lp) .entry-content>.wrap.svc-body{padding:72px 20px 80px;grid-template-columns:230px minmax(0,740px) 300px;gap:52px}
body.lj:not(.lj-lp) .toc{border-left:2px solid var(--line)}
body.lj:not(.lj-lp) .toc a{color:#3a4866;border-left:2px solid transparent;margin-left:-18px;padding:6px 0 6px 16px}
body.lj:not(.lj-lp) .toc a:hover{color:var(--acc)}
body.lj:not(.lj-lp) .toc a.on{color:var(--acc);border-left-color:var(--acc)}
body.lj:not(.lj-lp) .toc .cta-mini{background:#f4f7fc;border:1px solid var(--line)}
/* treść czytelna: usługi, wpisy, strony formalne, FAQ cennika */
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article){overflow-wrap:break-word}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) :is(p,li){font-size:18px;line-height:1.75;color:var(--txt)}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) :is(strong,b){color:var(--ink)}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:60px 0 18px;color:var(--ink)}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main) > h2:first-child{margin-top:0}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) h3{font-size:21px;line-height:1.3;margin:36px 0 12px;color:var(--ink)}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) :is(ul,ol){padding-left:24px;margin:0 0 1.4em}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) li{margin:6px 0;padding-left:4px}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) ul:not(.check) li::marker{color:var(--acc)}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) ol li::marker{color:var(--acc);font-weight:700}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) a:not(.btn){color:var(--acc);text-decoration:underline;text-decoration-color:rgba(11,111,214,.35);text-underline-offset:3px}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) a:not(.btn):hover{text-decoration-color:var(--acc)}
body.lj:not(.lj-lp) .svc-article>p:first-child,body.lj:not(.lj-lp) .lj-post-main>p:first-child{font-size:19.5px;line-height:1.7;color:var(--ink)}
/* lista źródeł na końcu treści (jedyna lista numerowana w treściach z generatora): drobniej, długie adresy łamane */
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main) > :is(h2#zrodla + ol,ol:last-child) li{font-size:14.5px;line-height:1.6;color:#4c5a76;overflow-wrap:anywhere}
/* tabele w treści */
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:15px;margin:24px 0 28px;box-shadow:0 10px 30px rgba(6,18,46,.05)}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) :is(th,td){padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.55}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) th{background:#f4f7fc;font:600 13px/1.4 Inter,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#4c5a76}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) tr:last-child td{border-bottom:0}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) td:first-child{font-weight:600;color:var(--ink)}
/* ciemne wstawki wewnątrz kolumny treści (CTA w połowie, CTA na telefonie) — nadpisują kolory typografii treści */
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main) :is(.inline-cta,.lj-m-cta) :is(h3,b,strong){color:#fff}
body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main) :is(.inline-cta,.lj-m-cta) p{color:var(--t2)}
/* ramka usług we wpisie */
body.lj:not(.lj-lp) .lj-uslugi{background:radial-gradient(400px 200px at 100% 0,#e6efff,transparent 65%),#f4f7fc;border-radius:22px;padding:26px 28px}
/* panel boczny „Bezpłatny audyt AI” i CTA na telefonie: ciemne szkło jak formularz LP */
body.lj:not(.lj-lp) .lj-side-box,body.lj:not(.lj-lp) .lj-m-cta{background:radial-gradient(360px 200px at 100% 0,rgba(25,167,238,.28),transparent 60%),radial-gradient(300px 180px at 0 100%,rgba(198,244,50,.10),transparent 60%),linear-gradient(180deg,#0e1a40,#081230);
  background-color:#0b1638;border:1px solid rgba(255,255,255,.12);border-radius:22px;color:var(--t1);box-shadow:0 30px 70px rgba(6,18,46,.28)}
body.lj:not(.lj-lp) .lj-side-box .eyebrow{color:var(--cyan)}
body.lj:not(.lj-lp) .entry-content .lj-side-box li{color:var(--t1)}
body.lj:not(.lj-lp) .lj-side-box li:before{content:"";top:9px;width:12px;height:7px;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(-45deg)}
body.lj:not(.lj-lp) .lj-side-box input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff}
body.lj:not(.lj-lp) .lj-side-box input::placeholder{color:#8593b5}
body.lj:not(.lj-lp) .lj-side-box input:focus{outline:0;border-color:var(--lime);box-shadow:0 0 0 3px rgba(198,244,50,.18)}
body.lj:not(.lj-lp) .entry-content .lj-side-box p.small{color:var(--t3)}
body.lj:not(.lj-lp) .lj-side-box .small a{color:#fff}
body.lj:not(.lj-lp) .lj-m-cta b{color:#fff}

/* — wpis bloga: ciemny pas z tytułem na pełną szerokość, kolumna ~720 px, panel CTA obok — */
body.lj:not(.lj-lp).single-post .inside-article{padding-top:0}
body.lj:not(.lj-lp).single-post .entry-header{max-width:none;margin:0 calc(50% - 50vw) 52px;padding:56px max(20px,calc(50vw - 550px)) 50px}
body.lj:not(.lj-lp).single-post .entry-header>*{max-width:820px}
body.lj:not(.lj-lp).single-post .entry-header .crumb{color:var(--t3)}
body.lj:not(.lj-lp).single-post .entry-header .crumb a{color:var(--cyan);text-decoration:none;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}
body.lj:not(.lj-lp).single-post .entry-title{font-size:clamp(34px,4.4vw,54px);line-height:1.06;margin:10px 0 18px}
body.lj:not(.lj-lp).single-post .entry-header .entry-meta,body.lj:not(.lj-lp).single-post .entry-header .entry-meta a{color:var(--t3)}
body.lj:not(.lj-lp) .lj-post-grid{grid-template-columns:minmax(0,720px) 300px;gap:64px}
body.lj:not(.lj-lp).single-post footer.entry-meta{max-width:720px;margin-top:56px}
body.lj:not(.lj-lp).single-post .post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:720px}
body.lj:not(.lj-lp).single-post .post-navigation>div{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#fff;box-shadow:0 10px 30px rgba(6,18,46,.05);display:flex;gap:10px;align-items:flex-start}
body.lj:not(.lj-lp).single-post .post-navigation a{text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;line-height:1.4}
body.lj:not(.lj-lp).single-post .post-navigation .nav-next{justify-content:flex-end;text-align:right}
body.lj:not(.lj-lp).single-post .post-navigation .gp-icon{color:var(--acc)}

/* — indeks bloga: ciemny nagłówek, wpisy jako karty — */
body.lj:not(.lj-lp).blog .site-main,body.lj:not(.lj-lp).archive .site-main{padding-top:0}
body.lj:not(.lj-lp) .lj-blog-head{max-width:none;margin:0 calc(50% - 50vw) 44px;padding:64px max(20px,calc(50vw - 390px)) 60px}
body.lj:not(.lj-lp) .lj-blog-head h1{font-size:clamp(36px,5vw,58px);line-height:1.04;margin:14px 0 14px}
body.lj:not(.lj-lp) .lj-blog-head .lead{font-size:18.5px;line-height:1.6;color:var(--t2)}
body.lj:not(.lj-lp).blog article,body.lj:not(.lj-lp).archive article{border:1px solid var(--line);border-radius:22px;padding:24px 26px;margin:0 0 16px;background:#fff;box-shadow:0 10px 30px rgba(6,18,46,.05);transition:box-shadow .2s,transform .2s}
body.lj:not(.lj-lp).blog article:hover,body.lj:not(.lj-lp).archive article:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(6,18,46,.1)}
body.lj:not(.lj-lp).blog .entry-title,body.lj:not(.lj-lp).archive .entry-title{font-size:24px;line-height:1.2}
body.lj:not(.lj-lp).blog .entry-title a:hover,body.lj:not(.lj-lp).archive .entry-title a:hover{color:var(--acc)}
body.lj:not(.lj-lp).blog .entry-summary p,body.lj:not(.lj-lp).archive .entry-summary p{color:#4c5a76;line-height:1.65}
body.lj:not(.lj-lp) .read-more{color:var(--acc);font-weight:600;text-decoration:none;white-space:nowrap}
body.lj:not(.lj-lp) .paging-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0}
body.lj:not(.lj-lp) .paging-navigation a,body.lj:not(.lj-lp) .paging-navigation .page-numbers{text-decoration:none;color:var(--ink)}
body.lj:not(.lj-lp) .paging-navigation .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:12px;margin:0 2px;font-weight:600}
body.lj:not(.lj-lp) .paging-navigation .page-numbers.current{background:var(--d0);color:#fff;border-color:var(--d0)}
body.lj:not(.lj-lp) .paging-navigation .page-numbers.dots{border:0}

/* — strony formalne i proste (regulamin, polityki, sekcje .lj-article): jasny pas u góry, kolumna 760 px — */
body.lj:not(.lj-lp) .entry-content>section:first-child:has(>.wrap.lj-article){background:linear-gradient(180deg,#f4f7fc 0,#fff 420px)}
body.lj:not(.lj-lp) .lj-article{max-width:800px}
body.lj:not(.lj-lp) .lj-article h1{font-size:clamp(34px,4.4vw,52px);line-height:1.06;margin:8px 0 14px}
body.lj:not(.lj-lp) .lj-article .crumb{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;color:var(--acc)}
body.lj:not(.lj-lp) .lj-article p.small{font-size:14px;color:var(--mut)}

/* — stopka — */
body.lj:not(.lj-lp) footer.lj-foot{padding:72px 0 30px;color:#c4cee3}
body.lj:not(.lj-lp) footer.lj-foot>.wrap{position:relative;z-index:1}
body.lj:not(.lj-lp) footer.lj-foot a{color:#e8edf7;text-decoration:none}
body.lj:not(.lj-lp) footer.lj-foot a:hover{color:var(--lime)}
body.lj:not(.lj-lp) footer.lj-foot h4{color:#fff}
body.lj:not(.lj-lp) footer.lj-foot .small{color:var(--t3)!important}
body.lj:not(.lj-lp) footer.lj-foot .bottom{border-top-color:rgba(255,255,255,.09);color:var(--t3)}
/* pasek szybkiego kontaktu na telefonie */
body.lj:not(.lj-lp) .lj-sticky .btn.ghost{color:var(--ink)}

/* — responsywność (te same progi co motyw: 1380 / 1020 / 900 / 560) — */
@media (max-width:1380px){
  body.lj:not(.lj-lp) .entry-content>.wrap.svc-body{grid-template-columns:minmax(0,740px) 300px;gap:44px;justify-content:center}}
@media (max-width:1020px){
  body.lj:not(.lj-lp) .lj-mnav summary{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:#fff}
  body.lj:not(.lj-lp) .lj-mnav-in{background:linear-gradient(180deg,#0b1638,#071233);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px rgba(0,0,0,.5)}
  body.lj:not(.lj-lp) .lj-mnav-in h5{color:var(--t3)}
  body.lj:not(.lj-lp) .lj-mnav-in a{color:var(--t1);border-bottom-color:rgba(255,255,255,.07)}
  body.lj:not(.lj-lp) .entry-content>.wrap.svc-body,body.lj:not(.lj-lp) .lj-post-grid{grid-template-columns:minmax(0,1fr)}
  body.lj:not(.lj-lp) .lj-m-cta{display:block;padding:18px}
  body.lj:not(.lj-lp) .lj-m-cta .btn{margin-top:4px}
  body.lj:not(.lj-lp) .quotes{grid-template-columns:1fr}}
@media (max-width:900px){
  body.lj:not(.lj-lp) .entry-content>section{padding:60px 0}
  body.lj:not(.lj-lp) .entry-content>.hero{padding:40px 0 56px}
  body.lj:not(.lj-lp) .hero h1{font-size:38px}
  body.lj:not(.lj-lp) .hero .lead,body.lj:not(.lj-lp) .svc-hero .lead{font-size:17px}
  body.lj:not(.lj-lp) .hero-grid{gap:36px}
  body.lj:not(.lj-lp) .entry-content>.svc-hero{padding:36px 0 52px}
  body.lj:not(.lj-lp) .svc-hero h1{font-size:36px}
  body.lj:not(.lj-lp) .svc-hero .crumb{margin-bottom:16px}
  body.lj:not(.lj-lp) .sec-head{margin-bottom:28px}body.lj:not(.lj-lp) .sec-head p{font-size:16.5px}
  body.lj:not(.lj-lp) .cta{padding:30px 22px;border-radius:24px}
  body.lj:not(.lj-lp) .inline-cta{padding:24px}
  body.lj:not(.lj-lp) .entry-content>.wrap.svc-body{padding:44px 20px 56px}
  body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) :is(p,li){font-size:17px;line-height:1.72}
  body.lj:not(.lj-lp) .svc-article>p:first-child,body.lj:not(.lj-lp) .lj-post-main>p:first-child{font-size:18px}
  body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) h2{margin-top:44px}
  /* szerokie tabele przewijają się w poziomie wewnątrz kolumny, nie całą stronę */
  body.lj:not(.lj-lp) :is(.svc-article,.lj-post-main,.lj-article) table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.lj:not(.lj-lp).single-post .entry-header{padding:36px 20px 34px;margin-bottom:36px}
  body.lj:not(.lj-lp).single-post .entry-title{font-size:32px}
  body.lj:not(.lj-lp) .lj-blog-head{padding:40px 20px 40px;margin-bottom:28px}
  body.lj:not(.lj-lp).single-post .post-navigation{grid-template-columns:1fr}
  body.lj:not(.lj-lp) .lj-founder>.wrap>div{padding:30px 24px}
  body.lj:not(.lj-lp) .lj-founder>.wrap>div:before{top:30px;bottom:30px}
  body.lj:not(.lj-lp) .lj-liczby .num b{font-size:34px}
  body.lj:not(.lj-lp) .hero .lj-audyt-form.card{padding:20px}
  body.lj:not(.lj-lp) .lj-sticky{background:rgba(4,10,28,.95);border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  body.lj:not(.lj-lp) .lj-sticky .btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.24);color:#fff}}
@media (max-width:560px){
  body.lj:not(.lj-lp) .lj-proof b{font-size:34px}
  body.lj:not(.lj-lp).blog article,body.lj:not(.lj-lp).archive article{padding:20px}}
@media (prefers-reduced-motion:reduce){
  body.lj:not(.lj-lp) :is(.card,.btn,.lj-case,.quote,article){transition:none}
  body.lj:not(.lj-lp) a.card:hover,body.lj:not(.lj-lp).blog article:hover{transform:none}}
/* <<< lj-domena-v4 KONIEC */
/* >>> lj-lp-1029 START — Z-lp-lj (29.10): formularz dwuetapowy, „Co dostajesz za 0 zł”, pierwszy ekran telefonu, niższy baner cookies na LP */
.lj-audyt-form .lj-krok{display:grid;gap:14px}.lj-audyt-form .lj-krok[hidden],.lj-audyt-form [data-krok-n][hidden],.lj-po[hidden]{display:none!important}
.lj-audyt-form .lj-krok-n{margin:0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.lj-audyt-form .lj-wroc{background:none;border:0;padding:0;white-space:nowrap;flex:none;font:600 13px Inter;letter-spacing:0;text-transform:none;color:inherit;text-decoration:underline;cursor:pointer}
.lj-audyt-form .lj-dalej-btn{width:100%;justify-content:center}
.lj-po{display:grid;gap:10px}.lj-po .lj-po-h{margin:0;font-weight:700}.lj-po .btn{justify-content:center}
.lj-v2 .v3-form .lj-audyt-form .lj-krok-n{color:#aeb9d4}.lj-v2 .v3-form .lj-audyt-form .lj-wroc{color:var(--lime)}.lj-v2 .v3-form .lj-po .lj-po-h{color:#fff}
.lj-v2 .lj-stos{margin:18px 0 0;padding:20px 22px;border:1px solid var(--g-bd);border-radius:18px;background:var(--g-bg)}
.lj-v2 .lj-stos h3{margin:0 0 12px;font-size:18px;line-height:1.3;color:#fff}
.lj-v2 .lj-stos ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:9px}
.lj-v2 .lj-stos li{counter-increment:s;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.45;color:var(--t2)}
.lj-v2 .lj-stos li:before{content:counter(s);width:24px;height:24px;border-radius:50%;background:var(--lime);color:#0a1530;font:700 12.5px/24px Inter;text-align:center}
.lj-v2 .lj-stos li b{color:var(--t1)}
.lj-v2 .lj-ai-1l{display:none}
.lj-v2 .v2-adres-ek{margin:18px 0 0;font-size:14px;color:var(--t3)}.lj-v2 .v2-adres-ek a{color:var(--t2)}
.lj-v2 details.lj-case{margin:0}.lj-v2 details.lj-case>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.lj-v2 details.lj-case>summary::-webkit-details-marker{display:none}.lj-v2 details.lj-case>summary h2{margin:0}
.lj-v2 details.lj-case>summary .lj-case-wiecej{font-weight:600;font-size:15px;text-decoration:underline;color:var(--blue2)}
.lj-v2 details.lj-case[open]>summary .lj-case-wiecej{display:none}.lj-v2 details.lj-case>*:not(summary){margin-top:22px}
.lj-v2 .lj-cta-po{margin:28px 0 0}
.lj-v2 .v3-hero h1.lj-h1-dl{font-size:clamp(34px,3.7vw,54px);line-height:1.05}
.lj-v2 .lj-pod-katem{margin:0 0 4px;font-size:14.5px;line-height:1.5;color:var(--t3)}
@media (max-width:1020px){body.lj-lp header.nav .btn.lime{display:inline-flex;padding:9px 14px;font-size:14px;white-space:nowrap}}
@media (max-width:600px){
  .lj-v2 .v3-hero{padding-top:12px}.lj-v2 .v3-hero h1{font-size:32px;margin:12px 0 10px}.lj-v2 .v3-hero .lead{font-size:16px;line-height:1.55;margin:0 0 8px}
  .lj-v2 .v3-hero .v2-ai,.lj-v2 .v3-hero ul.check{display:none}.lj-v2 .v3-hero .lj-ai-1l{display:block;margin:0;font-size:13.5px;line-height:1.4;color:var(--t3)}
  .lj-v2 .v3-hero .v3-tag{font-size:11.5px}.lj-v2 .v3-hero-grid{gap:16px}
  .lj-v2 .v3-hero h1{font-size:29px;line-height:1.08}.lj-v2 .v3-hero .lj-pod-katem{display:none}.lj-v2 .v3-hero h1.lj-h1-dl{font-size:27px}
  .lj-v2 .v2-form-head b{display:none}.lj-v2 .v2-form-head{padding-top:14px}
}
@media (max-width:640px){
  body.lj-lp #wpf-cc.wpf-cc-pasek{inset:auto 0 0 0;padding:0;background:none;align-items:flex-end;pointer-events:none}
  body.lj-lp #wpf-cc.wpf-cc-pasek .wpf-cc-box{pointer-events:auto;max-height:46vh;border-radius:14px 14px 0 0;border-top-width:3px;padding:10px 14px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.2)}
  body.lj-lp #wpf-cc.wpf-cc-pasek .wpf-cc-head{display:none}body.lj-lp #wpf-cc.wpf-cc-pasek .wpf-cc-body{padding:0}
  body.lj-lp #wpf-cc.wpf-cc-pasek .wpf-cc-t{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  body.lj-lp #wpf-cc.wpf-cc-pasek p{font-size:12px;line-height:1.38;margin:0}
  body.lj-lp #wpf-cc.wpf-cc-pasek .wpf-cc-btns{padding:8px 0 0;gap:8px}body.lj-lp #wpf-cc.wpf-cc-pasek .wpf-cc-btns button{min-height:44px;font-size:14.5px}
  body.lj-lp #wpf-cc.wpf-cc-pasek .wpf-cc-set{margin:2px auto 0;padding:4px 10px;font-size:13px}
}
/* <<< lj-lp-1029 KONIEC */
/* >>> lj-cookie-ikona-1110: na telefonie ikona ustawień cookies (wpf-ga4, #wpf-cc-open) leżała na przycisku „Przejdź do formularza”
   w dolnym pasku .lj-sticky (zgłoszenie Wojciecha 10.11, Z-lj-ads-audyt-1110) — ikona nad paskiem; gdy pasek schowany (formularz w widoku), wraca na dół. */
@media (max-width:900px){
  body.lj #wpf-cc-open{bottom:calc(84px + env(safe-area-inset-bottom));transition:bottom .25s}
  body.lj.v2-form-widac #wpf-cc-open{bottom:10px}
}
/* <<< lj-cookie-ikona-1110 KONIEC */
