/* Blog Finansowe Rewolucje. Tokeny jak w lejkach Doradca.pro (granat + teal), DM Sans self-hosted.
   Decyzja marki 22.10 (D2): Sapphire #185FA5 wypadł; --akcent = ocean #006666 (linki, hover), przycisk główny granat.
   Kontrasty WCAG AA: tekst na bieli = granat/ink/muted/ocean/akcent; teal tylko jako ozdoba lub tło pod dużym tekstem. */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonty/dm-sans-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonty/dm-sans-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{--granat:#003366;--teal:#009999;--ocean:#006666;--akcent:#006666;--stal:#336699;--jasny-granat:#6699CC;--ink:#1a2330;--muted:#5a6b7d;--grey:#E2E8F0;--bg:#F4F6F8;--karta:#FFFFFF;--jasne-tlo:#EAF2FA;--zolte:#FFF7E0;--zolte-ramka:#E6B800;--czerwone:#C62828;--radius:14px;--radius-maly:10px;--font:"DM Sans","Segoe UI",Arial,sans-serif;--max:1120px;--tekst:720px;--cien:0 1px 2px rgba(0,51,102,.06),0 8px 24px rgba(0,51,102,.08);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--bg)}
img,svg{max-width:100%;height:auto}
a{color:var(--akcent);text-decoration-thickness:1px;text-underline-offset:.15em}
a:hover{color:var(--ocean)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.015em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pomin{position:absolute;left:-999px;top:0;z-index:100;background:var(--granat);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius-maly) 0;text-decoration:none}
.pomin:focus{left:0}
.kontener{max-width:var(--max);margin:0 auto;padding:0 16px}

/* Nagłówek strony */
.naglowek{background:var(--karta);border-bottom:1px solid var(--grey);position:sticky;top:0;z-index:50}
.naglowek .kontener{display:flex;align-items:center;gap:1rem;min-height:64px}
.logo{display:flex;align-items:center;gap:.6rem;color:var(--granat);text-decoration:none;font-weight:800;font-size:1.1rem;letter-spacing:-.01em;white-space:nowrap}
.logo svg{width:36px;height:36px;flex:none}
.nav{margin-left:auto;display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--granat);text-decoration:none;font-weight:600;font-size:.95rem;padding:.5rem .75rem;border-radius:999px;white-space:nowrap}
.nav a:hover,.nav a[aria-current="page"]{background:var(--jasne-tlo);color:var(--ocean)}

