/* Wygenerowane przez build.py z makiety – nie edytować ręcznie. */
.dgb-case { --ink: #0d0d0d; --paper: #ffffff; --stone: #f4f4f2; --line: #e3e3e0; --mute: #6e6e6a;
    --honey: #f7b500; --honey-soft: #fff4d1; }
.dgb-case, .dgb-case * { box-sizing: border-box; }
.dgb-case { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.6 Poppins, sans-serif; }
.dgb-case .wrap { max-width: 1160px; margin: 0 auto; padding: 0 32px; }
.dgb-case .label { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.dgb-case .hl { background: linear-gradient(transparent 60%, var(--honey) 60%, var(--honey) 92%, transparent 92%); }
.dgb-case .dark { background: #111 url("https://digibee.pl/wp-content/uploads/2025/02/Grafiki-na-strone-digibee-5.webp") center / cover; color: #fff; }
.dgb-case .hero { background: linear-gradient(90deg, rgba(246,246,246,.92) 0%, rgba(246,246,246,.7) 50%, rgba(246,246,246,0) 78%), #e9e9e9 url("https://digibee.pl/wp-content/uploads/2025/03/Grafiki-na-strone-digibee.webp") center / cover; padding: 72px 0 0; }
.dgb-case .crumbs { margin-bottom: 22px; }
.dgb-case .hero-grid { display: grid; grid-template-columns: 1fr 340px; gap: 56px; align-items: end; }
.dgb-case h1 { font-size: clamp(36px, 5vw, 60px); line-height: 1.05; font-weight: 800; letter-spacing: -.02em; margin: 0; }
.dgb-case .lead { font-size: 18px; color: #222; max-width: 640px; margin: 22px 0 0; }
.dgb-case .facts { background: #fff; padding: 6px 22px; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.dgb-case .facts div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.dgb-case .facts div:last-child { border-bottom: 0; }
.dgb-case .facts span:first-child { color: var(--mute); }
.dgb-case .facts span:last-child { font-weight: 600; text-align: right; }
.dgb-case .kpis { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 60px; background: #fff; border-radius: 6px 6px 0 0; }
.dgb-case .kpi { padding: 28px 26px 26px; border-right: 1px solid var(--line); }
.dgb-case .kpi:last-child { border-right: 0; }
.dgb-case .kpi b { display: block; font-size: 44px; line-height: 1; font-weight: 800; letter-spacing: -.02em; }
.dgb-case .kpi b small { font-size: 22px; font-weight: 700; color: var(--mute); }
.dgb-case .kpi p { margin: 10px 0 0; font-size: 14px; line-height: 1.45; }
.dgb-case .kpi .label { display: block; margin-top: 8px; font-size: 10.5px; font-weight: 500; }
.dgb-case section { padding: 96px 0; }
.dgb-case .eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.dgb-case .eyebrow b { font-size: 13px; font-weight: 700; }
.dgb-case .eyebrow::after { content: ""; width: 40px; height: 3px; background: var(--honey); order: -1; }
.dgb-case h2 { font-size: clamp(28px, 3.4vw, 42px); line-height: 1.12; font-weight: 800; letter-spacing: -.015em; margin: 0 0 16px; max-width: 780px; }
.dgb-case .sub { color: #444; max-width: 680px; margin: 0; }
.dgb-case .chart-wrap { display: grid; grid-template-columns: 1fr 300px; gap: 32px; margin-top: 44px; align-items: start; }
.dgb-case .legend { display: flex; flex-wrap: wrap; gap: 22px; margin-bottom: 8px; font-size: 13px; color: var(--mute); }
.dgb-case .legend i { display: inline-block; width: 14px; height: 10px; margin-right: 7px; vertical-align: middle; border-radius: 2px; }
.dgb-case .chart-wrap > * { min-width: 0; }
.dgb-case .chart-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dgb-case #dgb-chart { width: 100%; display: block; overflow: visible; }
.dgb-case #dgb-chart text { font-family: Poppins, sans-serif; }
.dgb-case #dgb-chart .bar { fill: #ecebe7; transition: fill .15s; cursor: default; }
.dgb-case #dgb-chart .bar:hover, .dgb-case #dgb-chart .bar.on { fill: #3a3a38; }
.dgb-case #dgb-chart .ev { cursor: pointer; outline: none; }
.dgb-case #dgb-chart .ev:focus-visible circle.ring { stroke: #f7b500; stroke-width: 4; }
.dgb-case #dgb-chart .ev circle.ring { fill: #fff; stroke: #0d0d0d; stroke-width: 2.5; transition: r .15s, fill .15s; }
.dgb-case #dgb-chart .ev:hover circle.ring { r: 9; }
.dgb-case #dgb-chart .ev.on circle.ring { r: 10; fill: var(--honey); }
.dgb-case .story { background: var(--stone); border-radius: 6px; padding: 24px; position: sticky; top: 20px; min-height: 300px; }
.dgb-case .story .when { font-size: 13px; font-weight: 600; color: var(--mute); }
.dgb-case .story h3 { margin: 4px 0 10px; font-size: 21px; line-height: 1.25; }
.dgb-case .story p { margin: 0 0 18px; font-size: 14.5px; color: #333; }
.dgb-case .story dl { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; margin: 0; padding-top: 18px; border-top: 1px solid var(--line); }
.dgb-case .story dl > div { display: flex; flex-direction: column; }
.dgb-case .story dt { font-size: 11px; color: var(--mute); text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.dgb-case .story dd { margin: auto 0 0; padding-top: 4px; font-size: 20px; font-weight: 800; line-height: 1.2; }
.dgb-case .story .nav { display: flex; gap: 8px; margin-top: 20px; }
.dgb-case .story button { font: 600 13px Poppins; border: 1px solid var(--ink); background: #fff; padding: 7px 12px; border-radius: 4px; cursor: pointer; }
.dgb-case .story button:hover { background: var(--ink); color: #fff; }
.dgb-case .dark h2 { color: #fff; }
.dgb-case .dark .sub { color: #cfcfcf; }
.dgb-case .diag { margin-top: 48px; }
.dgb-case .diag-row { display: grid; grid-template-columns: 70px 1.1fr 1fr 1fr; gap: 28px; padding: 30px 0; border-top: 1px solid rgba(255,255,255,.16); }
.dgb-case .diag-row .no { font-size: 34px; font-weight: 800; color: var(--honey); line-height: 1; }
.dgb-case .diag-row h3 { margin: 0; font-size: 20px; line-height: 1.25; }
.dgb-case .diag-row .label { color: #a8a8a8; display: block; margin-bottom: 6px; font-size: 11px; }
.dgb-case .diag-row p { margin: 0; font-size: 14.5px; color: #d8d8d8; }
.dgb-case .diag-row .stat { font-size: 28px; font-weight: 800; color: #fff; display: block; margin-bottom: 2px; }
.dgb-case .phases { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; margin-top: 48px; counter-reset: ph; }
.dgb-case .phase { border-top: 3px solid var(--ink); padding-top: 18px; }
.dgb-case .phase .label { font-size: 11px; }
.dgb-case .phase h3 { margin: 6px 0 12px; font-size: 19px; line-height: 1.25; }
.dgb-case .phase ul { margin: 0; padding: 0; list-style: none; font-size: 14px; color: #333; }
.dgb-case .phase li { padding: 7px 0 7px 18px; border-bottom: 1px solid var(--line); position: relative; }
.dgb-case .phase li::before { content: ""; position: absolute; left: 0; top: 16px; width: 8px; height: 2px; background: var(--honey); }
.dgb-case .markets { background: var(--stone); }
.dgb-case .m-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; margin-top: 40px; }
.dgb-case .map-box { position: relative; }
.dgb-case #dgb-map { width: 100%; display: block; -webkit-mask-image: radial-gradient(ellipse 70% 68% at 48% 46%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 70% 68% at 48% 46%, #000 62%, transparent 100%); }
.dgb-case #dgb-map path.base { fill: #e2e2de; stroke: #f4f4f2; stroke-width: .8; }
.dgb-case #dgb-map path.mk { stroke: #f4f4f2; stroke-width: .8; cursor: pointer; transition: opacity .15s; }
.dgb-case #dgb-map.focus path.mk:not(.on) { opacity: .35; }
.dgb-case .tip { position: absolute; pointer-events: none; background: var(--ink); color: #fff; font-size: 13px; padding: 8px 12px; border-radius: 4px; white-space: nowrap; transform: translate(-50%, -110%); opacity: 0; transition: opacity .12s; }
.dgb-case .tip b { display: block; font-size: 15px; }
.dgb-case .m-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.dgb-case .m-table th { text-align: left; font-size: 11px; font-weight: 600; color: var(--mute); text-transform: uppercase; letter-spacing: .06em; padding: 0 0 10px; border-bottom: 2px solid var(--ink); }
.dgb-case .m-table td { padding: 11px 0; border-bottom: 1px solid var(--line); }
.dgb-case .m-table tr { cursor: pointer; }
.dgb-case .m-table tr.on td { background: #fff; }
.dgb-case .m-table td:not(:first-child), .dgb-case .m-table th:not(:first-child) { text-align: right; }
.dgb-case .m-table .bar { height: 5px; background: var(--ink); display: block; margin-top: 5px; border-radius: 2px; }
.dgb-case .m-table .bar.h { background: var(--honey); }
.dgb-case .lessons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 44px; }
.dgb-case .lesson { border-top: 3px solid var(--ink); padding-top: 18px; }
.dgb-case .lesson .num { font-size: 15px; font-weight: 800; color: var(--honey); }
.dgb-case .lesson h3 { font-size: 19px; margin: 6px 0 8px; line-height: 1.3; }
.dgb-case .lesson p { margin: 0; font-size: 14.5px; color: #444; }
.dgb-case .cta { padding: 84px 0; }
.dgb-case .cta .wrap { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.dgb-case .cta h2 { margin: 0; }
.dgb-case .btn { background: var(--honey); color: var(--ink); font-weight: 700; padding: 16px 28px; border-radius: 4px; white-space: nowrap; text-decoration: none; }
@media (max-width: 900px) {
.dgb-case .hero-grid, .dgb-case .m-grid, .dgb-case .chart-wrap { grid-template-columns: 1fr; gap: 32px; }
.dgb-case .kpis { grid-template-columns: 1fr 1fr; }
.dgb-case .kpi:nth-child(2) { border-right: 0; }
.dgb-case .kpi:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
.dgb-case .diag-row { grid-template-columns: 1fr; gap: 10px; }
.dgb-case .phases, .dgb-case .lessons { grid-template-columns: 1fr; }
.dgb-case .cta .wrap { flex-direction: column; align-items: flex-start; }
.dgb-case .story { position: static; }
.dgb-case #dgb-chart { min-width: 680px; }
.dgb-case .m-table td:last-child, .dgb-case .m-table th:last-child { padding-left: 14px; }
}
@media (max-width: 560px) {
.dgb-case .kpis { grid-template-columns: 1fr; }
.dgb-case .kpi { border-right: 0; border-bottom: 1px solid var(--line); }
.dgb-case .kpi b { font-size: 40px; }
.dgb-case .wrap { padding: 0 20px; }
.dgb-case section { padding: 72px 0; }
}

body .dgb-case :is(h1, h2, h3, p, li, td, th, dt, dd, span, b, a, button, div) { font-family: Poppins, sans-serif; }
body .dgb-case :is(p, li, td, dd) { color: inherit; line-height: 1.6; font-size: inherit; font-weight: inherit; }
.dgb-case .hero { padding-top: 150px; }
.dgb-case .facts span:first-child { flex: none; }
.dgb-case .ev-list { list-style: none; margin: 0; padding: 0; }
.dgb-case .ev-list li + li { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
@media (max-width: 900px) { .dgb-case .hero { padding-top: 120px; } }