/* Styl spójny z nowym credipass.pl: Satoshi, granat #021e4a / #002d72, złoto #c99700, papier #f8f6f2.
   Czcionka Satoshi (Fontshare, licencja FFL – fonts/FFL.txt) hostowana lokalnie. Logo Credipass: oficjalne pliki z CrediApp, bez zmian (tylko skalowanie proporcjonalne). */
@font-face{font-family:Satoshi;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Satoshi-Regular.woff2) format("woff2")}
@font-face{font-family:Satoshi;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/Satoshi-Medium.woff2) format("woff2")}
@font-face{font-family:Satoshi;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Satoshi-Bold.woff2) format("woff2")}
:root{
  --primary:#002d72;--primary-hover:#002968;--ink:#021e4a;--ink-hover:#011534;--ink-deep:#011128;
  --gold:#c99700;--gold-strong:#b78900;--gold-dark:#8f6b00;--gold-on-dark:#dbb954;--gold-soft:#eedfb0;--gold-tint:#faf5e6;
  --sky:#b4e6ff;
  --paper:#f8f6f2;--paper-2:#f5f7f9;--border:#e6eaf1;--border-strong:#b1b9c7;
  --text:#021e4a;--muted:#556885;--on-dark:#fff;--on-dark-muted:#c7d0de;
  --ok:#007d58;--bad:#b42318;
  --r-sm:6px;--r-btn:8px;--r-md:10px;--r-lg:16px;--r-xl:24px;
  --shadow:0 2px 8px rgba(2,30,74,.06),0 10px 30px -8px rgba(2,30,74,.12);
  --shadow-lg:0 24px 60px -16px rgba(2,30,74,.18),0 4px 4px rgba(2,30,74,.1);
  --font:Satoshi,Figtree,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:var(--font);color:var(--text);background:#fff;font-size:16px;line-height:1.55;letter-spacing:.2px;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
a{color:inherit}
h1,h2,h3{line-height:1.18;letter-spacing:.1px;margin:0;font-weight:700;color:var(--ink)}
h2{font-size:clamp(26px,3.6vw,36px);margin:6px 0 14px}
h3{font-size:20px}
p{margin:0 0 12px}
:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.narrow{max-width:820px}
.muted{color:var(--muted)}.small{font-size:14px}
.eyebrow{font-size:18px;font-weight:500;letter-spacing:.3px;color:var(--gold-dark);margin:0 0 4px}
.ph{background:var(--gold-tint);color:#543f00;border:1px dashed var(--gold);border-radius:var(--r-sm);padding:0 5px;font-weight:700;font-size:.92em}
.ph-block{margin:10px 0 14px}

/* pasek wersji roboczej (znacznik podglądu – nie usuwać przed publikacją) */
.preview-bar{background:var(--gold-soft);color:#543f00;font-size:14px;font-weight:500;text-align:center;padding:7px 12px;border-bottom:1px solid var(--gold-on-dark)}
.preview-bar .ph{background:transparent;border:0;padding:0}

/* przyciski: promień 8px, granat #002d72, tekst papier, Satoshi 700 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-btn);padding:12px 20px;font:700 16px var(--font);letter-spacing:.3px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,box-shadow .15s,transform .12s}
.btn:active{transform:translateY(1px)}
.btn-accent{background:var(--primary);color:var(--paper)}
.btn-accent:hover{background:var(--primary-hover)}
.btn-accent:after{content:"\203A";font-size:20px;line-height:1;margin-left:2px}
.btn-sm{padding:11px 18px;font-size:15px}
.btn-block{width:100%}
.btn[disabled]{opacity:.6;cursor:wait}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--paper-2)}

/* nagłówek: biały, sticky, cień jak na credipass.pl */
.nav{position:sticky;top:0;z-index:30;background:#fff;color:var(--ink);box-shadow:0 2px 14px rgba(2,30,74,.08)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:0}
/* oficjalne logo Credipass (CrediApp > Biblioteka > MARKETING > Logo), plik niezmieniony; skalowanie tylko przez wysokość, proporcje zachowane (plik ma własny przezroczysty margines = pole ochronne) */
.logo{display:block;height:52px;width:auto;flex:none}
.brand-sub{display:block;padding-left:12px;border-left:2px solid var(--gold);font-size:13px;line-height:1.25;color:var(--muted);font-weight:500}
.brand-sub b{display:block;color:var(--ink);font-size:14px;font-weight:700}
.links{display:none;gap:28px}
.links a{text-decoration:none;color:var(--ink);font-weight:500;font-size:15px;padding:6px 0;border-bottom:2px solid transparent}
.links a:hover{border-bottom-color:var(--gold)}

@media(max-width:560px){.brand-sub{display:none}.nav .btn-sm{padding:10px 14px}}

/* hero: granatowa zaokrąglona karta w ramie strony, złoty „eyebrow”, biały H1 */
.hero-frame{padding:16px 0 0}
.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:40px 24px 44px}
.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;width:46%;background:#354b6d;opacity:.55;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);pointer-events:none}
.hero-in{position:relative;display:grid;gap:32px;align-items:center}
.hero .eyebrow{color:var(--gold-on-dark);font-size:17px}
.hero h1{font-size:clamp(30px,5vw,46px);margin:8px 0 16px;color:#fff}
.hero h1 span{color:#fff;font-weight:500}
.lead{font-size:19px;color:#fff;max-width:600px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.hero .btn-accent{background:var(--gold);color:var(--ink)}
.hero .btn-accent:hover{background:var(--gold-strong)}
.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.hero .btn-ghost:hover{background:rgba(255,255,255,.1)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:var(--on-dark-muted);font-size:16px}
.ticks li:before{content:"✓";color:var(--gold-on-dark);font-weight:700;margin-right:10px}
.hero-card{display:grid;gap:14px}
.path{display:flex;align-items:center;gap:14px;background:var(--paper-2);color:var(--ink);border-radius:var(--r-lg);padding:16px;text-decoration:none;transition:transform .12s,box-shadow .15s}
.path:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.path .ico{width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--gold-on-dark);display:grid;place-items:center;font-size:22px;flex:none}
.path b{display:block;font-size:18px}.path small{color:var(--muted);font-size:14px}
.path i{margin-left:auto;font-style:normal;color:var(--primary);font-weight:700;font-size:20px}
.fine{font-size:13px;color:var(--muted);margin:8px 0 0}
.hero .fine{color:var(--on-dark-muted)}
.hero-alt{margin:-8px 0 18px;font-size:15px;color:var(--on-dark-muted)}
.hero-alt a{color:var(--gold-on-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px){.hero{padding:72px 56px 76px}.hero-in{grid-template-columns:1.25fr .85fr;gap:56px}}

/* sekcje: wyśrodkowane nagłówki, rytm 72px, tło „papier” w naprzemiennych sekcjach */
.sec{padding:72px 0}
.sec-alt{background:var(--paper)}
.sec>.wrap>.eyebrow,.sec>.wrap>h2{text-align:center}
.sec>.wrap.why>div>.eyebrow,.sec>.wrap.why>div>h2,.sec>.wrap.narrow>.eyebrow,.sec>.wrap.narrow>h2{text-align:left}
.sec>.wrap.narrow>.eyebrow,.sec>.wrap.narrow>h2{text-align:center}
.steps{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:16px}
.steps li{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow)}
.steps .n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--gold-on-dark);font-weight:700;margin-bottom:14px}
.steps h3{margin-bottom:8px}.steps p{color:var(--muted);margin:0}
/* karty usług: ścięty górny róg jak na stronie głównej Credipass; granat / błękit / papier */
.cards{display:grid;gap:16px;margin-top:32px}
.card{padding:62px 24px 26px;clip-path:polygon(0 0,100% 40px,100% 100%,0 100%);background:var(--paper);color:var(--ink)}
.card:nth-child(1){background:var(--ink);color:#fff}
.card:nth-child(2){background:var(--sky)}
.card:nth-child(1) h3{color:#fff}
.cico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:22px;margin-bottom:14px}
.card h3{margin-bottom:8px}
.card p{color:inherit;opacity:.92}
.card ul{margin:0;padding-left:18px;font-size:15px}
.why{display:grid;gap:28px}
.why-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.why-list li{border-left:4px solid var(--gold);background:var(--paper);border-radius:0 var(--r-md) var(--r-md) 0;padding:14px 18px}
.why-list b{display:block}.why-list span{color:var(--muted);font-size:15px}
.why>div .muted{color:var(--muted)}
@media(min-width:760px){.steps,.cards{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1fr 1fr;align-items:start}}

/* formularz: pełnoszeroka sekcja granatowa, biała karta z formularzem */
.sec-form{background:var(--ink);color:#fff}
.sec-form h2{color:#fff}
.sec-form .eyebrow{color:var(--gold-on-dark)}
.sec-form>.wrap>.eyebrow,.sec-form>.wrap>h2{text-align:left}
.form-wrap{display:grid;gap:28px;align-items:start}
.form-intro p{color:var(--on-dark-muted)}
.note{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-md);padding:12px 14px;font-size:15px;color:#fff!important}
.contact-box{display:grid;gap:6px;margin-top:16px}
.contact-box a{color:#fff;font-weight:700;text-decoration:none}
.form,.thanks{background:#fff;color:var(--ink);border-radius:var(--r-xl);padding:22px;box-shadow:var(--shadow-lg)}
fieldset{border:0;margin:0 0 6px;padding:0}
legend{font-weight:700;margin-bottom:8px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--paper-2);border-radius:var(--r-md);padding:5px}
.seg label{position:relative}
.seg input{position:absolute;inset:0;width:1px;height:1px;opacity:0;pointer-events:none}
.seg span{display:block;text-align:center;padding:11px 8px;border-radius:var(--r-btn);font-weight:700;cursor:pointer;color:var(--muted)}
.seg input:checked+span{background:var(--primary);color:var(--paper)}
.seg input:focus-visible+span{outline:3px solid var(--gold);outline-offset:1px}
.grid{display:grid;gap:12px;margin-top:14px}
.f{display:grid;gap:6px;font-size:14px;font-weight:700}
.f em{font-style:normal;color:var(--muted);font-weight:500}
input,select{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--border-strong);border-radius:var(--r-btn);padding:12px 13px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s;font-weight:500}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#556885 50%),linear-gradient(135deg,#556885 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,45,114,.18)}
.invalid{border-color:var(--bad)!important}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:18px 0 14px;color:var(--ink)}
.consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--primary)}
.consent a{color:var(--primary);font-weight:700}
.form .muted a,.form .fine a{color:var(--primary)}
.err{color:var(--bad);font-weight:700;font-size:14px}
.thanks{text-align:center;padding:36px 24px}
.thanks .ok{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#e3f5ee;color:var(--ok);font-size:30px;font-weight:700;margin-bottom:12px}
.thanks h3{font-size:24px;margin-bottom:10px}
.thanks a{color:var(--primary);font-weight:700}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}.f-wide{grid-column:1/-1}}
@media(min-width:960px){.form-wrap{grid-template-columns:.8fr 1.2fr;gap:48px}.form,.thanks{padding:30px}}
/* druga ścieżka: rejestracja w systemie Credipass */
.alt-path{margin-top:22px;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:var(--r-lg);background:rgba(255,255,255,.06)}
.alt-path p{margin:0 0 10px;color:#fff}
.alt-path .small{font-size:14px;color:var(--on-dark-muted)}
.alt-path .small a{color:var(--gold-on-dark);font-weight:700}
.alt-path .btn{white-space:normal;text-align:center;color:#fff;border-color:rgba(255,255,255,.6)}
.alt-path .btn:hover{background:rgba(255,255,255,.1)}

/* o mnie */
.about{display:grid;gap:28px;align-items:center}
.photo{aspect-ratio:4/5;max-width:340px;width:100%;border-radius:var(--r-xl);background:var(--ink);display:grid;place-items:center;align-content:center;gap:12px;color:#fff;box-shadow:var(--shadow)}
.photo.has-img{aspect-ratio:auto;max-width:220px;background:none;box-shadow:var(--shadow);overflow:hidden;display:block}
.photo.has-img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.photo span{font-size:64px;font-weight:700;color:var(--gold-on-dark)}
.about .eyebrow,.about h2{text-align:left!important}
.facts{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.facts a{color:var(--primary);font-weight:700}
@media(min-width:800px){.about{grid-template-columns:220px 1fr;gap:56px}}

/* FAQ */
details{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);margin:10px 0;padding:0 18px}
summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--gold-dark);font-size:24px;line-height:1}
details[open] summary:after{content:"–"}
details p{color:var(--muted);padding-bottom:6px}

/* informacje prawne */
.legal{font-size:15px;color:#2b3d5c}
.legal h2{font-size:24px;text-align:left!important}
.legal a{color:var(--primary);font-weight:500}

/* stopka: jasna (papier), granatowy tekst – jak na credipass.pl */
.foot{background:var(--paper);color:var(--ink);padding:40px 0 100px;font-size:15px;border-top:1px solid var(--border)}
.foot-in{display:grid;gap:18px}
.foot a{color:var(--ink);font-weight:500}
.foot strong{color:var(--ink)}
.foot-links{display:flex;flex-wrap:wrap;gap:20px}
.foot .muted{color:var(--muted)}
@media(min-width:760px){.foot{padding-bottom:40px}}

/* mobilny przycisk CTA */
.fab{position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:25;background:var(--primary);color:var(--paper);text-align:center;font-weight:700;padding:15px;border-radius:var(--r-btn);text-decoration:none;box-shadow:0 12px 30px rgba(2,30,74,.35);transition:opacity .2s,transform .2s}
.fab.hide{opacity:0;transform:translateY(20px);pointer-events:none}
@media(min-width:760px){.fab{display:none}}

/* strona polityki */
.doc{padding:40px 0 64px}
.doc h1{font-size:clamp(28px,5vw,40px);margin:8px 0 18px}
.doc h2{font-size:22px;margin:28px 0 10px;text-align:left}
.doc li{margin-bottom:6px}
.doc a{color:var(--primary)}
.doc .eyebrow{text-align:left}
.doc .back{margin-top:28px}.doc .back a{color:var(--paper)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Leasing i pożyczki (30.10.2026) */
.center{text-align:center}
.cards-2 .card{display:flex;flex-direction:column}
.card-note{font-size:14px;border-left:3px solid var(--gold);padding-left:10px;margin:14px 0 0}
.card-cta{margin:auto 0 0;padding-top:18px}
.card:nth-child(1) .btn-accent{background:var(--gold-on-dark);color:var(--ink)}
.card:nth-child(1) .btn-accent:hover{background:var(--gold-soft)}
#leasing-pozyczki .center{margin-top:20px}
@media(min-width:760px){.cards-2{grid-template-columns:repeat(2,1fr)}}
/* Mieszkanie + auto (30.10.2026) */
.ma-grid{display:grid;gap:16px;margin-top:28px}
.ma-step{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow)}
.ma-step .n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--gold-on-dark);font-weight:700;margin-bottom:12px}
.ma-step h3{margin-bottom:6px;color:var(--ink)}
.ma-step p{color:var(--muted);margin:0}
.ma-note{margin-top:22px;border-left:4px solid var(--gold);background:var(--gold-tint);border-radius:0 var(--r-md) var(--r-md) 0;padding:14px 18px;color:var(--ink)}
.ma-note b{display:block;margin-bottom:2px}
.ma-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}
.ma-legal{margin-top:16px;font-size:13px;color:var(--muted)}
#mieszkanie-auto .narrow{margin-left:auto;margin-right:auto;text-align:center}
@media(min-width:760px){.ma-grid{grid-template-columns:repeat(3,1fr)}}
/* nawigacja z 6 linkami (30.10.2026) */
.links a{white-space:nowrap}
.brand-sub{white-space:nowrap}


.nav .btn-sm{white-space:nowrap}
/* Pakiet Start (30.10.2026) */
#pakiet-start .narrow{margin-left:auto;margin-right:auto;text-align:center}
.pk-cards{margin-top:28px}
.pk-cards .card a:not(.btn){color:var(--primary);font-weight:500}
.pk-steps{margin-top:24px}
@media(min-width:760px){.pk-steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.pk-steps{grid-template-columns:repeat(4,1fr)}}
.doc .pk-lead{font-size:18px;color:var(--ink)}
.doc .ma-note{margin:22px 0}
.doc .btn{text-decoration:none}
.doc a.btn-accent{color:var(--paper)}
.doc a.btn-ghost{color:var(--ink)}
.doc .ma-cta{margin-top:24px}

/* baner zgód na cookies (zgody.js): trzy przyciski równorzędne wizualnie */
.ck{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px}
.ck-in{max-width:980px;margin:0 auto;background:#fff;color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:18px 20px}
.ck-t{font-weight:700;font-size:17px;margin:0 0 6px}
.ck-d{font-size:14px;line-height:1.5;margin:0 0 12px;color:var(--text)}
.ck-d a{color:var(--primary);font-weight:500}
.ck-opts{display:grid;gap:10px;margin:0 0 14px;font-size:14px}
.ck-opt{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.ck-opt input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--primary)}
.ck-btns{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:640px){.ck-btns{grid-template-columns:repeat(3,1fr)}}
.ck-btn{font:700 15px var(--font);letter-spacing:.2px;padding:11px 14px;border-radius:var(--r-btn);border:1px solid var(--primary);background:var(--primary);color:var(--paper);cursor:pointer;min-height:44px}
.ck-btn:hover{background:var(--primary-hover)}
.ck-open .fab{display:none}
.linklike{background:none;border:0;padding:0;font:inherit;font-weight:500;color:var(--ink);text-decoration:underline;cursor:pointer}
/* Wyprzedaż modeli chińskich 2026 – tabela przykładów (31.10.2026) */
.tbl-wrap{margin-top:24px;overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow)}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl caption{text-align:left;padding:14px 16px 0;font-weight:700;color:var(--ink)}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--border)}
.tbl thead th{font-size:13px;color:var(--muted);font-weight:600}
.tbl tbody tr:last-child th,.tbl tbody tr:last-child td{border-bottom:0}
.tbl td b{white-space:nowrap;color:var(--ink)}
.tb-sub{display:block;font-size:12.5px;color:var(--muted);font-weight:400;margin-top:2px}
@media (max-width:720px){
  .tbl thead{display:none}
  .tbl,.tbl caption,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block;width:100%}
  .tbl tr{padding:10px 0;border-bottom:1px solid var(--border)}
  .tbl tbody tr:last-child{border-bottom:0}
  .tbl th,.tbl td{border-bottom:0;padding:4px 16px}
}
/* 31.10.2026: 7 linków w menu (doszło "Auta chińskie 2026") */