/* Etykiety */
.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ocean);margin:0 0 .4rem}
.eyebrow a{color:inherit;text-decoration:none}
.eyebrow a:hover{text-decoration:underline}
.eyebrow-jasny{color:#fff}
.odznaka{display:inline-block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;background:var(--granat);color:#fff;padding:.2rem .6rem;border-radius:999px}
.stan-na{display:inline-block;background:#E8EEF4;color:var(--muted);font-size:.82rem;padding:.25rem .65rem;border-radius:999px;margin:.7rem 0 0}

/* Hero */
.hero{background:linear-gradient(120deg,var(--granat) 0%,var(--stal) 70%,var(--teal) 100%);color:#fff;padding:3.5rem 0 3rem}
.hero h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15;margin:0 0 .75rem;color:#fff}
.hero p{font-size:1.15rem;max-width:38rem;margin:0}

/* Sekcje i karty */
.sekcja{padding:2.5rem 0 .5rem}
.sekcja h2{font-size:1.5rem;color:var(--granat);margin:0 0 1.2rem}
.karty{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 0 1.5rem;padding:0;list-style:none}
.karta{background:var(--karta);border:1px solid var(--grey);border-radius:var(--radius);padding:1.4rem 1.4rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--cien);transition:transform .15s ease}
.karta:hover{transform:translateY(-2px)}
.karta h3{font-size:1.25rem;line-height:1.3;margin:0}
.karta h3 a{color:var(--granat);text-decoration:none}
.karta h3 a:hover{color:var(--ocean);text-decoration:underline}
.karta p{margin:0;color:var(--muted);font-size:.97rem}
.karta .meta{margin-top:auto;padding-top:.5rem;font-size:.85rem}
.karta-filar{grid-column:1/-1;background:linear-gradient(120deg,var(--granat),var(--stal));border-color:transparent;padding:1.8rem 1.8rem 1.5rem}
.karta-filar h3{font-size:1.6rem}
.karta-filar h3 a,.karta-filar p,.karta-filar .eyebrow{color:#fff}
.karta-filar .odznaka{background:#fff;color:var(--granat);margin-bottom:.3rem;align-self:flex-start}
.licznik{color:var(--ocean);font-weight:600}
.pusto{color:var(--muted)}

/* Okruszki */
.okruszki{font-size:.88rem;color:var(--muted);margin:1.5rem 0 0}
.okruszki ol{list-style:none;display:flex;gap:.45rem;flex-wrap:wrap;margin:0;padding:0}
.okruszki li+li::before{content:"›";margin-right:.45rem}
.okruszki a{color:var(--muted)}
.okruszki a:hover{color:var(--ocean)}

/* Nagłówki stron */
.strona-naglowek{padding:1.5rem 0 1rem}
.strona-naglowek h1{color:var(--granat);font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;margin:.3rem 0 .5rem}
.strona-naglowek p{color:var(--muted);max-width:42rem;margin:0;font-size:1.1rem}

/* Artykuł */
.artykul{max-width:var(--tekst);margin:0 auto;padding:0 0 2rem}
.artykul-naglowek{padding:1.5rem 0 .5rem}
.artykul-naglowek h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;color:var(--granat);margin:.4rem 0 .8rem}
.lead{font-size:1.2rem;color:var(--muted);margin:0 0 1rem;line-height:1.5}
.meta{font-size:.9rem;color:var(--muted);margin:0}
.obraz-glowny{margin:1.5rem 0 0}
.obraz-glowny img{width:100%;border-radius:var(--radius);display:block}
.obraz-glowny figcaption{font-size:.88rem;color:var(--muted);margin-top:.4rem}
.w-skrocie{position:relative;background:var(--jasne-tlo);border-radius:var(--radius);padding:1rem 1.25rem 1rem 3.5rem;margin:1.5rem 0 1rem}
.w-skrocie svg{position:absolute;left:1.1rem;top:1.1rem;width:28px;height:28px}
.w-skrocie-naglowek{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--granat);margin:0 0 .3rem}
.w-skrocie p{margin:0;font-size:1.02rem}
.tresc>:first-child{margin-top:0}
.tresc h2{font-size:1.55rem;color:var(--granat);margin:2.3rem 0 .9rem;line-height:1.25}
.tresc h2::after{content:"";display:block;width:44px;height:3px;background:var(--teal);border-radius:2px;margin-top:.5rem}
.tresc h3{font-size:1.25rem;color:var(--granat);margin:1.8rem 0 .6rem;line-height:1.3}
.tresc h4{font-size:1.05rem;color:var(--granat);margin:1.4rem 0 .4rem}
.tresc p,.tresc ul,.tresc ol{margin:0 0 1.1rem}
.tresc ul,.tresc ol{padding-left:1.4rem}
.tresc li{margin:.3rem 0}
.tresc img{border-radius:var(--radius-maly);display:block;margin:1.5rem auto;background:var(--karta)}
.tresc figure{margin:1.5rem 0}
.tresc figcaption{font-size:.9rem;color:var(--muted);text-align:center}
.tresc blockquote{margin:1.5rem 0;padding:.8rem 1.2rem;border-left:4px solid var(--teal);background:var(--karta);border-radius:0 var(--radius-maly) var(--radius-maly) 0}
.tresc blockquote p:last-child{margin:0}
.tresc code{font-family:ui-monospace,Consolas,"Courier New",monospace;font-size:.92em;background:var(--jasne-tlo);padding:.1em .35em;border-radius:4px}
.tresc pre{background:var(--granat);color:#fff;padding:1rem 1.2rem;border-radius:var(--radius-maly);overflow-x:auto}
.tresc pre code{background:none;color:inherit;padding:0}
.tresc hr{border:0;border-top:1px solid var(--grey);margin:2rem 0}

/* Tabele: granatowy nagłówek, zebra, przewijanie z cieniem krawędzi na telefonie */
.tabela-wrap{overflow-x:auto;margin:1.5rem 0;border-radius:var(--radius-maly);border:1px solid var(--grey);background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),#fff 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,51,102,.22),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,51,102,.22),rgba(0,0,0,0)) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
.tresc table{border-collapse:collapse;width:100%;font-size:.95rem;margin:0}
.tresc th,.tresc td{border-bottom:1px solid var(--grey);padding:.65rem .85rem;text-align:left;vertical-align:top;min-width:9rem}
.tresc th{background:var(--granat);color:#fff;font-weight:700}
.tresc tbody tr:nth-child(even){background:rgba(234,242,250,.6)}
.tresc tr:last-child td{border-bottom:0}

/* Callouty */
.callout{margin:1.6rem 0;padding:1rem 1.25rem;border-radius:var(--radius);background:var(--karta);border:1px solid var(--grey)}
.callout>:last-child{margin-bottom:0}
.callout-etykieta{display:inline-block;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;margin:0 0 .5rem;padding:.15rem .55rem;border-radius:999px}
.callout-przyklad{background:var(--zolte);border-color:#F2DC9B}
.callout-przyklad .callout-etykieta{background:#8A6500;color:#fff}
.callout-uwaga{border-left:5px solid var(--czerwone)}
.callout-uwaga .callout-etykieta{background:var(--czerwone);color:#fff}
.callout-forteca{background:var(--jasne-tlo);border-color:#BFD3EA}
.callout-forteca .callout-etykieta{background:var(--granat);color:#fff}

/* FAQ */
.faq details{background:var(--karta);border:1px solid var(--grey);border-radius:var(--radius-maly);margin:.6rem 0;padding:0 1rem}
.faq summary{cursor:pointer;font-weight:700;color:var(--granat);padding:.8rem 1.6rem .8rem 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:.65rem;font-size:1.3rem;color:var(--teal);font-weight:800}
.faq details[open] summary::after{content:"–"}
.faq-odp{padding:0 0 .9rem}
.faq-odp>:last-child{margin-bottom:0}

/* Spis treści */
.spis{background:var(--karta);border:1px solid var(--grey);border-radius:var(--radius);padding:1rem 1.25rem;margin:1.2rem 0 2rem}
.spis strong{display:block;color:var(--granat);margin-bottom:.4rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.spis ol{margin:0;padding-left:1.2rem}
.spis ul{margin:.2rem 0 0;padding-left:1.1rem;font-size:.95rem;list-style:circle}
.spis li{margin:.2rem 0}
.spis a{text-decoration:none;color:var(--granat)}
.spis a:hover{text-decoration:underline;color:var(--ocean)}

/* Przyciski i CTA */
.przycisk{display:inline-block;background:#fff;color:var(--granat);font-weight:700;padding:.8rem 1.4rem;border-radius:var(--radius-maly);text-decoration:none;line-height:1.2;border:0;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}
.przycisk:hover{background:var(--teal);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,51,102,.2)}
.przycisk-glowny{background:var(--granat);color:#fff}
.przycisk-glowny:hover{background:var(--ocean);color:#fff}
.przycisk[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.pod-przyciskiem{font-size:.85rem;margin:.65rem 0 0;opacity:.92}
.narzedzie{margin:2rem 0;padding:1.3rem 1.4rem;border:1.5px solid var(--teal);border-radius:var(--radius);background:var(--karta);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.narzedzie>div{flex:1 1 16rem}
.narzedzie strong{display:block;color:var(--granat);font-size:1.05rem}
.narzedzie p{margin:.2rem 0 0;color:var(--muted);font-size:.95rem}
.cta-pasek{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--karta);border:1.5px solid var(--teal);border-radius:var(--radius);padding:.9rem 1.2rem;margin:1.8rem 0}
.cta-pasek p{margin:0;font-weight:600;color:var(--granat);flex:1 1 16rem}
.cta{margin:2.5rem 0 1.5rem;padding:1.8rem 1.6rem;border-radius:var(--radius);background:linear-gradient(120deg,var(--granat),var(--stal));color:#fff;box-shadow:var(--cien)}
.cta h2{margin:0 0 .5rem;font-size:1.45rem;line-height:1.25;color:#fff}
.cta p{margin:0 0 1.1rem;font-size:1.05rem}
.cta .pod-przyciskiem{margin-bottom:0}
.formularz-b2b{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:end;margin-top:.5rem}
.formularz-b2b label{display:block;font-size:.88rem;font-weight:600}
.formularz-b2b input{display:block;width:100%;margin-top:.3rem;padding:.7rem .8rem;border-radius:var(--radius-maly);border:1px solid #fff;font:inherit;font-size:1rem;color:var(--ink)}
.formularz-b2b .przycisk,.formularz-b2b .pod-przyciskiem{grid-column:1/-1}
.cta-mobilna{display:none}

/* Autor */
.autor{display:flex;gap:1.1rem;align-items:flex-start;background:var(--karta);border:1px solid var(--grey);border-radius:var(--radius);padding:1.2rem 1.3rem;margin:2rem 0}
.autor img{width:72px;height:72px;border-radius:50%;flex:none}
.autor p{margin:0 0 .35rem}
.autor .eyebrow{margin-bottom:.2rem}
.autor-rola{color:var(--muted);font-size:.9rem}
.autor-linki a{margin-right:.9rem;font-size:.92rem}
.autor-uprawnienia{font-size:.82rem;color:var(--muted);margin:.4rem 0 0}

/* Powiązane */
.powiazane{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--grey)}
.powiazane h2{font-size:1.2rem;color:var(--granat);margin:0 0 .6rem}
.powiazane ul{padding-left:1.2rem;margin:0}
.powiazane li{margin:.35rem 0}

/* Newsletter */
.newsletter{max-width:var(--max);margin:2.5rem auto 0;padding:1.8rem 1.6rem;border-radius:var(--radius);background:linear-gradient(120deg,var(--granat),var(--stal));color:#fff}
.newsletter h2{margin:0 0 .4rem;font-size:1.45rem;color:#fff}
.newsletter p{margin:0 0 .8rem}
.newsletter a{color:#fff}
.newsletter form{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.newsletter input[type=email]{flex:1 1 14rem;padding:.75rem .9rem;border-radius:var(--radius-maly);border:1px solid #fff;font:inherit;font-size:1rem}
.newsletter .zgoda{display:block;font-size:.82rem;margin:.7rem 0 0;flex:1 1 100%}

/* Stopka */
.stopka{margin-top:3rem;background:var(--karta);border-top:1px solid var(--grey);padding:2.5rem 0 2rem;font-size:.92rem;color:var(--muted)}
.stopka-siatka{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.stopka h2{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--granat);margin:0 0 .6rem}
.stopka p{margin:0}
.stopka ul{list-style:none;margin:0;padding:0}
.stopka li{margin:.25rem 0}
.stopka a{color:var(--granat)}
.stopka a:hover{color:var(--ocean)}
.stopka-prawna{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--grey);font-size:.85rem;line-height:1.55}
.stopka-prawna p{margin:0 0 .45rem}
.stopka-prawna strong{color:var(--ink)}

/* Telefon */
@media (max-width:640px){
body{font-size:1rem}
.hero{padding:2.5rem 0 2.2rem}
.hero p{font-size:1.05rem}
.cta,.newsletter{padding:1.4rem 1.2rem}
.narzedzie,.cta-pasek{padding:1rem 1.1rem}
.przycisk{display:block;text-align:center}
.cta-pasek .przycisk{width:100%}
.logo span{font-size:1rem}
.autor{flex-direction:column}
.cta-mobilna{display:block;position:sticky;bottom:0;z-index:40;margin:0 -16px;padding:.6rem 16px calc(.6rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--grey);box-shadow:0 -6px 18px rgba(0,51,102,.1)}
.cta-mobilna .przycisk{width:100%;margin:0}
}
@media print{.naglowek,.cta,.cta-pasek,.cta-mobilna,.pomin,.powiazane,.narzedzie,.okruszki,.newsletter{display:none}body{background:#fff;color:#000}a{color:#000;text-decoration:none}.faq details{display:block}.faq-odp{display:block}}