/* Wariant B2B: dodatki do style.css z prototypu (bez zmian w nim). */
.header-actions .join{font-size:12px;font-weight:700;border:1px solid var(--ink);border-radius:4px;padding:11px 16px;white-space:nowrap}
nav{scrollbar-width:none}
.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}
.ghost{background:#ffffffcc;color:var(--ink);border:1px solid #c9cec8}
.hero>img{object-position:80% center}
.categories.six{grid-template-columns:repeat(6,1fr)}
.categories button{min-width:0}
.tabs{flex-wrap:wrap}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.spec{border:1px solid var(--line);border-radius:5px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.spec .kind,.card-demo .kind{font-size:9px;letter-spacing:.6px;color:#888d87}
.spec h3{font-size:14px;letter-spacing:-.3px;line-height:1.3}
.params{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.params span{font-size:10px;background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:3px 7px}
.spec-foot{margin-top:auto;padding-top:10px;border-top:1px dashed var(--line);font-size:10px;color:#7a807b}
.card-demo{border:1px solid var(--line);border-radius:6px;padding:22px}
.card-demo h3{font-size:20px;letter-spacing:-.5px;margin:8px 0 12px}
.tbl{overflow-x:auto;margin-top:18px}
.tbl table{border-collapse:collapse;width:100%;min-width:640px;font-size:12px}
.tbl th{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#7a807b;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.tbl td{padding:12px 10px;border-bottom:1px solid var(--line)}
.muted{color:#7a807b}
.st{font-size:11px;padding:3px 8px;border-radius:10px;white-space:nowrap}
.st.ok{background:#e5efe2;color:#2f6a3f}.st.warn{background:#f8ecd2;color:#8a5a00}.st.nope{background:#eceeeb;color:#646a64}
.fake-btn{display:inline-block;font-size:11px;font-weight:700;border:1px solid #d6ddd6;border-radius:3px;padding:7px 10px;white-space:nowrap}
.fake-btn.alt{border-color:var(--orange);color:#b2461a}
.flow{list-style:none;counter-reset:f;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.flow li{counter-increment:f;border-top:2px solid var(--ink);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.flow li::before{content:"0" counter(f);font-size:10px;letter-spacing:1px;color:var(--orange);font-weight:700}
.flow b{font-family:Manrope,Arial,sans-serif;font-size:18px;letter-spacing:-.5px}
.flow span{font-size:12px;line-height:1.7;color:#6f776f}
.note{font-size:12px;color:#6f776f;margin-top:18px}
.b2b-list{padding-left:18px;margin:20px 0 26px;font-size:13px;line-height:1.9;color:#dbe4dc}
.b2b-side{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:42px;background:#1d4a3d}
.b2b-stat{border-left:2px solid #d8e9a5;padding-left:16px}
.b2b-stat b{display:block;font-family:Manrope,Arial,sans-serif;font-size:22px;color:#fff}
.b2b-stat span{font-size:12px;color:#c3cec4}
.pilot-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pilot-card{border:1px solid var(--line);border-radius:6px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.pilot-card h3{font-size:22px;letter-spacing:-.6px}
.pilot-card p{font-size:13px;line-height:1.7;color:#6f776f;margin:0 0 6px}
.faq{margin-top:26px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:14px}
.faq p{font-size:13px;line-height:1.7;color:#5e665e;margin:10px 0 0;max-width:70ch}
@media(max-width:950px){.categories.six{grid-template-columns:repeat(3,1fr)}.spec-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(2,1fr)}.b2b-side{padding:30px}}
@media(max-width:600px){.header-actions .join{padding:9px 12px;font-size:11px}.hero{height:600px}.hero>img{object-position:center bottom}.categories.six{grid-template-columns:repeat(2,1fr)}.spec-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.pilot-grid{grid-template-columns:1fr}.b2b-side{padding:26px}.card-demo{padding:16px}.announcement strong{display:block}}
/* Blok «Pracownia? Ceny B2B w behoo.eu» — jasny, żeby nie zlewał się z blokiem hurtowni. */
.b2b.pro{background:#f1eee7;color:var(--ink);margin-bottom:24px}
.b2b.pro .eyebrow{color:#7a5a3c}
.b2b.pro em{color:var(--orange)}
.b2b.pro .b2b-list{color:#4f5751}
.b2b.pro .b2b-side{background:#e8e3d8}
.b2b.pro .b2b-stat{border-left-color:var(--orange)}
.b2b.pro .b2b-stat b{color:var(--ink)}
.b2b.pro .b2b-stat span{color:#5e665e}
.b2b.pro .light{background:var(--ink);color:#fff}
