/*
Theme Name: BOIT Security (Extendable Child)
Template: extendable
Version: 1.0.19
Description: Motyw potomny dla Extendable - zawiera niestandardowy system wizualny BOIT Security wydzielony z motywu nadrzednego.
*/


/* ============================================================
   BOIT Security — design system (native-blocks build)
   All content pages use core Gutenberg blocks with these
   classNames — no raw HTML/inline styles in post content.
   ============================================================ */

/* ---------- base rhythm ---------- */
.bx-sec{max-width:1238px;margin:64px auto;padding:0 16px;box-sizing:border-box;}
@media (max-width:575px){.bx-sec{padding:0 24px;}}
.bx-sec .wp-block-heading{font-size:28px;font-weight:800;color:#111827;margin:0 0 14px;letter-spacing:-0.01em;}
.bx-sec > p.intro{font-size:15.5px;line-height:1.75;color:#4B5563;max-width:720px;margin:0 0 36px;}
.bx-sec p.eyebrow{font-size:12.5px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#EA5B33;margin:0 0 10px;}

/* ---------- header ---------- */
.bx-hdr{position:fixed;top:38px;left:0;right:0;z-index:999;background:transparent;color:#fff;transition:color .25s ease;}
.bx-hdr.is-scrolled{color:#111827;}
.bx-hdr.is-scrolled .bx-hdr-inner{background:rgba(255,255,255,0.97);backdrop-filter:blur(8px);border-color:#E5E7EB;box-shadow:0 8px 24px rgba(15,23,42,0.08);}
.bx-hdr-inner{max-width:1238px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:20px;box-sizing:border-box;border-radius:14px;border:1px solid transparent;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;}
@media (min-width:576px){.bx-hdr-inner{margin-top:12px;}}
@media (max-width:575px){.bx-hdr-inner{padding:18px 24px;}}
.bx-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;color:inherit;}
.bx-logo-mark{width:50px;height:50px;flex-shrink:0;}
.bx-logo-mark img{width:100%;height:100%;object-fit:contain;display:block;}
.bx-logo-text{display:flex;flex-direction:column;line-height:1.1;}
.bx-logo-text .b1{font-size:20px;font-weight:800;color:inherit;letter-spacing:-0.01em;}
.bx-logo-text .b1-sub{font-size:9.5px;font-weight:800;letter-spacing:0.07em;text-transform:uppercase;margin-left:8px;padding:3px 7px;border-radius:5px;border:1px solid currentColor;opacity:0.75;vertical-align:middle;position:relative;top:-2px;}
.bx-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.bx-nav a{font-size:15.5px;font-weight:600;color:inherit;text-decoration:none;white-space:nowrap;transition:opacity .15s,color .15s;opacity:0.92;}
.bx-nav .bx-cta-mobile{display:none;}
.bx-nav a:hover{opacity:1;color:#EA5B33;}
.bx-right{display:flex;align-items:center;gap:16px;}
.bx-hdr-phone{color:inherit;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;opacity:0.92;}
.bx-hdr-phone:hover{opacity:1;}
.bx-cta{background:#EA5B33;color:#fff !important;padding:11px 20px;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s;}
.bx-cta:hover{background:#B8481F;color:#fff !important;}
.bx-burger{display:none;width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,0.35);background:rgba(255,255,255,0.12);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:inherit;transition:background .2s,border-color .2s;}
.bx-hdr.is-scrolled .bx-burger{border-color:#E5E7EB;background:#fff;}
.bx-burger span,.bx-burger span:before,.bx-burger span:after{content:"";display:block;width:18px;height:2px;background:currentColor;position:relative;transition:.2s;}
.bx-burger span:before{position:absolute;top:-6px;}
.bx-burger span:after{position:absolute;top:6px;}
@media (max-width:960px){
  .bx-nav{position:fixed;top:88px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:flex-start;padding:24px;gap:2px;display:flex;transform:translateX(100%);transition:transform .25s ease;overflow-y:auto;z-index:100000;}
  .bx-nav a{width:100%;padding:14px 4px;border-bottom:1px solid #F1F5F9;font-size:16px;color:#374151 !important;opacity:1;}
  .bx-nav.is-open{transform:translateX(0);}
  .bx-burger{display:flex;}
  .bx-cta{display:none;}
  .bx-hdr-phone{display:none;}
  .bx-nav .bx-cta-mobile{display:inline-block;margin-top:14px;width:100%;text-align:center;}
}
@media (min-width:961px) and (max-width:1080px){
  .bx-hdr-phone{display:none;}
}

/* ---------- hero (hub + product variants) ---------- */
.bx-hero{--acc:#EA5B33;--acc-dark:#B8481F;background:#0B1220;position:relative;overflow:hidden;padding:150px 0 72px;}
.bx-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(1100px 500px at 15% -10%,color-mix(in srgb, var(--acc) 28%, transparent),transparent),radial-gradient(900px 500px at 100% 0%,color-mix(in srgb, var(--acc) 16%, transparent),transparent);pointer-events:none;}
.bx-hero-inner{max-width:1238px;margin:0 auto;padding:0 16px;box-sizing:border-box;position:relative;z-index:1;}
@media (max-width:575px){.bx-hero-inner{padding:0 24px;}}
.bx-hero .bx-badge{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--acc);background:color-mix(in srgb, var(--acc) 16%, transparent);border:1px solid color-mix(in srgb, var(--acc) 35%, transparent);padding:7px 14px;border-radius:999px;margin:0 0 22px;}
.bx-hero .wp-block-heading{font-size:clamp(32px,4.4vw,50px);font-weight:800;color:#fff;line-height:1.14;letter-spacing:-0.02em;margin:0 0 20px;max-width:820px;}
.bx-hero .wp-block-heading em{color:var(--acc);font-style:normal;}
.bx-hero p.bx-sub{font-size:17px;line-height:1.7;color:#CBD5E1;max-width:640px;margin:0 0 32px;}
.bx-hero .wp-block-buttons{margin:0 0 44px;}
.bx-hero .wp-block-button__link{border-radius:9px;font-weight:700;font-size:15.5px;padding:13px 26px;}
.bx-hero .wp-block-button.bx-btn-primary .wp-block-button__link{background:var(--acc);color:#fff;}
.bx-hero .wp-block-button.bx-btn-primary .wp-block-button__link:hover{background:var(--acc-dark);}
.bx-hero .wp-block-button.bx-btn-secondary .wp-block-button__link{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.25);}
.bx-hero .wp-block-button.bx-btn-secondary .wp-block-button__link:hover{background:rgba(255,255,255,0.08);}
.bx-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);border-radius:14px;overflow:hidden;max-width:640px;}
.bx-hero-stat{background:rgba(255,255,255,0.03);padding:20px 18px;}
.bx-hero-stat p.v{font-size:26px;font-weight:800;color:#fff;margin:0 0 4px;}
.bx-hero-stat p.l{font-size:12.5px;color:#94A3B8;margin:0;line-height:1.4;}
@media (max-width:640px){.bx-hero-stats{grid-template-columns:1fr;}}

/* accent modifiers per product */
.bx-hero.acc-eset{--acc:#12A594;--acc-dark:#0C7A6E;}
.bx-hero.acc-crowdstrike{--acc:#DC2626;--acc-dark:#A81D1D;}
.bx-hero.acc-action1{--acc:#2563EB;--acc-dark:#1D4ED8;}

/* ---------- product grid (hub) ---------- */
.bx-prod-grid{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;}
.bx-prod-grid > .bx-prod-card{flex:1 1 0;min-width:280px;min-height:560px;align-self:flex-start;margin-top:0 !important;}
@media (max-width:900px){.bx-prod-grid{flex-direction:column;}}
.bx-prod-card{border:1px solid #E5E7EB;border-radius:16px;padding:30px 26px;background:#fff;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s;}
.bx-prod-card.eset{background:linear-gradient(180deg,rgba(18,165,148,0.06),#fff 140px);}
.bx-prod-card.crowdstrike{background:linear-gradient(180deg,rgba(220,38,38,0.06),#fff 140px);}
.bx-prod-card.action1{background:linear-gradient(180deg,rgba(37,99,235,0.06),#fff 140px);}
.bx-prod-card.fortigate{background:linear-gradient(180deg,rgba(79,70,229,0.06),#fff 140px);}

.bx-prod-card:hover{box-shadow:0 12px 28px rgba(15,23,42,0.08);border-color:#D1D5DB;}
.bx-prod-card .mark{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;margin:0 0 18px;}
.bx-prod-card.eset .mark{background:#12A594;}
.bx-prod-card.crowdstrike .mark{background:#DC2626;}
.bx-prod-card.action1 .mark{background:#2563EB;}
.bx-prod-card .wp-block-heading{font-size:19px;font-weight:800;color:#111827;margin:0 0 10px;}
.bx-prod-card p{font-size:14.5px;line-height:1.65;color:#6B7280;margin:0 0 18px;}
.bx-prod-card .wp-block-list{margin:0 0 22px;flex-grow:1;}
.bx-prod-card .wp-block-list li{font-size:13.5px;color:#4B5563;padding-left:0;margin-bottom:7px;}
.bx-prod-card .wp-block-buttons{margin:0;}
.bx-prod-card .wp-block-button__link{width:100%;text-align:center;border-radius:8px;font-weight:700;font-size:14.5px;padding:11px 18px;background:#111827;color:#fff;}
.bx-prod-card.eset .wp-block-button__link{background:#12A594;}
.bx-prod-card.crowdstrike .wp-block-button__link{background:#DC2626;}
.bx-prod-card.action1 .wp-block-button__link{background:#2563EB;}

/* ---------- why / feature grid ---------- */
.bx-why{background:#F8FAFC;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;}
.bx-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
@media (max-width:780px){.bx-why-grid{grid-template-columns:1fr;}}
.bx-why-item{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:26px 24px;}
.bx-why-item .ico{width:48px;height:48px;border-radius:12px;background:rgba(234,91,51,0.1);border:1px solid rgba(234,91,51,0.2);display:flex;align-items:center;justify-content:center;margin:0 0 16px;}
.bx-why-item .ico svg{width:24px;height:24px;}
.bx-why-item .wp-block-heading{font-size:16.5px;font-weight:800;color:#111827;margin:0 0 8px;}
.bx-why-item p{font-size:14px;line-height:1.65;color:#6B7280;margin:0;}

/* ---------- process steps ---------- */
.bx-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:bxstep;}
@media (max-width:980px){.bx-steps{grid-template-columns:1fr;}}
.bx-step{border:1px solid #E5E7EB;border-radius:14px;padding:22px 18px;background:#fff;position:relative;}
.bx-step .n{width:30px;height:30px;border-radius:9px;background:#111827;color:#EA5B33;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;margin:0 0 12px;}
.bx-step p{font-size:13.5px;line-height:1.55;color:#4B5563;margin:0;font-weight:600;}

/* ---------- tier / comparison cards ---------- */
.bx-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:980px){.bx-tiers{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.bx-tiers{grid-template-columns:1fr;}}
.bx-tier{border:1px solid #E5E7EB;border-radius:14px;padding:22px 20px;background:#fff;}
.bx-tier .wp-block-heading{font-size:16px;font-weight:800;color:#111827;margin:0 0 10px;}
.bx-tier .wp-block-list li{font-size:13px;color:#4B5563;margin-bottom:6px;padding-left:0;}

/* ---------- NIS2 cross-link callout ---------- */
.bx-callout{background:#111827;border-radius:18px;padding:36px 40px;position:relative;overflow:hidden;}
.bx-callout:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 0%,rgba(234,91,51,0.18),transparent);}
.bx-callout-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.bx-callout .wp-block-heading{color:#fff;font-size:20px;margin:0 0 6px;}
.bx-callout p{color:#94A3B8;font-size:14.5px;margin:0;max-width:520px;}
.bx-callout .wp-block-buttons{margin:0;flex-shrink:0;}
.bx-callout .wp-block-button__link{background:#EA5B33;color:#fff;border-radius:9px;font-weight:700;padding:12px 24px;white-space:nowrap;}

/* ---------- FAQ (accordion via details/summary rendered by List block is not native; use Group+HTML minimal) ---------- */
.bx-faq{border:1px solid #E5E7EB;border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff;}
.bx-faq summary{padding:18px 20px;font-size:15.5px;font-weight:700;color:#111827;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.bx-faq summary::-webkit-details-marker{display:none;}
.bx-faq summary:after{content:"+";font-size:20px;color:#EA5B33;font-weight:700;flex-shrink:0;}
.bx-faq[open] summary:after{content:"\2212";}
.bx-faq[open] summary{border-bottom:1px solid #E5E7EB;}
.bx-faq .bx-faq-a{padding:16px 20px 20px;font-size:14.5px;line-height:1.7;color:#4B5563;margin:0;}

/* ---------- trust / logos ---------- */
.bx-trustbar{text-align:center;}
.bx-trustbar .wp-block-heading{text-align:center;}
.bx-trustbar > p.intro{margin-left:auto;margin-right:auto;text-align:center;}
.bx-trust-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:36px;margin-top:28px;}
.bx-trust-logos img{height:30px;width:auto;object-fit:contain;opacity:0.6;filter:grayscale(1);transition:opacity .15s,filter .15s;}
.bx-trust-logos img:hover{opacity:1;filter:grayscale(0);}

/* ---------- lead / contact ---------- */
.bx-lead{background:#111827;border-radius:20px;padding:48px 40px;position:relative;overflow:hidden;}
.bx-lead:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 100% 0%,rgba(234,91,51,0.14),transparent);}
.bx-lead-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;}
@media (max-width:900px){.bx-lead-wrap{grid-template-columns:1fr;}}
.bx-lead .wp-block-heading{color:#fff;font-size:26px;margin:0 0 14px;}
.bx-lead-left p{color:#94A3B8;font-size:15px;line-height:1.7;margin:0 0 20px;}
.bx-lead-card{background:#fff;border-radius:14px;padding:28px;}
.bx-lead-card .wp-block-heading{color:#111827;font-size:18px;margin:0 0 6px;}
.bx-lead-card p.lead{color:#6B7280;font-size:13.5px;margin:0 0 18px;}
.bx-lead-card form.wpcf7-form p{margin-bottom:14px;}
.bx-lead-card form.wpcf7-form label{font-size:13.5px;font-weight:600;color:#374151;display:block;margin-bottom:6px;}
.bx-lead-card form.wpcf7-form input[type=text],.bx-lead-card form.wpcf7-form input[type=email],.bx-lead-card form.wpcf7-form input[type=tel],.bx-lead-card form.wpcf7-form textarea{width:100%;padding:11px 13px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box;}
.bx-lead-card form.wpcf7-form textarea{min-height:100px;resize:vertical;}
.bx-lead-card form.wpcf7-form input[type=submit]{background:#EA5B33;color:#fff;border:none;border-radius:8px;padding:12px 22px;font-weight:700;font-size:14.5px;cursor:pointer;transition:background .15s;}
.bx-lead-card form.wpcf7-form input[type=submit]:hover{background:#B8481F;}

/* ---------- footer ---------- */
.bx-ftr{background:#0B1220;color:#94A3B8;padding:56px 24px 28px;}
.bx-ftr-inner{max-width:1238px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
@media (max-width:575px){.bx-ftr-inner{padding:0 24px;}}
.bx-ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}
@media (max-width:820px){.bx-ftr-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.bx-ftr-grid{grid-template-columns:1fr;}}
.bx-ftr-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;text-decoration:none;}
.bx-ftr-logo .mark{width:46px;height:46px;flex-shrink:0;}
.bx-ftr-logo .mark img{width:100%;height:100%;object-fit:contain;display:block;}
.bx-ftr-logo .txt{font-size:19px;font-weight:800;color:#fff;}
.bx-ftr p.desc{font-size:13.5px;line-height:1.7;color:#64748B;max-width:280px;margin:0;}
.bx-ftr h4{font-size:13px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 16px;}
.bx-ftr-links{list-style:none;margin:0;padding:0;}
.bx-ftr-links li{margin-bottom:10px;}
.bx-ftr-links a{color:#94A3B8;text-decoration:none;font-size:14px;transition:color .15s;}
.bx-ftr-links a:hover{color:#EA5B33;}
.bx-ftr-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:24px;font-size:12.5px;color:#64748B;line-height:1.7;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.bx-ftr-bottom a{color:#94A3B8;text-decoration:none;}
.bx-ftr-bottom a:hover{color:#EA5B33;}

/* ---------- generic page hero (for product pages, no stats) ---------- */
.bx-page-hero{padding:56px 24px 48px;}
.bx-page-hero .wp-block-heading{font-size:clamp(28px,3.8vw,42px);}
.bx-page-hero .bx-sub{max-width:700px;}



/* ============================================================
   BOIT Security — visual polish v2 (colors, icons, illustrations)
   ============================================================ */

/* ---------- hero decorative illustration ---------- */
.bx-hero{isolation:isolate;}
.bx-hero-art{position:absolute;top:50%;right:0;transform:translateY(-50%);width:380px;height:380px;max-width:32vw;pointer-events:none;z-index:0;opacity:0.7;}
.bx-hero-art svg{width:100%;height:100%;display:block;}
@media (max-width:1024px){.bx-hero-art{display:none;}}

/* ---------- product cards: icon badges + accent + eyebrow ---------- */
.bx-prod-card{position:relative;padding-top:28px;overflow:hidden;}
.bx-prod-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#111827;}
.bx-prod-card.eset:before{background:linear-gradient(90deg,#12A594,#5EEAD4);}
.bx-prod-card.crowdstrike:before{background:linear-gradient(90deg,#DC2626,#FCA5A5);}
.bx-prod-card.action1:before{background:linear-gradient(90deg,#2563EB,#93C5FD);}
.bx-prod-card .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:16px;}
.bx-prod-card.eset .tag{background:rgba(18,165,148,0.12);color:#0C7A6E;}
.bx-prod-card.crowdstrike .tag{background:rgba(220,38,38,0.1);color:#B91C1C;}
.bx-prod-card.action1 .tag{background:rgba(37,99,235,0.1);color:#1D4ED8;}
.bx-prod-card .mark{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 0 18px;flex-shrink:0;}
.bx-prod-card .mark svg{width:28px;height:28px;}
.bx-prod-card.eset .mark{background:rgba(18,165,148,0.12);color:#12A594;}
.bx-prod-card.crowdstrike .mark{background:rgba(220,38,38,0.1);color:#DC2626;}
.bx-prod-card.action1 .mark{background:rgba(37,99,235,0.1);color:#2563EB;}

/* ---------- why-item color rotation ---------- */
.bx-why-item{transition:transform .15s,box-shadow .15s;}
.bx-why-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,0.06);}
.bx-why-item .ico{background:rgba(234,91,51,0.1);border-color:rgba(234,91,51,0.2);}
.bx-why-item.c-teal .ico{background:rgba(18,165,148,0.1);border-color:rgba(18,165,148,0.22);}
.bx-why-item.c-blue .ico{background:rgba(37,99,235,0.1);border-color:rgba(37,99,235,0.22);}
.bx-why-item.c-purple .ico{background:rgba(124,58,237,0.1);border-color:rgba(124,58,237,0.22);}
.bx-why-item.c-orange .ico{background:rgba(234,91,51,0.1);border-color:rgba(234,91,51,0.22);}
.bx-why-item.c-emerald .ico{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.22);}
.bx-why-item.c-rose .ico{background:rgba(225,29,72,0.1);border-color:rgba(225,29,72,0.22);}

/* ---------- tier cards: progressive accent + icon ---------- */
.bx-tier{position:relative;border-left-width:4px;border-left-style:solid;padding-top:24px;}
.bx-tier .mark{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 14px;flex-shrink:0;}
.bx-tier .mark svg{width:22px;height:22px;}
.bx-tier.t1{border-left-color:#A7F3D0;}
.bx-tier.t1 .mark{background:rgba(16,185,129,0.12);color:#10B981;}
.bx-tier.t2{border-left-color:#5EEAD4;}
.bx-tier.t2 .mark{background:rgba(20,184,166,0.14);color:#14B8A6;}
.bx-tier.t3{border-left-color:#2DD4BF;}
.bx-tier.t3 .mark{background:rgba(13,148,136,0.16);color:#0D9488;}
.bx-tier.t4{border-left-color:#12A594;background:linear-gradient(180deg,rgba(18,165,148,0.05),transparent 40%);}
.bx-tier.t4 .mark{background:#12A594;color:#fff;}
.bx-tier.t4 .mark svg{stroke:#fff;}
.bx-tier.t4:after{content:"Polecane";position:absolute;top:-11px;right:16px;background:#12A594;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;}

/* ---------- page hero art variants share accent via currentColor already ---------- */
.bx-page-hero{padding-top:150px;padding-bottom:64px;}


/* ---------- responsive safety net ---------- */

.bx-prod-card, .bx-why-item, .bx-tier, .bx-step, .bx-hero-stat, .bx-feat-card, .bx-metric, .bx-tier, .bx-logo, .bx-right, .bx-nav, .bx-lead-left, .bx-lead-card, .bx-callout-inner > *, .bx-mdr-inner, .bx-ftr-grid > *{min-width:0;}
.bx-hero-stats, .bx-prod-grid, .bx-why-grid, .bx-feat-grid, .bx-tiers, .bx-steps, .bx-metric-grid, .bx-lead-wrap, .bx-ftr-grid, .bx-callout-inner{min-width:0;max-width:100%;}
* { overflow-wrap: break-word; }
html, body { overflow-x: hidden; }
svg{max-width:100%;}
@media (max-width:480px){
  .bx-hero{padding:52px 18px 44px;}
  .bx-hero .wp-block-heading{font-size:28px;}
  .bx-sec{margin:44px auto;padding:0 18px;}
  .bx-lead{padding:30px 22px;}
  .bx-lead-card{padding:22px;}
}

/* ---------- brand font (matches boit.pl) ---------- */
body, .wp-block-heading, h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, label, .bx-hdr, .bx-ftr {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}


/* ---------- capability grid (CrowdStrike / Action1 feature cards) ---------- */
.bx-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media (max-width:900px){.bx-feat-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.bx-feat-grid{grid-template-columns:1fr;}}
.bx-feat-card{border:1px solid #E5E7EB;border-radius:14px;padding:24px 22px;background:#fff;}
.bx-feat-card .mark{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 16px;}
.bx-feat-card .mark svg{width:24px;height:24px;}
.bx-feat-card .wp-block-heading{font-size:16px;font-weight:800;color:#111827;margin:0 0 8px;}
.bx-feat-card p{font-size:13.5px;line-height:1.65;color:#6B7280;margin:0;}

/* ---------- MDR / big feature callout ---------- */
.bx-mdr{background:#111827;border-radius:20px;padding:44px 40px;position:relative;overflow:hidden;}
.bx-mdr:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 100% 0%,color-mix(in srgb, var(--mdr-acc,#DC2626) 20%, transparent),transparent);}
.bx-mdr-inner{position:relative;z-index:1;}
.bx-mdr .wp-block-heading{color:#fff;font-size:24px;margin:0 0 14px;}
.bx-mdr p{color:#94A3B8;font-size:15px;line-height:1.75;margin:0 0 10px;max-width:760px;}
.bx-mdr .badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.bx-mdr .badge-row span{display:inline-block;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#fff;font-size:12.5px;font-weight:700;padding:7px 13px;border-radius:999px;}

/* ---------- metric stat bar ---------- */
.bx-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#E5E7EB;border:1px solid #E5E7EB;border-radius:14px;overflow:hidden;}
@media (max-width:820px){.bx-metric-grid{grid-template-columns:repeat(2,1fr);}}
.bx-metric{background:#fff;padding:24px 18px;text-align:center;}
.bx-metric .v{font-size:24px;font-weight:800;color:#111827;margin:0 0 4px;}
.bx-metric .l{font-size:12.5px;color:#6B7280;line-height:1.4;margin:0;}


/* ---------- why-grid 3-column modifier (for sections with exactly 3 items) ---------- */
.bx-why-grid.cols-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:900px){.bx-why-grid.cols-3{grid-template-columns:1fr;}}

/* ---------- full-bleed light/dark band utility (reusable across pages) ---------- */
.bx-band-light{background:#F8FAFC;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;}
.bx-band-light .bx-sec{margin-top:64px;margin-bottom:64px;}

.bx-hero-stats-label{font-size:11.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#94A3B8;margin:0 0 10px;}
.bx-hero-stat p.sub{font-size:11px;color:#64748B;margin:4px 0 0;line-height:1.5;}
.bx-hero-stat .vendor-logo{height:21px;width:auto;margin-top:10px;display:block;filter:brightness(0) invert(1);opacity:0.9;}
.bx-hero-stat .vendor-logo[alt="ESET PROTECT"]{height:28px;filter:none;opacity:1;}
.bx-hero-stat .vendor-logo[alt="CrowdStrike Falcon"]{height:26px;}


/* WordPress applies margin-top (blockGap) to non-first children of is-layout-flow
   groups; our custom grid/flex containers use gap instead, so cancel it. */
.bx-prod-grid > *, .bx-why-grid > *, .bx-feat-grid > *, .bx-tiers > *, .bx-steps > *,
.bx-metric-grid > *, .bx-hero-stats > *, .bx-ftr-grid > * {
  margin-top: 0 !important;
}

@keyframes bx-pulse {
  0% { r: 45px; opacity: 0.55; }
  100% { r: 145px; opacity: 0; }
}
.bx-pulse-ring { animation: bx-pulse 3.2s ease-out infinite; }
.bx-pulse-ring-2 { animation-delay: 1.6s; }
.bx-hub-node-dot { animation: bx-node-pulse 2.4s ease-in-out infinite; }
@keyframes bx-node-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }
@media (prefers-reduced-motion: reduce) {
  .bx-pulse-ring { animation: none; opacity: 0.25; }
  .bx-hub-node-dot { animation: none; }
}


/* ---------- product card real brand logos ---------- */
.bx-prod-card .brand-logo{height:52px;width:auto;max-width:170px;margin:0 0 18px;display:block;object-fit:contain;object-position:left center;}
.bx-prod-card.crowdstrike .brand-logo{height:40px;}
.bx-prod-card.action1 .brand-logo{height:28px;}

/* ---------- why section: bigger icons + more spacing + 6-item grid ---------- */
.bx-why{margin-top:112px;}
.bx-why-item .ico{width:56px;height:56px;border-radius:14px;}
.bx-why-item .ico svg{width:28px;height:28px;}
.bx-why-grid{grid-template-columns:repeat(2,1fr);}
@media (max-width:780px){.bx-why-grid{grid-template-columns:1fr;}}

/* ---------- trust section: bigger logos + infinite scroll roller ---------- */
.bx-trust-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);margin-top:32px;}
.bx-trust-track{display:flex;align-items:center;gap:64px;width:max-content;animation:bx-marquee 28s linear infinite;}
.bx-trust-track img{height:44px;width:auto;object-fit:contain;opacity:0.65;filter:grayscale(1);transition:opacity .15s,filter .15s;flex-shrink:0;}
.bx-trust-track img:hover{opacity:1;filter:grayscale(0);}
@keyframes bx-marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.bx-trust-marquee:hover .bx-trust-track{animation-play-state:paused;}
@media (prefers-reduced-motion: reduce){.bx-trust-track{animation:none;}}


/* ---------- BOIT ecosystem bar (Etap 3) ---------- */
.bx-ecosystem{background:#05080c;border-bottom:1px solid rgba(255,255,255,0.08);position:relative;z-index:1000;}
.bx-eco-inner{max-width:1238px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:18px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;}
.bx-eco-inner::-webkit-scrollbar{display:none;}
.bx-eco-inner a{font-size:14px;font-weight:600;color:#94A3B8;text-decoration:none;white-space:nowrap;letter-spacing:0.02em;transition:color .15s;}
.bx-eco-inner a:hover,.bx-eco-inner a:focus-visible{color:#fff;}
.bx-eco-inner a.is-active{color:#EA5B33;}
@media (max-width:575px){.bx-eco-inner{padding:7px 24px;}}

/* ---------- split logo: BOIT / Security (Etap 3) ---------- */
.bx-logo-boit,.bx-logo-sec{display:flex;align-items:center;text-decoration:none;color:inherit;flex-shrink:0;}
.bx-logo-boit{gap:10px;}
.bx-logo-boit .bx-logo-mark{width:44px;height:44px;flex-shrink:0;}
.bx-logo-boit .bx-logo-mark img{width:100%;height:100%;object-fit:contain;display:block;}
.bx-logo-boit .b1{font-size:19px;font-weight:800;letter-spacing:-0.01em;color:inherit;}
.bx-logo-sec{margin-left:12px;padding-left:12px;border-left:1px solid currentColor;opacity:0.85;}
.bx-logo-sec:hover,.bx-logo-sec:focus-visible{opacity:1;}
.bx-logo-sec .b1-sub{font-size:9.5px;font-weight:800;letter-spacing:0.07em;text-transform:uppercase;padding:3px 7px;border-radius:5px;border:1px solid currentColor;}
@media (max-width:575px){
  .bx-logo-sec{margin-left:8px;padding-left:8px;}
  .bx-logo-sec .b1-sub{font-size:8.5px;padding:2px 5px;}
}

/* ---------- nav dropdowns: Rozwiazania / Technologie (Etap 3) ---------- */
.bx-nav-item{position:relative;}
.bx-nav-toggle{font-family:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font-size:15.5px;font-weight:600;opacity:0.92;display:inline-flex;align-items:center;gap:5px;transition:opacity .15s,color .15s;}
.bx-nav-toggle:hover,.bx-nav-toggle:focus-visible{opacity:1;color:#EA5B33;}
.bx-nav-toggle:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .2s;flex-shrink:0;}
.bx-nav-toggle[aria-expanded="true"]:after{transform:rotate(-135deg);margin-top:3px;}
.bx-dropdown{display:none;position:absolute;top:calc(100% + 14px);left:0;min-width:290px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 16px 32px rgba(15,23,42,0.16);padding:8px;z-index:1000;}
.bx-nav-item.is-open .bx-dropdown{display:block;}
.bx-dropdown a{display:block;padding:10px 12px;border-radius:8px;font-size:14.5px;font-weight:600;color:#374151 !important;text-decoration:none;opacity:1 !important;white-space:normal;line-height:1.4;}
.bx-dropdown a:hover,.bx-dropdown a:focus-visible{background:#F3F4F6;color:#EA5B33 !important;}
@media (max-width:960px){
  .bx-dropdown{position:static;display:none;background:transparent;border:none;box-shadow:none;padding:0 0 4px 4px;margin-top:0;}
  .bx-nav-item.is-open .bx-dropdown{display:block;}
  .bx-dropdown a{color:#4B5563 !important;padding:10px 4px;font-size:15px;border-bottom:none !important;}
  .bx-nav-toggle{width:100%;justify-content:space-between;padding:14px 4px;border-bottom:1px solid #F1F5F9;color:#374151 !important;opacity:1;}
}


/* ---------- Etap "jasna baza": callout NIS2 - z ciemnego pudelka na jasna karte ---------- */
.bx-callout{background:#F4F4F5;border:1px solid #E3E0D9;box-shadow:none;}
.bx-callout:before{background:radial-gradient(600px 300px at 90% 0%,rgba(234,91,51,0.10),transparent);}
.bx-callout .wp-block-heading{color:#23282F;}
.bx-callout p{color:#4A5464;}

/* ---------- Etap "jasna baza": sekcja kontaktowa - z ciemnego pudelka na jasna ---------- */
.bx-lead{background:#F4F4F5;border:1px solid #E3E0D9;}
.bx-lead:before{background:radial-gradient(700px 400px at 100% 0%,rgba(234,91,51,0.08),transparent);}
.bx-lead .wp-block-heading{color:#23282F;}
.bx-lead-left p{color:#4A5464;}
.bx-lead-card{border:1px solid #E3E0D9;box-shadow:0 12px 28px rgba(35,40,47,0.06);}
.bx-lead-feature-item{position:relative;padding-left:26px;font-size:14px;font-weight:600;color:#23282F !important;margin:0 0 10px;}
.bx-lead-feature-item:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#EA5B33;}
.bx-lead-feature-item:after{content:"";position:absolute;left:5px;top:6.5px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}

/* ---------- Etap "jasna baza": ujednolicenie tonu sekcji "Dlaczego BOIT" z paleta boit.pl ---------- */
.bx-why{background:#F4F4F5;}
@media (max-width:575px){.bx-hdr{top:34px;}}

:root{--wp--preset--font-family--body: 'Open Sans', sans-serif;}

/* ---------- hero art: orbity ring rotation ---------- */
@keyframes bx-orbit-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes bx-orbit-spin-rev{from{transform:rotate(360deg);}to{transform:rotate(0deg);}}
.bx-orbit-slow{transform-origin:200px 200px;animation:bx-orbit-spin 46s linear infinite;}
.bx-orbit-rev{transform-origin:200px 200px;animation:bx-orbit-spin-rev 30s linear infinite;}
@media (prefers-reduced-motion: reduce){
  .bx-orbit-slow,.bx-orbit-rev{animation:none;}
}

/* ---------- Dlaczego BOIT: pasek statystyk (konkret) ---------- */
.bx-why-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#E3E0D9;border:1px solid #E3E0D9;border-radius:14px;overflow:hidden;margin:28px 0 40px;max-width:720px;}
.bx-why-stat{background:#fff;padding:22px 18px;text-align:center;}
.bx-why-stat .v{font-size:32px;font-weight:800;color:#EA5B33;line-height:1;margin:0 0 8px;}
.bx-why-stat .l{font-size:13px;color:#4A5464;line-height:1.4;margin:0;}
@media (max-width:700px){.bx-why-stats{grid-template-columns:1fr;max-width:100%;}}

/* ---------- Dlaczego BOIT: kolorowy akcent na gorze karty ---------- */
.bx-why-item{position:relative;overflow:hidden;}
.bx-why-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ico-solid,#EA5B33);}

/* ---------- Dlaczego BOIT: smialy hover - karta wypelnia sie kolorem ---------- */
.bx-why-item.c-orange{--card-dark:#B8481F;}
.bx-why-item.c-teal{--card-dark:#0B6B61;}
.bx-why-item.c-blue{--card-dark:#17348C;}
.bx-why-item.c-purple{--card-dark:#4C1D95;}
.bx-why-item.c-emerald{--card-dark:#03543A;}
.bx-why-item.c-rose{--card-dark:#7F0E2A;}

.bx-why-item{transition:background .3s ease,border-color .3s ease,transform .25s ease,box-shadow .25s ease;cursor:default;}
.bx-why-item:hover{background:var(--card-dark,#111827);border-color:var(--card-dark,#111827);transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(15,23,42,0.35);}
.bx-why-item .wp-block-heading{transition:color .3s ease;}
.bx-why-item p{transition:color .3s ease;}
.bx-why-item ul.wp-block-list li{transition:color .3s ease;}
.bx-why-item ul.wp-block-list li:before{transition:background .3s ease;}
.bx-why-item:hover .wp-block-heading{color:#fff;}
.bx-why-item:hover p{color:rgba(255,255,255,0.82);}
.bx-why-item:hover ul.wp-block-list li{color:rgba(255,255,255,0.78);}
.bx-why-item:hover ul.wp-block-list li:before{background:#fff;}
.bx-why-item .ico{transition:background .3s ease,box-shadow .3s ease;}
.bx-why-item:hover .ico{background:#fff !important;box-shadow:0 8px 20px rgba(0,0,0,0.28);}
.bx-why-item:hover .ico svg{color:var(--ico-solid,#EA5B33) !important;}
.bx-why-item:before{transition:opacity .3s ease;}
.bx-why-item:hover:before{opacity:0;}
@media (prefers-reduced-motion: reduce){
  .bx-why-item:hover{transform:none;}
  .bx-why-item:hover .ico{transform:none;}
}

/* ---------- Dlaczego BOIT: usuniecie przekrzywienia ikony, wieksza ikona ---------- */
.bx-why-item .ico svg{width:36px;height:36px;}
.bx-why-item:hover .ico{transform:none;}

/* ---------- mobile fix: karty produktowe na bardzo waskich ekranach ---------- */
@media (max-width:400px){
  .bx-prod-grid > .bx-prod-card{min-width:0;width:100%;}
}

/* ---------- wieksze odstepy w naglówku (desktop) ---------- */
@media (min-width:576px){.bx-hdr-inner{margin-top:18px;}}
.bx-hdr-inner{padding:17px 26px;}
.bx-nav{gap:30px;}

/* ---------- wiekszy odstep miedzy naglowkiem a headlinerem hero ---------- */
.bx-hero{padding-top:198px;}
@media (max-width:575px){.bx-hero{padding-top:150px;}}

/* ---------- Dlaczego BOIT: ciemne tlo z gradientem (smialszy wariant) ---------- */
.bx-why{
  background:
    radial-gradient(1000px 480px at 12% -15%, rgba(234,91,51,0.20), transparent),
    radial-gradient(760px 460px at 100% 110%, rgba(234,91,51,0.12), transparent),
    #0B1220;
}
.bx-why .bx-sec .wp-block-heading{color:#fff;}
.bx-why .bx-sec > p.intro{color:#94A3B8;}

.bx-why-stats{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.16);}
.bx-why-stat{background:rgba(255,255,255,0.035);}
.bx-why-stat .v{color:#EA5B33;text-shadow:0 0 26px rgba(234,91,51,0.55);}
.bx-why-stat .l{color:#94A3B8;}

.bx-why-item:hover{box-shadow:0 26px 54px -16px rgba(0,0,0,0.55), 0 0 46px -8px var(--ico-solid,#EA5B33);}

/* ---------- Dlaczego BOIT v2: mocniejszy gradient, mocniejsze statystyki, zywszy hover ---------- */
.bx-why{
  background:
    radial-gradient(900px 520px at 15% 0%, rgba(234,91,51,0.38), transparent 62%),
    radial-gradient(750px 520px at 100% 105%, rgba(234,91,51,0.24), transparent 62%),
    linear-gradient(180deg, #0B1220 0%, #111B2E 100%);
}

.bx-why-stats{background:transparent;border:none;gap:16px;}
.bx-why-stat{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);border-top:3px solid var(--stat-acc,#EA5B33);border-radius:14px;padding:28px 20px;transition:transform .25s ease,background .25s ease;}
.bx-why-stat:hover{background:rgba(255,255,255,0.09);transform:translateY(-4px);}
.bx-why-stat:nth-child(1){--stat-acc:#EA5B33;}
.bx-why-stat:nth-child(2){--stat-acc:#12A594;}
.bx-why-stat:nth-child(3){--stat-acc:#2563EB;}
.bx-why-stat .v{font-size:42px;color:var(--stat-acc,#EA5B33);text-shadow:0 0 34px var(--stat-acc,#EA5B33);}
.bx-why-stat .l{color:#B8C2D1;font-size:13.5px;}

@keyframes bx-icon-pop{0%{transform:scale(1);}45%{transform:scale(1.22) rotate(4deg);}100%{transform:scale(1.05);}}
.bx-why-item:hover .ico{animation:bx-icon-pop .45s cubic-bezier(.34,1.56,.64,1);}
.bx-why-item:hover{transform:translateY(-8px) scale(1.015);}
@media (prefers-reduced-motion: reduce){
  .bx-why-item:hover .ico{animation:none;}
  .bx-why-item:hover{transform:none;}
}

/* ---------- Dlaczego BOIT v3: prawdziwe kolory z logo (br¹z -> terakota -> koral) ---------- */
.bx-why{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 15% 0%, rgba(255,135,114,0.26), transparent 60%),
    radial-gradient(750px 520px at 100% 105%, rgba(161,95,90,0.40), transparent 62%),
    linear-gradient(135deg, #14151F 0%, #2B2D3B 55%, #1D1720 100%);
}
.bx-why:before{
  content:'';
  position:absolute;
  top:-130px; right:-130px;
  width:540px; height:540px;
  border:1px solid rgba(255,135,114,0.16);
  border-radius:50%;
  pointer-events:none;
}
.bx-why:after{
  content:'';
  position:absolute;
  top:-40px; right:-40px;
  width:340px; height:340px;
  border:1px solid rgba(208,115,102,0.22);
  border-radius:50%;
  pointer-events:none;
}
.bx-why .bx-sec{position:relative;z-index:1;}

.bx-why-stat:nth-child(1){--stat-acc:#FF8772;}
.bx-why-stat:nth-child(2){--stat-acc:#12A594;}
.bx-why-stat:nth-child(3){--stat-acc:#D07366;}

/* ---------- jeszcze wiekszy odstep: pasek ekosystemu -> naglowek ---------- */
@media (min-width:576px){.bx-hdr-inner{margin-top:28px;}}

/* ---------- Dlaczego BOIT v4: naprawde ciemne tlo, deseh, pelna szerokosc, plakietki ---------- */
.bx-why{
  width:100vw;
  margin-left:calc(50% - 50vw);
  position:relative;
  overflow:hidden;
  background-color:#05070C;
  background-image:
    radial-gradient(rgba(255,255,255,0.055) 1px, transparent 1.6px),
    radial-gradient(1100px 620px at 10% -10%, rgba(255,135,114,0.24), transparent 55%),
    radial-gradient(900px 620px at 95% 105%, rgba(161,95,90,0.34), transparent 55%),
    linear-gradient(160deg, #05070C 0%, #14151F 38%, #2B2D3B 76%, #1D1720 100%);
  background-size: 24px 24px, auto, auto, auto;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
}
.bx-why .bx-sec{max-width:1238px;margin-left:auto;margin-right:auto;}

.bx-vendor-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px;}
.bx-vendor-badges .vb{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:999px;letter-spacing:0.02em;}
.bx-vendor-badges .vb.eset{background:rgba(18,165,148,0.2);color:#5EEAD4;}
.bx-vendor-badges .vb.crowdstrike{background:rgba(220,38,38,0.2);color:#FCA5A5;}
.bx-vendor-badges .vb.action1{background:rgba(37,99,235,0.2);color:#93C5FD;}
.bx-vendor-badges .vb.fortigate{background:rgba(255,135,114,0.2);color:#FF8772;}

/* ================================================================
   BOIT WHY SECTION -- CALKOWITA PRZEBUDOWA (nowa, izolowana nazwa)
   ================================================================ */
.boit-why{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  position:relative;
  overflow:hidden;
  background-color:#05070C !important;
  background-image:
    radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1.6px),
    radial-gradient(1100px 620px at 10% -10%, rgba(255,135,114,0.24), transparent 55%),
    radial-gradient(900px 620px at 95% 105%, rgba(161,95,90,0.34), transparent 55%),
    linear-gradient(160deg, #05070C 0%, #14151F 38%, #2B2D3B 76%, #1D1720 100%) !important;
  background-size: 24px 24px, auto, auto, auto;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  padding: 88px 0;
  display:block !important;
}
.boit-why:before{
  content:"";
  position:absolute; top:-130px; right:-130px; width:540px; height:540px;
  border:1px solid rgba(255,135,114,0.16); border-radius:50%; pointer-events:none;
}
.boit-why:after{
  content:"";
  position:absolute; top:-40px; right:-40px; width:340px; height:340px;
  border:1px solid rgba(208,115,102,0.22); border-radius:50%; pointer-events:none;
}
.boit-why-inner{ position:relative; z-index:1; max-width:1238px; margin:0 auto; padding:0 24px; box-sizing:border-box; }
.boit-why-eyebrow{ font-size:12.5px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:#FF8772; margin:0 0 12px; }
.boit-why-inner h2{ font-size:32px; font-weight:800; color:#fff !important; margin:0 0 14px; letter-spacing:-0.01em; }
.boit-why-inner p.boit-intro{ font-size:15.5px; line-height:1.75; color:#B8C2D1 !important; max-width:640px; margin:0 0 36px; }

/* pasek statystyk */
.boit-why-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:0 0 48px; }
@media (max-width:700px){ .boit-why-stats{ grid-template-columns:1fr; } }
.boit-why-stat{ background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.14); border-top:3px solid var(--sacc,#FF8772); border-radius:14px; padding:26px 20px; text-align:center; }
.boit-why-stat:nth-child(1){ --sacc:#FF8772; }
.boit-why-stat:nth-child(2){ --sacc:#12A594; }
.boit-why-stat:nth-child(3){ --sacc:#D07366; }
.boit-why-stat .v{ font-size:38px; font-weight:800; color:var(--sacc,#FF8772); line-height:1; margin:0 0 8px; text-shadow:0 0 30px var(--sacc,#FF8772); }
.boit-why-stat .l{ font-size:13.5px; color:#94A3B8; line-height:1.4; margin:0 0 12px; }
.boit-why-stat .badges{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }
.boit-why-stat .badges span{ font-size:10.5px; font-weight:700; padding:4px 9px; border-radius:999px; letter-spacing:0.02em; background:rgba(255,255,255,0.1); color:#fff; }

/* siatka kart */
.boit-why-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
@media (max-width:780px){ .boit-why-grid{ grid-template-columns:1fr; } }
.boit-why-card{
  background:#fff; border:1px solid #E5E7EB; border-radius:14px; padding:28px 26px;
  position:relative; overflow:hidden; display:flex; flex-direction:column;
  transition:background .3s ease, border-color .3s ease, transform .25s ease, box-shadow .25s ease;
}
.boit-why-card:before{ content:""; position:absolute; top:0; left:0; right:0; height:4px; background:var(--cacc,#FF8772); transition:opacity .3s ease; }
.boit-why-card:hover{ transform:translateY(-6px); background:var(--cdark,#111827); border-color:var(--cdark,#111827); box-shadow:0 26px 54px -16px rgba(0,0,0,0.5), 0 0 40px -8px var(--cacc,#FF8772); }
.boit-why-card:hover:before{ opacity:0; }
.boit-why-card.c1{ --cacc:#FF8772; --cdark:#B8481F; }
.boit-why-card.c2{ --cacc:#12A594; --cdark:#0B6B61; }
.boit-why-card.c3{ --cacc:#2563EB; --cdark:#17348C; }
.boit-why-card.c4{ --cacc:#6D28D9; --cdark:#4C1D95; }
.boit-why-card.c5{ --cacc:#059669; --cdark:#03543A; }
.boit-why-card.c6{ --cacc:#E11D48; --cdark:#7F0E2A; }
.boit-why-card .ico{ width:56px; height:56px; border-radius:14px; background:var(--cacc); display:flex; align-items:center; justify-content:center; margin:0 0 18px; flex-shrink:0; transition:background .3s ease, box-shadow .3s ease; }
.boit-why-card .ico svg{ width:28px; height:28px; color:#fff; }
.boit-why-card:hover .ico{ background:#fff; box-shadow:0 8px 20px rgba(0,0,0,0.28); }
.boit-why-card:hover .ico svg{ color:var(--cacc); }
.boit-why-card h3{ font-size:17px; font-weight:800; color:#111827; margin:0 0 10px; transition:color .3s ease; }
.boit-why-card:hover h3{ color:#fff; }
.boit-why-card p{ font-size:14px; line-height:1.65; color:#6B7280; margin:0 0 14px; transition:color .3s ease; }
.boit-why-card:hover p{ color:rgba(255,255,255,0.82); }
.boit-why-card ul{ list-style:none; margin:0 0 0; padding:0; margin-top:auto; }
.boit-why-card ul li{ font-size:13px; color:#4B5563; padding-left:18px; position:relative; margin-bottom:6px; transition:color .3s ease; }
.boit-why-card ul li:before{ content:""; position:absolute; left:0; top:7px; width:6px; height:6px; border-radius:50%; background:var(--cacc); transition:background .3s ease; }
.boit-why-card:hover ul li{ color:rgba(255,255,255,0.78); }
.boit-why-card:hover ul li:before{ background:#fff; }
@media (prefers-reduced-motion: reduce){
  .boit-why-card:hover{ transform:none; }
}

/* ================================================================
   BOIT TRUST BAR -- CALKOWITA PRZEBUDOWA (nowa, izolowana nazwa)
   ================================================================ */
.boit-trust{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  position:relative;
  overflow:hidden;
  background-color:#05070C !important;
  background-image:
    radial-gradient(rgba(255,255,255,0.045) 1px, transparent 1.6px),
    radial-gradient(900px 460px at 90% -10%, rgba(255,135,114,0.16), transparent 55%),
    linear-gradient(160deg, #05070C 0%, #14151F 45%, #1D1720 100%) !important;
  background-size: 24px 24px, auto, auto;
  background-repeat: repeat, no-repeat, no-repeat;
  padding: 72px 0;
}
.boit-trust-inner{ position:relative; z-index:1; max-width:1238px; margin:0 auto; padding:0 24px; box-sizing:border-box; text-align:center; }
.boit-trust-eyebrow{ font-size:12.5px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:#FF8772; margin:0 0 12px; }
.boit-trust-inner h2{ font-size:30px; font-weight:800; color:#fff !important; margin:0 0 14px; letter-spacing:-0.01em; }
.boit-trust-inner p.boit-intro{ font-size:15px; line-height:1.7; color:#B8C2D1 !important; max-width:600px; margin:0 auto 40px; }

.boit-trust-marquee{
  overflow:hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.boit-trust-track{
  display:flex; align-items:center; gap:24px; width:max-content;
  animation: boit-trust-scroll 32s linear infinite;
}
.boit-trust-marquee:hover .boit-trust-track{ animation-play-state:paused; }
.boit-trust-chip{
  flex-shrink:0;
  width:190px; height:96px;
  background:#fff;
  border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  padding:20px 24px;
  box-shadow:0 10px 24px rgba(0,0,0,0.25);
}
.boit-trust-chip img{
  max-width:100%; max-height:100%; width:auto; height:auto;
  object-fit:contain; display:block;
  filter:grayscale(1); opacity:0.78;
  transition:opacity .2s ease, filter .2s ease;
}
.boit-trust-chip:hover img{ filter:grayscale(0); opacity:1; }
@keyframes boit-trust-scroll{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){
  .boit-trust-track{ animation:none; }
}
@media (max-width:575px){
  .boit-trust-chip{ width:150px; height:78px; padding:14px 18px; }
}

/* ================================================================
   BOIT LEAD/KONTAKT -- CALKOWITA PRZEBUDOWA (nowa, izolowana nazwa)
   ================================================================ */
.boit-lead{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  position:relative;
  overflow:hidden;
  background-color:#05070C !important;
  background-image:
    radial-gradient(rgba(255,255,255,0.045) 1px, transparent 1.6px),
    radial-gradient(1000px 560px at 90% -15%, rgba(255,135,114,0.20), transparent 55%),
    radial-gradient(800px 500px at 5% 110%, rgba(161,95,90,0.22), transparent 55%),
    linear-gradient(160deg, #05070C 0%, #14151F 40%, #2B2D3B 78%, #1D1720 100%) !important;
  background-size: 24px 24px, auto, auto, auto;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  padding: 84px 0;
}
.boit-lead-inner{ position:relative; z-index:1; max-width:1238px; margin:0 auto; padding:0 24px; box-sizing:border-box; }
.boit-lead-wrap{ display:grid; grid-template-columns:1.05fr 1fr; gap:56px; align-items:start; }
@media (max-width:900px){ .boit-lead-wrap{ grid-template-columns:1fr; gap:36px; } }

.boit-lead-eyebrow{ font-size:12.5px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:#FF8772; margin:0 0 12px; }
.boit-lead-left h2{ font-size:30px; font-weight:800; color:#fff !important; margin:0 0 14px; letter-spacing:-0.01em; }
.boit-lead-left > p{ font-size:15.5px; line-height:1.75; color:#B8C2D1 !important; margin:0 0 28px; max-width:480px; }

.boit-lead-features{ display:flex; flex-direction:column; gap:12px; }
.boit-lead-feature{
  display:flex; align-items:center; gap:12px;
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12);
  border-radius:12px; padding:13px 16px;
}
.boit-lead-feature .check{
  flex-shrink:0; width:26px; height:26px; border-radius:50%;
  background:#FF8772; display:flex; align-items:center; justify-content:center;
}
.boit-lead-feature .check svg{ width:14px; height:14px; color:#05070C; }
.boit-lead-feature span{ font-size:14.5px; font-weight:600; color:#fff; }

.boit-lead-card{
  position:relative; z-index:1;
  background:#fff; border-radius:16px; padding:32px;
  box-shadow:0 30px 60px -20px rgba(0,0,0,0.5);
}
.boit-lead-card h3{ font-size:19px; font-weight:800; color:#111827; margin:0 0 6px; }
.boit-lead-card p.lead{ font-size:13.5px; color:#6B7280; margin:0 0 20px; }
.boit-lead-card form.wpcf7-form p{ margin-bottom:14px; }
.boit-lead-card form.wpcf7-form label{ font-size:13.5px; font-weight:600; color:#374151; display:block; margin-bottom:6px; }
.boit-lead-card form.wpcf7-form input[type=text],
.boit-lead-card form.wpcf7-form input[type=email],
.boit-lead-card form.wpcf7-form input[type=tel],
.boit-lead-card form.wpcf7-form textarea{
  width:100%; padding:12px 14px; border:1px solid #D1D5DB; border-radius:9px;
  font-size:14px; font-family:inherit; box-sizing:border-box; transition:border-color .15s;
}
.boit-lead-card form.wpcf7-form input:focus,
.boit-lead-card form.wpcf7-form textarea:focus{ outline:none; border-color:#EA5B33; }
.boit-lead-card form.wpcf7-form textarea{ min-height:110px; resize:vertical; }
.boit-lead-card form.wpcf7-form input[type=submit]{
  background:#EA5B33; color:#fff; border:none; border-radius:9px;
  padding:13px 24px; font-weight:700; font-size:14.5px; cursor:pointer; transition:background .15s;
}
.boit-lead-card form.wpcf7-form input[type=submit]:hover{ background:#B8481F; }

/* ---------- spojnosc: stopka dostaje ten sam desen co sekcje boit-* ---------- */
.bx-ftr{
  position:relative;
  overflow:hidden;
  background-color:#05070C !important;
  background-image:
    radial-gradient(rgba(255,255,255,0.045) 1px, transparent 1.6px),
    radial-gradient(800px 420px at 85% 0%, rgba(161,95,90,0.16), transparent 55%),
    linear-gradient(160deg, #05070C 0%, #14151F 55%, #1D1720 100%) !important;
  background-size: 24px 24px, auto, auto;
  background-repeat: repeat, no-repeat, no-repeat;
}
.bx-ftr-inner{ position:relative; z-index:1; }

/* ---------- karuzela zaufania: szybciej, zeby ruch byl od razu widoczny ---------- */
.boit-trust-track{ animation-duration: 22s !important; }

/* ---------- Firmy ktore nam zaufaly: powrot do jasnego tla ---------- */
.boit-trust{
  background-color:#ffffff !important;
  background-image:none !important;
}
.boit-trust:before,.boit-trust:after{ display:none; }
.boit-trust-eyebrow{ color:#EA5B33 !important; }
.boit-trust-inner h2{ color:#111827 !important; }
.boit-trust-inner p.boit-intro{ color:#6B7280 !important; }
.boit-trust-chip{ background:#F8FAFC; border:1px solid #E5E7EB; box-shadow:none; }
.boit-trust-chip img{ opacity:0.6; }
.boit-trust-chip:hover img{ opacity:1; }
.boit-trust-marquee{
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

/* ---------- Kontakt + stopka: jeden spojny, ciemny blok bez szwu ---------- */
.boit-lead{
  background-color:#05070C !important;
  background-image:
    radial-gradient(rgba(255,255,255,0.045) 1px, transparent 1.6px),
    linear-gradient(180deg, #05070C 0%, #14151F 100%) !important;
  background-size: 24px 24px, auto;
  background-repeat: repeat, no-repeat;
  padding-bottom: 0;
}
.bx-ftr{
  background-color:#05070C !important;
  background-image:
    radial-gradient(rgba(255,255,255,0.045) 1px, transparent 1.6px),
    linear-gradient(180deg, #14151F 0%, #05070C 100%) !important;
  background-size: 24px 24px, auto;
  background-repeat: repeat, no-repeat;
  border-top:none !important;
}
.bx-ftr-bottom{ border-top-color: rgba(255,255,255,0.08) !important; }