/* ===== v6: kafel „Statystyki cen” z animowanym wykresem ===== */
.bx.stat{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(22px,3vw,36px);background:var(--surface)}
.bx.stat .txt2{display:flex;flex-direction:column;gap:10px}
.bx.stat h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em}
.bx.stat .chips2{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bx.stat .chips2 span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500}
.chart{background:#fff;border-radius:20px;padding:18px 18px 16px;box-shadow:0 1px 2px rgba(12,27,45,.05),0 10px 30px rgba(12,27,45,.07);display:grid;gap:12px}
.ch-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ch-top b{font-size:14px}
.seg{display:inline-flex;background:var(--surface);border-radius:999px;padding:3px;gap:2px}
.seg span{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;color:var(--muted);animation:seg 9s infinite}
.seg span:nth-child(2){animation-delay:3s}.seg span:nth-child(3){animation-delay:6s}
@keyframes seg{0%,30%{background:var(--navy);color:#fff}34%,100%{background:transparent;color:var(--muted)}}
.plot{position:relative}
.plot svg{display:block;width:100%;height:auto;overflow:visible}
.gl{stroke:rgba(12,27,45,.1);stroke-width:1;stroke-dasharray:3 5}
.ln{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:640;stroke-dashoffset:640;animation:drw 9s var(--ease) infinite}
.ln.m{stroke:var(--navy)}
.ln.f{stroke:var(--goldmid);animation-delay:.5s}
@keyframes drw{0%{stroke-dashoffset:640}38%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.ar{fill:url(#ga);opacity:0;animation:arf 9s var(--ease) infinite}
@keyframes arf{0%,25%{opacity:0}45%,88%{opacity:1}100%{opacity:0}}
.pt{fill:var(--goldmid);stroke:#fff;stroke-width:3;opacity:0;animation:ptf 9s var(--ease) infinite}
@keyframes ptf{0%,38%{opacity:0;transform:scale(.4)}46%,88%{opacity:1;transform:scale(1)}100%{opacity:0}}
.pt{transform-box:fill-box;transform-origin:center}
.tipc{position:absolute;right:2%;top:4%;background:var(--navy);color:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;opacity:0;animation:tpf 9s var(--ease) infinite;white-space:nowrap}
@keyframes tpf{0%,42%{opacity:0;transform:translateY(8px)}52%,88%{opacity:1;transform:none}100%{opacity:0}}
.lgd{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:#33415A}
.lgd i{display:inline-block;width:18px;height:4px;border-radius:2px;margin-right:7px;vertical-align:middle}
.lgd .a{background:var(--navy)}.lgd .b{background:var(--goldmid)}
/* rozkład cen ze strefami */
.hist{position:relative;container-type:inline-size;display:flex;align-items:flex-end;gap:5px;height:76px;margin-top:26px}
.hist b{flex:1;border-radius:5px 5px 2px 2px;height:calc(var(--h)*1%);background:var(--sage);transform-origin:50% 100%;animation:grw 9s var(--ease) infinite}
.hist b:nth-child(n+5){background:var(--goldmid)}
.hist b:nth-child(n+10){background:#C0605A}
.hist b:nth-child(1){animation-delay:0s}.hist b:nth-child(2){animation-delay:.05s}.hist b:nth-child(3){animation-delay:.1s}.hist b:nth-child(4){animation-delay:.15s}.hist b:nth-child(5){animation-delay:.2s}.hist b:nth-child(6){animation-delay:.25s}.hist b:nth-child(7){animation-delay:.3s}.hist b:nth-child(8){animation-delay:.35s}.hist b:nth-child(9){animation-delay:.4s}.hist b:nth-child(10){animation-delay:.45s}.hist b:nth-child(11){animation-delay:.5s}.hist b:nth-child(12){animation-delay:.55s}.hist b:nth-child(13){animation-delay:.6s}.hist b:nth-child(14){animation-delay:.65s}
@keyframes grw{0%{transform:scaleY(0)}30%,90%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.pin{position:absolute;left:8%;top:-4px;bottom:0;width:0;border-left:2px dashed var(--navy);animation:pin 9s ease-in-out infinite}
.pin:after{content:"Twoja oferta";position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;font:700 12px Barlow;border-radius:999px;padding:3px 10px;white-space:nowrap}
@keyframes pin{0%,30%{transform:translateX(0);opacity:0}38%{opacity:1}55%{transform:translateX(0)}85%,90%{transform:translateX(44cqw);opacity:1}100%{opacity:0}}
.zones{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media(max-width:1100px){.bx.stat{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.seg span,.ln,.ar,.pt,.tipc,.hist b,.pin{animation:none!important}.ln{stroke-dashoffset:0}.ar,.pt,.tipc{opacity:1}.seg span:first-child{background:var(--navy);color:#fff}.pin{transform:translateX(30cqw)}}

/* stopka: czytelna szerokość akapitów */
footer .in>div{max-width:72ch}

/* zapis: imię, nazwisko, firma, e-mail */
form.z input[type=text]{flex:1 1 calc(50% - 5px);min-width:0;min-height:54px;border-radius:999px;border:1.5px solid rgba(12,27,45,.28);padding:0 24px;font:400 16px Barlow;background:#fff;color:var(--navy)}
form.z input[type=text].wide{flex-basis:100%}
.final form.z input[type=text]{border-color:rgba(255,255,255,.4);background:transparent;color:#fff}
/* nagłówek na telefonie: logo + przycisk muszą się zmieścić (bez poziomego przewijania) */
@media(max-width:640px){header img{height:21px;max-width:52vw;width:auto}header .btn{padding:0 14px;font-size:13.5px}}
@media(max-width:360px){header img{height:18px}header .btn{padding:0 11px;font-size:13px}}