/* Wariant B — własne komponenty dla układu sekcji B (tokeny z ../style.css) */
.b-hero{background:radial-gradient(120% 100% at 100% 0%,#173a7a 0%,var(--hero) 55%,var(--hero-2) 100%);color:var(--hero-text);padding:64px 0 40px;position:relative;overflow:hidden}
.b-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(94,227,245,.16) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.b-hero-siatka{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.b-hero h1{font-size:clamp(1.8rem,1.1rem + 2.4vw,2.9rem);font-weight:600;color:#fff;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px;max-width:20ch}
.b-hero .lead{font-size:var(--fs-lead);color:var(--hero-muted);max-width:54ch;margin-bottom:28px}
.b-hero-twarze{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.b-hero-twarze figure{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#0b1630;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.b-hero-twarze figure:nth-child(2){transform:translateY(28px)}
.b-hero-twarze img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%}
.b-hero-twarze figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(0deg,rgba(7,13,28,.92),transparent);font-size:.82rem;color:var(--hero-muted);line-height:1.35}
.b-hero-twarze figcaption b{display:block;color:#fff;font-size:.95rem}
.b-wyniki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:56px;position:relative}
.b-wyniki li{padding:16px 18px;border:1px solid rgba(94,227,245,.28);border-radius:12px;color:#e9f0ff;font-weight:600;background:rgba(94,227,245,.05)}

.b-zaufanie{padding:56px 0 72px}
.b-mala{font-size:1rem;font-family:"IBM Plex Sans",sans-serif;font-weight:600;color:var(--muted);letter-spacing:0;text-align:center;margin-bottom:18px}
.b-miejsca{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-bottom:48px}
.b-miejsca li{font:600 1.02rem/1.3 "Unbounded",sans-serif;color:var(--heading);opacity:.75;letter-spacing:-.01em}
.b-wielki-cytat{max-width:860px;margin:0 auto;text-align:center}
.b-wielki-cytat blockquote{margin:0 0 18px;font:500 clamp(1.3rem,1rem + 1.2vw,1.9rem)/1.4 "Unbounded",sans-serif;color:var(--heading);letter-spacing:-.02em}
.b-wielki-cytat figcaption{color:var(--muted)}
.b-wielki-cytat figcaption b{color:var(--heading);display:block}

.b-problemy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.b-problemy article{background:var(--karta);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.b-problemy article p{color:var(--muted);margin:0}
.b-liczba{margin-top:18px!important;padding:16px;border-radius:10px;background:var(--pas);color:var(--text)!important;font-size:.95rem}
.b-liczba b{display:block;font:700 1.8rem/1.1 "Unbounded",sans-serif;color:var(--akcent);margin-bottom:4px}

.b-trzy-liczby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.b-trzy-liczby li{border-top:3px solid var(--akcent);padding-top:18px}
.b-trzy-liczby b{display:block;font:700 clamp(2.2rem,1.6rem + 2vw,3.2rem)/1 "Unbounded",sans-serif;color:var(--heading);margin-bottom:10px;letter-spacing:-.03em}
.b-trzy-liczby span{color:var(--muted)}
.b-pas-tekst{margin:40px 0 0;font:600 1.1rem/1.5 "Unbounded",sans-serif;color:var(--heading);max-width:60ch;letter-spacing:-.01em}

.b-pas-cta{padding:72px 0}
.b-start{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;align-items:start}
.b-start .opinia{margin-top:24px}
.b-karta-start{background:radial-gradient(120% 100% at 100% 0%,#14306b 0%,var(--hero) 60%);color:var(--hero-text);border-radius:var(--r);padding:32px}
.b-karta-start h3{color:#fff;font-size:1.4rem}
.b-karta-start p{color:var(--hero-muted)}
.b-etyk{color:var(--hero-cyjan)!important;font-weight:600;margin-bottom:8px}

.b-gwarancja{background:linear-gradient(90deg,#1d5fe0,#0e8fae);color:#fff;padding:44px 0}
.b-gwarancja .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.b-gwarancja h2{color:#fff;margin:0;font-size:1.5rem}
.b-gwarancja p{margin:0;flex:1;min-width:220px;font-size:1.08rem}
.b-gwarancja .btn{background:#fff;color:#0a1224}
.b-gwarancja .btn:hover{background:#e7eeff}

.b-zrodla{padding:40px 0;background:var(--bg-2);border-top:1px solid var(--line)}
.b-zrodla h2{font-size:1rem;font-family:"IBM Plex Sans",sans-serif;font-weight:600;color:var(--muted);letter-spacing:0}
.b-zrodla p{color:var(--muted);font-size:.92rem;max-width:80ch;margin:0}

@media (max-width:900px){
  .b-hero-siatka,.b-start{grid-template-columns:1fr}
  .b-hero-twarze{order:-1;max-width:460px}
  .b-wyniki,.b-trzy-liczby{grid-template-columns:1fr}
  .b-problemy{grid-template-columns:1fr}
}
/* v2: jasny hero jak rytm wzorca (jasny – jasny – ciemny) */
.b-hero{background:var(--bg-2);color:var(--text)}
.b-hero::before{background-image:radial-gradient(rgba(29,95,224,.14) 1px,transparent 1px)}
.b-hero h1{color:var(--heading)}
.b-hero .lead,.b-hero .pod-akcjami{color:var(--muted)}
.b-hero .btn-dwa{color:var(--heading);border-color:var(--line)}
.b-wyniki li{color:var(--heading);border-color:var(--line);background:var(--pas)}
.b-kalk .kalk-pola{color:var(--text)}
.b-onas .osoba{background:#0f1b35;border-color:#1f2d4d}
.b-onas .osoba h3{color:#fff}.b-onas .osoba p{color:var(--hero-muted)}
.sekcja.ciemna .realizacja{background:#0f1b35;border-color:#1f2d4d}
.sekcja.ciemna .realizacja h3{color:#fff}
.sekcja.ciemna .realizacja p,.sekcja.ciemna .realizacja li{color:var(--hero-muted)}
.sekcja.ciemna .wystapienia b{color:#fff}.sekcja.ciemna .wystapienia .kto{color:var(--hero-muted)}
.sekcja.ciemna .btn-dwa{color:#fff;border-color:rgba(255,255,255,.45)}