/* Polecany model (Jaecoo 8) – 31.10.2026 */
.polecany{margin:28px 0;background:#fff;border:2px solid var(--gold);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow);text-align:left;max-width:100%;overflow-wrap:anywhere}
.polecany .pol-badge{display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:999px;background:var(--ink);color:var(--gold-on-dark);font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.polecany h2,.polecany h3{margin:0 0 10px;color:var(--ink);text-align:left}
.polecany .pol-fakty{margin:0 0 16px;padding-left:20px;color:var(--ink)}
.polecany .pol-fakty li{margin:3px 0}
.polecany .pol-cena{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.polecany .pol-cena p{margin:0;background:var(--gold-tint);border-radius:var(--r-md);padding:12px 14px;color:var(--ink)}
.polecany .pol-lbl{display:block;font-size:13px;color:var(--muted)}
.polecany .pol-cena b{display:block;font-size:20px}
.polecany .tb-sub{display:block;font-size:13px;color:var(--muted)}
.polecany .ma-cta{margin-top:18px}

/* Etap 1 — lokalny projekt 8.11.2026 */
.hero-portrait{display:block;width:240px;height:240px;max-width:100%;object-fit:cover;border-radius:24px;border:3px solid var(--gold);margin:0 auto 12px}
.full-details{margin:0 0 20px;border:1px solid var(--border);padding:14px;border-radius:12px}
.full-details summary{cursor:pointer;font-weight:700;color:var(--ink)}
#full-fields{border:0;padding:18px 0 0;margin:0;min-width:0}
.compact-offer{padding-top:24px;padding-bottom:24px}
.form-wrap>*{min-width:0} .form input,.form select{max-width:100%;min-width:0}
@media(max-width:559px){
 .hero{padding:24px 20px}.hero h1{font-size:28px;line-height:1.18}.hero .lead{font-size:16px}
 .hero-in{gap:20px}.hero-card{grid-template-columns:112px 1fr;align-items:center;gap:10px}
 .hero-portrait{width:112px;height:112px;grid-row:span 3;border-radius:16px;margin:0}
 .hero-card .path{padding:8px;font-size:14px}.hero-card .path .ico,.hero-card .path i{display:none}
 .hero-card .fine{grid-column:1/-1;margin:0}.hero-cta{gap:8px;margin:16px 0}
 .hero .ticks{display:none}.hero-alt{font-size:14px;margin-bottom:0}
 .ck-in{padding:12px}.ck-d{font-size:13px;margin-bottom:8px}.ck-btns{grid-template-columns:1fr 1fr;gap:6px}
 .ck-btns .ck-btn:last-child{grid-column:1/-1}.ck-btn{padding:8px;font-size:13px}
 .ck-in{max-height:70vh;overflow:auto}
}

/* Dogrywka etapu 1: zwięzły baner z trzema równorzędnymi opcjami. */
@media(max-width:559px){
 .ck{padding:8px}.ck-in{padding:10px 12px;border-radius:14px}.ck-t{font-size:14px;margin-bottom:4px}
 .ck-d{font-size:12px;line-height:1.35;margin-bottom:8px}
 .ck-btns{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .ck-btns .ck-btn:last-child{grid-column:auto}.ck-btn{padding:6px 3px;font-size:11px;letter-spacing:0;min-height:44px;overflow-wrap:anywhere}
}

/* Etap 2: strony tematyczne, lokalny projekt 8.11.2026 */
.topic-page .hero{padding:40px}.topic-page .hero h1{max-width:850px}.topic-page .hero .lead{max-width:760px}
.topic-page .hero:before{display:none}.topic-breadcrumb{padding-top:24px;font-size:14px}
.topic-steps li{padding-bottom:12px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.topic-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.topic-page .narrow{max-width:860px}
@media(max-width:639px){.topic-page .hero{padding:24px 20px}.topic-grid{grid-template-columns:1fr}.topic-page .nav-in{gap:8px}.topic-page .nav .btn{font-size:12px;padding:8px}.topic-page .nav .logo{max-width:145px}.topic-page .hero h1{font-size:30px}}

/* Etap 3 — prewencja ryzyk wykrytych statycznie, wymaga odbioru wizualnego. */
.brand-logo{display:block;flex:none}.hero-card>picture{display:block}
@media(max-width:639px){
 .nav-in{gap:8px;flex-wrap:nowrap;padding-top:8px;padding-bottom:8px}
 .nav .logo{width:120px;height:auto;max-width:100%}
 .nav .btn-sm{white-space:normal;text-align:center;font-size:14px;max-width:160px;min-height:44px}
 .btn,.ck-btn{min-height:44px;white-space:normal;text-align:center;max-width:100%}
 .wrap,.card,.form,.topic-grid>*{min-width:0}
 main a,.foot a,.legal{overflow-wrap:anywhere}
 summary{min-height:44px;align-items:center}
 .foot-links{gap:8px 16px}.foot-links>a,.foot-links>button{display:inline-flex;align-items:center;min-height:44px}
 .contact-box a{min-height:44px;display:flex;align-items:center}
 .hero-card>picture{grid-row:span 3}
}

/* ===== Konfigurator wstępnej analizy (#analiza, od 11.2026) ===== */
.kf{background:#fff;color:var(--ink);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-lg);min-width:0}
.kf-top{display:flex;justify-content:space-between;align-items:center;min-height:32px}
.kf-back{background:none;border:0;font:700 15px var(--font);color:var(--primary);cursor:pointer;padding:6px 0}
.kf-count{margin:0 0 0 auto;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.4px}
.kf-bar{height:6px;background:var(--paper-2);border-radius:99px;overflow:hidden;margin:6px 0 18px}
.kf-bar span{display:block;height:100%;width:16%;background:var(--gold);border-radius:99px;transition:width .25s}
.kf-step{border:0;margin:0;padding:0;min-width:0}
.kf-step legend{font-size:22px;font-weight:700;line-height:1.2;margin:0 0 14px;padding:0;outline:none}
.kf-tiles{display:grid;gap:10px;grid-template-columns:1fr}
.kf-tiles-sm{grid-template-columns:1fr 1fr}
.kf-tile{position:relative;display:block;cursor:pointer}
.kf-tile input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.kf-tile span{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;min-height:56px;height:100%;padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.kf-tiles-sm .kf-tile span{grid-template-columns:1fr;text-align:center;justify-items:center}
.kf-tile i{grid-row:span 2;font-style:normal;font-size:22px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--gold-tint);color:var(--gold-dark)}
.kf-tile b{font-size:16px;line-height:1.25}
.kf-tile small{font-size:13px;color:var(--muted);line-height:1.3}
.kf-tile:hover span{border-color:var(--primary);background:var(--paper-2)}
.kf-tile input:checked+span{border-color:var(--primary);background:#eef3fb;box-shadow:inset 0 0 0 1px var(--primary)}
.kf-tile input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.kf-hint{font-size:14px;color:var(--muted);margin:-6px 0 12px}
.kf-q{font-weight:700;margin:14px 0 8px;font-size:15px}
.kf-summary{font-size:14px;color:var(--muted);background:var(--paper);border-radius:var(--r-md);padding:10px 12px;margin:0 0 4px}
.consent-opt{margin-top:-4px}
.kf-risk{font-size:15px;border-left:3px solid var(--gold-on-dark);padding-left:10px;color:#fff!important}
.kf-dl{background:var(--paper);border-radius:var(--r-lg);padding:16px;margin:16px 0 6px}
.kf-dl p{margin:0 0 10px}
.thanks .kf-dl a.btn{color:var(--paper)}
@media(min-width:640px){.kf{padding:28px}.kf-tiles{grid-template-columns:1fr 1fr}.kf-tiles-sm{grid-template-columns:repeat(3,1fr)}}
@media(max-width:360px){.kf-tiles-sm{grid-template-columns:1fr}}
/* pasek CTA powtarzany na stronie */
.cta-band{background:var(--gold-tint);border-top:1px solid var(--gold-soft);border-bottom:1px solid var(--gold-soft);padding:28px 0}
.cta-band-in{display:grid;gap:12px;align-items:center}
.cta-band-t{margin:0;font-size:17px}
.cta-band .fine{margin:0}
@media(min-width:900px){.cta-band-in{grid-template-columns:1fr auto}.cta-band .fine{grid-column:1/-1}}
/* checklista (lead magnet) */
.cl-in{display:grid;gap:24px;align-items:center}
.cl-list{list-style:none;margin:0;padding:20px;background:var(--ink);color:#fff;border-radius:var(--r-xl);display:grid;gap:10px}
.cl-list li{padding-left:28px;position:relative}
.cl-list li:before{content:"✓";position:absolute;left:0;color:var(--gold-on-dark);font-weight:700}
@media(min-width:900px){.cl-in{grid-template-columns:1.2fr .8fr}}

/* Jak to działa — editorial layout inspired by Credipass, no cards. */
.jtd-section{background:#fff;color:var(--text);border-top:1px solid #e3e8ef;border-bottom:1px solid #e3e8ef}
.jtd-layout{display:grid;gap:36px}
.jtd-intro{min-width:0}
.jtd-section .eyebrow{color:var(--gold-dark);font-size:16px;margin-bottom:18px}
.jtd-section h2{color:var(--ink);font-size:clamp(32px,3.4vw,44px);line-height:1.12;margin:0;max-width:540px;text-align:left}
.jtd-fine{border-top:1px solid #d5dce6;padding-top:24px;margin:26px 0 0;color:var(--muted);font-size:16px;max-width:440px}
.jtd-cta{margin:26px 0 0}
.jtd-section .btn-accent{background:var(--gold);color:var(--ink)}
.jtd-section .btn-accent:hover{background:var(--gold-strong)}
.jtd-section :focus-visible{outline-color:var(--primary);outline-offset:4px}
.jtd{list-style:none;counter-reset:j;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.jtd li{counter-increment:j;min-width:0;border-top:1px solid #d5dce6;padding-top:24px;overflow-wrap:anywhere}
.jtd li::before{content:counter(j,decimal-leading-zero);display:block;font-size:60px;line-height:1;font-weight:500;letter-spacing:-2px;color:var(--gold-dark);margin-bottom:18px}
.jtd b{display:block;color:var(--ink);font-size:18px;line-height:1.3;margin-bottom:8px}
.jtd span{display:block;color:var(--muted);font-size:16px;line-height:1.55}
.jtd .jtd-call-note{margin-top:10px;color:var(--ink);font-weight:600}
@media(min-width:640px){.jtd{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}
@media(min-width:1100px){
 .jtd-layout{grid-template-columns:minmax(0,.85fr) minmax(0,2fr);gap:48px;align-items:start}
 .jtd{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;row-gap:40px}
 .jtd li{border-top:0;border-left:1px solid #d5dce6;padding:0 20px}
 .jtd li:nth-child(3n+1){border-left:0;padding-left:0}
 .jtd li:nth-child(3n){padding-right:0}
}

/* Tablet overflow fix (2026-11-09): eight nowrap menu links no longer fit
   beside the brand and CTA in the 1140px header. Keep the compact header
   until there is room, then give the desktop navigation its own wider wrap. */
/* One explicit breakpoint avoids competing tablet/desktop display rules. */
.nav .links{display:none}
.nav .btn-sm{flex-shrink:0}
@media(min-width:1360px){
 .nav-in{max-width:1360px}
 .nav .links{display:flex;gap:20px}
 .nav .links a{font-size:14.5px}
 .nav .brand{flex-shrink:0}
}
/* clip, unlike hidden, does not create a scroll container: sticky stays
   attached to the viewport. Contain accidental horizontal overflow only. */
html,body{overflow-x:clip}

/* Dark-panel accordion: global summary styles belong to white FAQ cards. */
.alt-path summary{color:#fff}
.alt-path summary::after{color:var(--gold-on-dark)}
.alt-path summary:focus-visible,.hero :focus-visible{outline-color:var(--gold-on-dark)}

/* Future credit readiness: local draft, no outcome promises. */
.future-section{background:var(--gold-tint);color:var(--ink)}
.future-section h2{max-width:820px}.future-intro{max-width:760px}
.future-list{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.future-list li{min-width:0;padding-top:16px;border-top:2px solid var(--gold-soft)}
.future-list h3{font-size:1.12rem;margin:0 0 10px;line-height:1.35}.future-list p{margin:0;overflow-wrap:anywhere}
.future-fine{font-size:.9rem;margin-top:16px;max-width:760px}
@media(max-width:1100px){.future-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.future-list{grid-template-columns:minmax(0,1fr);gap:14px}.future-section .btn{white-space:normal;text-align:center;max-width:100%}}
.future-section>.wrap>.eyebrow,.future-section>.wrap>h2{text-align:left}

/* Samochody PHEV w leasingu Vehis (stawki z 10.11.2026) */
.phev-oferta{margin:32px 0 8px;max-width:100%;overflow-wrap:anywhere}
.phev-oferta>h3{margin:0 0 10px;font-size:clamp(20px,2.6vw,26px);color:var(--ink);text-align:left}
.phev-oferta>p{margin:0 0 12px}
.phev-grid{display:grid;gap:16px;margin:20px 0 8px;grid-template-columns:1fr}
.phev-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow);min-width:0}
.phev-card h4{margin:0 0 4px;font-size:18px;line-height:1.25;color:var(--ink)}
.phev-seg{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;background:var(--gold-tint);color:var(--gold-dark);font-size:12.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.phev-card .tb-sub{margin-bottom:12px}
.phev-cena{display:grid;gap:10px;margin-top:auto}
.phev-cena p{margin:0;background:var(--gold-tint);border-radius:var(--r-md);padding:12px 14px;color:var(--ink)}
.phev-cena .pol-lbl{display:block;font-size:13px;color:var(--muted)}
.phev-cena b{display:block;font-size:18px}
.phev-cena .tb-sub{margin:4px 0 0}
.phev-cta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:16px 0 0}
.phev-cta .btn{white-space:normal;text-align:center;max-width:100%}
.phev-cta-all{margin-top:20px}
@media(min-width:760px){.phev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.phev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:559px){
  .phev-oferta{margin:24px 0 4px}
  .phev-card{padding:16px}
  .phev-cta .btn{width:100%}
}

/* Kafel teaser aut Vehis na stronie głównej (12.11.2026) */
.vehis-teaser{margin:28px 0 8px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;box-shadow:var(--shadow);max-width:100%;overflow-wrap:anywhere}
.vehis-teaser h3{margin:0 0 8px;font-size:clamp(18px,2.2vw,22px);color:var(--ink);text-align:left}
.vehis-teaser>p{margin:0 0 4px}
.vehis-teaser .phev-cta{margin:14px 0 0}
@media(max-width:600px){
  .vehis-teaser{padding:16px 18px}
  .vehis-teaser .phev-cta .btn{width:100%;text-align:center}
}

/* Menu hamburger poniżej 1360 px — te same linki co na pulpicie, panel w nagłówku. */
.menu-toggle{
  display:none;
  order:2;
  appearance:none;
  -webkit-appearance:none;
  margin:0;
  padding:0;
  width:44px;
  height:44px;
  border:0;
  border-radius:var(--r-btn);
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  flex:none;
  align-items:center;
  justify-content:center;
  position:relative;
}
.menu-toggle:hover{background:var(--paper-2)}
.menu-toggle-bars,
.menu-toggle-bars:before,
.menu-toggle-bars:after{
  display:block;
  width:20px;
  height:2px;
  background:currentColor;
  border-radius:1px;
}
.menu-toggle-bars{position:relative}
.menu-toggle-bars:before,
.menu-toggle-bars:after{
  content:"";
  position:absolute;
  left:0;
}
.menu-toggle-bars:before{top:-6px}
.menu-toggle-bars:after{top:6px}
.nav.is-open .menu-toggle-bars{background:transparent}
.nav.is-open .menu-toggle-bars:before{top:0;transform:rotate(45deg)}
.nav.is-open .menu-toggle-bars:after{top:0;transform:rotate(-45deg)}
.nav .brand{order:0}
.nav .links{order:1}
.nav .btn-sm{order:3}
@media (max-width:1359px){
  .menu-toggle{display:inline-flex;margin-left:auto}
  .nav-in,.wk-nav{flex-wrap:nowrap;min-width:0}
  .nav .links{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:31;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#fff;
    border-top:1px solid var(--border);
    box-shadow:0 16px 32px rgba(2,30,74,.12);
    padding:8px 20px 12px;
    max-height:min(calc(100vh - 72px), 480px);
    overflow-x:hidden;
    overflow-y:auto;
  }
  .nav.is-open .links{display:flex}
  .nav .links a{
    white-space:normal;
    display:flex;
    align-items:center;
    min-height:44px;
    padding:12px 4px;
    border-bottom:1px solid var(--border);
    font-size:16px;
  }
  .nav .links a:last-child{border-bottom-color:transparent}
  .nav .links a:hover{border-bottom-color:var(--gold)}
}
@media (min-width:1360px){
  .menu-toggle{display:none!important}
}
html.menu-open,body.menu-open{overflow-x:clip;overflow-y:hidden}
body.menu-open::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(2,30,74,.35);
  z-index:29;
}

/* Krótki formularz „Oddzwoń do mnie” (przywrócony 10.11.2026, treść z 8.11) */
.form-mode-switch{margin:16px 0 4px}
.form-mode-switch .btn{width:auto;max-width:100%;white-space:normal;text-align:center}
.sec-form .form-mode-switch .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.sec-form .form-mode-switch .btn-ghost:hover{background:rgba(255,255,255,.1)}
#lead.form{padding:22px}
@media(min-width:960px){#lead.form,#thanks.thanks{padding:30px}}

@media(min-width:760px){.steps.steps-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1180px){.steps.steps-4{grid-template-columns:repeat(4,1fr)}}