@import url("fonts.css");
/* mageek.it, strona publiczna. Paleta „Ogród”. Kolejność: tokeny, baza, typografia, układ, komponenty, bloki, animacje. */

:root{
  --mech:#3E5B45; --mech-8:#314D38; --mech-9:#1F3725; --mech-1:#E7EFE9;
  --ziemia:#1F2A22; --biel:#F7F6F1; --szalwia:#DFE7DA; --mgla:#A9BEC6; --mgla-1:#DEF0F8; --mgla-2:#E1E6E5; --mgla-7:#525D61;
  --cegla:#A8432F; --cegla-7:#973724; --cegla-0:#FEF4F2; --cegla-3:#F5B1A1;
  --warn:#7A5300; --warn-1:#FAF0D6; --warn-i:#B07A12; --ok:#1E6A5A; --ok-1:#DFEEEA;
  --n7:#565D54; --n2:#DDDDD6; --n1:#ECECE6; --white:#FFFFFF;

  --bg:var(--biel); --fg:var(--ziemia); --muted:var(--n7); --line:var(--n2); --surface:var(--white); --accent:var(--mech); --accent-fg:#fff; --soft:var(--mech-1);

  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --wrap:1200px; --gut:clamp(16px,4vw,40px); --sec:clamp(64px,9vw,128px);
  --r:10px; --r-lg:16px; --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --shadow:0 1px 2px rgba(31,42,34,.06),0 4px 10px -6px rgba(31,42,34,.18);
  --shadow-lg:0 1px 2px rgba(31,42,34,.06),0 10px 10px -8px rgba(31,42,34,.24);
  color-scheme:light;
}

/* ── Baza ───────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 var(--sans);font-feature-settings:"kern","liga";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
img{border-radius:inherit}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--mech);outline-offset:3px;border-radius:4px}
[data-theme=dark] :focus-visible{outline-color:var(--mgla)}
::selection{background:var(--szalwia);color:var(--ziemia)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ziemia);color:var(--biel);padding:10px 16px;border-radius:var(--r);transition:top .2s}
.skip:focus{top:12px}
main{display:block;outline:none}
.ic{flex:none;display:inline-block;vertical-align:middle}
.anchor{position:relative;top:-90px;height:0}

/* ── Typografia ─────────────────────────────── */
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.12;letter-spacing:-.018em;margin:0 0 .5em;text-wrap:balance}
.h-hero{font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.028em}
.h-display{font-size:clamp(34px,4.6vw,58px);line-height:1.06;letter-spacing:-.025em}
.h-big{font-size:clamp(30px,3.8vw,48px);line-height:1.1}
.h-sec{font-size:clamp(28px,3.2vw,42px)}
.h-card{font-family:var(--serif);font-size:21px;line-height:1.3;letter-spacing:-.01em;margin:0 0 8px}
p{margin:0 0 1em}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:var(--muted);max-width:40em}
[data-theme=dark] .lead{color:rgba(247,246,241,.78)}
.eyebrow{font:500 12.5px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mech);margin:0 0 18px;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:8px;height:8px;border:1.5px solid currentColor;border-radius:2px;flex:none}
.eyebrow a{color:inherit;text-decoration:none}
[data-theme=dark] .eyebrow{color:var(--mgla)}
.note{color:var(--muted);font-size:15px;margin:0}
.answer{font-size:16.5px;line-height:1.6;color:var(--fg);max-width:40em;margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line)}

.prose{max-width:64ch}
.prose>*:last-child{margin-bottom:0}
.prose h2{font-size:clamp(26px,2.6vw,34px);margin:1.6em 0 .5em}
.prose h3{font-size:22px;margin:1.4em 0 .4em}
.prose h4{font-family:var(--sans);font-size:17px;letter-spacing:0;margin:1.2em 0 .3em}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.1em}
.prose li{margin:.3em 0}
.prose ul li::marker{color:var(--mech)}
.prose ol li::marker{font-family:var(--mono);font-size:.85em;color:var(--mech)}
.prose blockquote{margin:1.6em 0;padding:0 0 0 1.2em;text-indent:-.45em;font-family:var(--serif);font-size:1.18em;line-height:1.5}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{font:500 12.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.prose code{font-family:var(--mono);font-size:.88em;background:var(--n1);padding:2px 6px;border-radius:5px}
.prose pre{background:var(--ziemia);color:var(--biel);padding:18px;border-radius:var(--r);overflow-x:auto;font:14px/1.6 var(--mono)}
.prose pre code{background:none;padding:0;color:inherit}
.prose img{border-radius:var(--r);margin:1.4em 0}
.prose a{font-weight:500}
.prose-sm{font-size:14px;line-height:1.55}
.prose-sm p{margin:0 0 .4em}
[data-theme=dark] .prose a,[data-theme=dark] a{color:var(--mgla-1)}

/* ── Układ i tła ────────────────────────────── */
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
.wrap-text{max-width:calc(760px + var(--gut)*2)}
.wrap-post{max-width:calc(820px + var(--gut)*2)}
.narrow{max-width:calc(720px + var(--gut)*2)}
.sec{padding:var(--sec) 0;position:relative}
.sec+.sec.t-bg,.t-bg+.t-bg{padding-top:calc(var(--sec)*.55)}
.t-bg{--bg:var(--biel);background:var(--biel)}
.t-white{--bg:#fff;background:#fff}
.t-sage{--bg:var(--szalwia);background:var(--szalwia);--surface:#F4F7F1;--line:#C9D5C3}
.t-mist{--bg:var(--mgla-2);background:var(--mgla-2);--line:#C9D1D0}
.t-dark{--bg:var(--ziemia);background:var(--ziemia);color:var(--biel);--fg:var(--biel);--muted:rgba(247,246,241,.72);--line:rgba(247,246,241,.16);--surface:#26332A;--accent:var(--mgla);--soft:#2B3A30}
.sec-head{max-width:760px;margin-bottom:clamp(36px,4.5vw,60px)}
.sec-intro{font-size:18px;color:var(--muted);margin:0;max-width:40em}
.sec-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(32px,4vw,52px)}
.sec-row .sec-head{margin:0}
.sec-foot{margin-top:clamp(32px,4vw,48px);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,88px);align-items:center}
.split-rev>.split-copy{order:2}
.split-copy>.btn,.split-copy>.link-arrow{margin-top:26px}
.cards{display:grid;gap:clamp(14px,1.6vw,22px)}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}

/* ── Przyciski i linki ──────────────────────── */
.btn{--b:var(--mech);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--r);border:1.5px solid var(--b);font:600 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease),box-shadow .2s;position:relative;white-space:normal;text-align:center}
.btn-primary{background:var(--mech);color:#fff}
.btn-primary:hover{background:var(--mech-8);border-color:var(--mech-8);box-shadow:0 10px 24px -12px rgba(49,77,56,.7);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--fg);--b:color-mix(in srgb,var(--fg) 28%,transparent)}
.btn-ghost:hover{--b:var(--fg);background:color-mix(in srgb,var(--fg) 4%,transparent)}
[data-theme=dark] .btn-primary{background:var(--biel);color:var(--ziemia);--b:var(--biel)}
[data-theme=dark] .btn-primary:hover{background:var(--szalwia);border-color:var(--szalwia)}
.btn-lg{min-height:56px;padding:15px 26px;font-size:17px}
.btn-sm{min-height:40px;padding:8px 16px;font-size:14.5px}
.btn-ar{transition:transform .25s var(--ease);flex:none}
.btn:hover .btn-ar{transform:translateX(4px)}
.btn[disabled],.btn[aria-busy=true]{opacity:.6;pointer-events:none}
.link-arrow,.more{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent);text-decoration:none}
.link-arrow .btn-ar,.link-arrow .ic,.more .ic{transition:transform .25s var(--ease)}
.link-arrow:hover .btn-ar,.link-arrow:hover .ic{transform:translateX(4px)}
.linkish{background:none;border:0;padding:0;cursor:pointer;color:inherit;text-decoration:underline;text-underline-offset:.18em}
.chips{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{font:500 13px/1 var(--mono);padding:8px 12px;border-radius:999px;background:var(--soft);color:var(--mech-8)}
.chips-nav a{display:block;font:500 13px/1 var(--mono);padding:10px 14px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--fg);background:var(--surface)}
.chips-nav li{padding:0;background:none}
.chips-nav a[aria-current=page],.chips-nav a:hover{background:var(--mech);border-color:var(--mech);color:#fff}
.ticks{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.ticks li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;line-height:1.5}
.ticks .ic{color:var(--mech);margin-top:3px}
[data-theme=dark] .ticks .ic{color:var(--mgla)}
.ticks-lg li{font-size:17px}
.avatar{border-radius:50%;object-fit:cover;width:56px;height:56px}

/* ── Nagłówek strony ────────────────────────── */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--biel) 92%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);transition:box-shadow .3s,background .3s}
.site-header.is-scrolled{box-shadow:0 1px 0 var(--n2),0 10px 30px -20px rgba(31,42,34,.35)}
.header-in{display:flex;align-items:center;gap:28px;min-height:76px}
.brand{display:inline-flex;align-items:center;flex:none;color:inherit}
.brand .logo-svg{height:34px;width:auto}
.nav{display:flex;align-items:center;gap:20px;margin-left:auto}
.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.nav-link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:8px;color:var(--ziemia);text-decoration:none;font-weight:500;font-size:15.5px;background:none;border:0;cursor:pointer;position:relative}
.nav-link:hover{background:rgba(62,91,69,.07)}
.nav-link[aria-current=page],.has-sub.active>.nav-link{color:var(--mech)}
.nav-link[aria-current=page]::after,.has-sub.active>.nav-link::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--mech)}
.chev{transition:transform .2s}
.has-sub{position:relative}
.sub-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}
.sub{position:absolute;top:calc(100% + 8px);left:-12px;min-width:340px;background:#fff;border:1px solid var(--n2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s var(--ease),visibility .2s}
.sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.has-sub:hover .sub,.has-sub:focus-within .sub,.sub-toggle[aria-expanded=true]+.sub{opacity:1;visibility:visible;transform:none}
.sub ul{list-style:none;margin:0;padding:0}
.sub a{display:grid;gap:2px;padding:11px 14px;border-radius:10px;text-decoration:none;color:var(--ziemia)}
.sub a:hover,.sub a[aria-current=page]{background:var(--mech-1)}
.sub-l{font-weight:600;font-size:15.5px}
.sub-n{font-size:13.5px;color:var(--n7);line-height:1.4}
.nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--n2);border-radius:10px;width:46px;height:46px;align-items:center;justify-content:center;cursor:pointer}
.nav-toggle .i-close{display:none}
.nav-toggle[aria-expanded=true] .i-open{display:none}
.nav-toggle[aria-expanded=true] .i-close{display:inline-block}

/* ── Stopka ─────────────────────────────────── */
.site-footer{border-top:1px solid rgba(247,246,241,.12);background:var(--mech-9);color:rgba(247,246,241,.82);padding:clamp(56px,7vw,88px) 0 32px;font-size:15.5px}
.site-footer a{color:var(--biel);text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.foot-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.foot-brand .logo-svg{height:36px;width:auto}
.foot-about{margin:20px 0;max-width:30em}
.foot-contact,.foot-col ul,.foot-links{list-style:none;margin:0;padding:0}
.foot-contact li{display:flex;gap:10px;align-items:center;margin:8px 0}
.foot-contact .ic{color:var(--mgla)}
.foot-h{font:500 12.5px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mgla);margin:6px 0 16px}
.foot-col li{margin:0}
.foot-col a,.foot-links a,.foot-links .linkish,.foot-contact a{display:inline-block;padding:9px 0}
.foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid rgba(247,246,241,.14);font-size:13.5px}
.foot-legal{margin:0;color:rgba(247,246,241,.6)}
.foot-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}

/* ── Okruszki, pasek wersji roboczej ────────── */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:500 12.5px/1.4 var(--mono);color:var(--muted);margin-bottom:28px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--mech);text-decoration:underline}
.draft-bar{background:var(--warn-1);color:var(--warn);text-align:center;font:500 13px/1.4 var(--mono);padding:10px 16px;border-bottom:1px solid #EAD9A8}
.page-updated{padding-top:28px;padding-bottom:40px;font:500 12.5px/1.4 var(--mono);color:var(--muted)}
.pv-empty{padding:28px;margin:16px;border:1.5px dashed var(--n2);border-radius:var(--r);color:var(--muted);text-align:center;font-size:14px}

/* ── Tabliczka inwentarzowa ─────────────────── */
.atags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.atag{display:inline-grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 14px 10px 12px;border-radius:8px;background:var(--biel);color:var(--ziemia);border:1px solid var(--n2);box-shadow:0 1px 0 rgba(31,42,34,.06)}
.atag b{font:600 14px/1.25 var(--sans)}
.atag span:not(.bc){font:500 12.5px/1.4 var(--mono);color:var(--n7);letter-spacing:.04em}
.bc{display:inline-block;flex:none;width:22px;height:30px;background:repeating-linear-gradient(90deg,currentColor 0 1.5px,transparent 1.5px 3px,currentColor 3px 5px,transparent 5px 6.5px,currentColor 6.5px 7.5px,transparent 7.5px 9.5px);opacity:.85}
.atag .bc{grid-row:1/3;color:var(--ziemia)}
.atag-big{padding:22px 26px 22px 22px;column-gap:18px;border-radius:12px;box-shadow:var(--shadow-lg);transform:rotate(-2deg)}
.atag-big b{font-family:var(--serif);font-size:24px}
.atag-big span:not(.bc){font-size:13px}
.atag-big .bc{width:34px;height:52px}

/* ── Mapa Dostępów ──────────────────────────── */
.amap{margin:0;background:#fff;border:1px solid var(--n2);border-radius:var(--r-lg);padding:clamp(16px,2.4vw,26px);box-shadow:var(--shadow-lg);position:relative;color:var(--ziemia)}
.amap::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(rgba(31,42,34,.11) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%)}
.amap-story{position:relative;font:500 12.5px/1.5 var(--mono);color:var(--n7);margin-bottom:12px;padding-left:16px}
.amap-story::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--cegla)}
.amap.is-done .amap-story::before{background:var(--ok)}
.amap-svg{position:relative;width:100%;overflow:visible}
.amap .ln{fill:none;stroke:var(--mech);stroke-width:2;stroke-linecap:round;opacity:.75;transition:opacity .5s,stroke .4s}
.amap .ln-alarm{stroke:var(--cegla);stroke-dasharray:.02 .018;opacity:1}
.amap .pn circle{fill:var(--mech);stroke:#fff;stroke-width:3;transition:fill .4s,transform .3s var(--ease);transform-box:fill-box;transform-origin:center}
.amap .pn text{fill:#fff;font:600 14px var(--sans);pointer-events:none}
.amap .pn .pn-role{fill:var(--n7);font:500 12px var(--sans)}
.amap .pn-gone circle{fill:var(--biel);stroke:var(--cegla);stroke-width:2;stroke-dasharray:4 3}
.amap .pn-gone text:not(.pn-role){fill:var(--cegla-7)}
.amap .pn{cursor:pointer;outline:none}
.amap .pn:focus-visible circle,.amap .pn:hover circle{transform:scale(1.08)}
.amap .sn rect{fill:var(--biel);stroke:var(--n2);stroke-width:1.5;transition:fill .4s,stroke .4s}
.amap .sn text{fill:var(--ziemia);font:600 14px var(--sans)}
.amap .sn-alarm rect{fill:var(--cegla-0);stroke:var(--cegla-3)}
.amap .sn-tri{fill:var(--cegla);transition:opacity .3s,transform .4s var(--ease);transform-box:fill-box;transform-origin:center}
.amap .sn-ok{fill:none;stroke:var(--ok);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s .2s}
.amap.is-done .ln-alarm{opacity:0;stroke-width:0}
.amap.is-done .pn-gone{opacity:.35}
.amap.is-done .sn-alarm rect{fill:var(--ok-1);stroke:#A9D2C7}
.amap.is-done .sn-tri{opacity:0;transform:scale(.3)}
.amap.is-done .sn-ok{opacity:1}
.amap.has-focus .ln{opacity:.12}
.amap.has-focus .ln.hl{opacity:1;stroke-width:3}
.amap-ctl{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
.amap-btn{display:inline-flex;align-items:center;gap:10px;background:var(--ziemia);color:var(--biel);border:0;border-radius:999px;padding:10px 18px 10px 12px;font:600 14.5px var(--sans);cursor:pointer;transition:background .2s}
.amap-btn:hover{background:var(--mech-8)}
.amap-dot{width:28px;height:16px;border-radius:999px;background:rgba(247,246,241,.25);position:relative;transition:background .3s}
.amap-dot::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--cegla-3);transition:transform .3s var(--ease),background .3s}
.amap-btn[aria-pressed=true] .amap-dot{background:var(--ok)}
.amap-btn[aria-pressed=true] .amap-dot::after{transform:translateX(12px);background:#fff}
.amap-legend{display:flex;align-items:center;gap:8px;font:500 12.5px var(--mono);color:var(--n7)}
.amap-legend i{display:inline-block;width:18px;height:0;border-top:2px solid var(--mech);margin-left:6px}
.amap-legend .lg-alarm{border-top:2px dashed var(--cegla)}
.amap-compact{box-shadow:var(--shadow)}

/* ── Hero ───────────────────────────────────── */
.b-hero{padding-top:clamp(40px,6vw,88px);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:center;position:relative}
.hero-solo{grid-template-columns:minmax(0,860px)}
.hero-copy .lead{margin-top:6px}
.trust{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:var(--muted)}
.trust li{display:inline-flex;gap:8px;align-items:center}
.trust .ic{color:var(--mech)}
.hero-img img{border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}

/* ── Nagłówek podstrony ─────────────────────── */
.b-pagehead{padding-top:clamp(32px,4.5vw,64px);padding-bottom:clamp(48px,6vw,88px)}
.ph-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.ph-copy .lead{margin-bottom:0}
.ph-copy .answer{margin-top:22px}
.ph-tag{display:grid;place-items:center;min-height:220px}
.ph-img img{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);aspect-ratio:4/5;object-fit:cover;width:100%}

/* ── Karty ──────────────────────────────────── */
.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.4vw,30px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--fg);text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
a.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--mech) 45%,var(--line))}
.card-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--mech);margin-bottom:6px;transition:background .3s,color .3s}
a.card:hover .card-ic{background:var(--mech);color:#fff}
[data-theme=dark] .card-ic{color:var(--mgla)}
.card .more{margin-top:auto;padding-top:10px}
a.card:hover .more .ic{transform:translateX(4px)}
.moment-t{font:500 12.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.moment-q{font-family:var(--serif);font-size:clamp(20px,1.8vw,24px);line-height:1.35;quotes:"„" "”";color:var(--fg)}
.moment-x{color:var(--muted);font-size:15.5px}
.tile-t{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.25}
.tile-x{color:var(--muted);font-size:15.5px;line-height:1.55}
.cards-plain .card{background:none;border:0;padding:0}
.cards-plain .card-ic{background:none;width:auto;height:auto;justify-content:start;margin-bottom:0}
.cards-check .card{flex-direction:row;align-items:flex-start;gap:14px;padding:18px 20px}
.cards-check .card-ic{width:30px;height:30px;border-radius:50%;margin:0}
.cards-check .card>span:not(.card-ic){display:block}
.cards-check .tile-t{font-family:var(--sans);font-size:16.5px;display:block}
.cards-check .tile-x{display:block;margin-top:4px}

/* ── Doktryna (ciemna) ──────────────────────── */
.b-doctrine{overflow:hidden}
.doc-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.doc-pairs{display:grid;gap:14px;margin-bottom:36px}
.doc-pair{display:grid;gap:6px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(247,246,241,.03)}
.doc-pair b{font-family:var(--serif);font-size:22px;color:var(--biel);font-weight:600}
.doc-pair span{color:var(--muted)}
.doc-tags-t{font-size:15px;color:var(--muted);margin:0 0 16px}
.b-doctrine .atag{--r:calc((var(--i) - 1.5) * .7deg);transform:rotate(var(--r))}

/* ── Filary ─────────────────────────────────── */
.pillars{list-style:none;padding:0;margin:0;display:grid;gap:0;counter-reset:p;border-top:1px solid var(--line)}
.pillars.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pillar{counter-increment:p;padding:28px 22px 8px 0;position:relative}
.pillar::before{content:"0" counter(p);position:absolute;top:-1px;left:0;font:500 12.5px/1 var(--mono);color:var(--mech);padding-top:14px;border-top:2px solid var(--mech);width:44px}
.pillar-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--soft);color:var(--mech);margin:26px 0 18px}
.pillar p{color:var(--muted);font-size:15.5px;margin:0}
.tl{list-style:none;padding:0;margin:0;position:relative;display:grid;gap:12px;max-width:900px}
.tl::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:linear-gradient(var(--mech),var(--mech)) no-repeat top/100% var(--tl,0%),var(--line);transition:background-size .2s linear}
.tl-item{display:grid;grid-template-columns:56px 1fr;gap:22px;align-items:start;position:relative}
.tl-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);color:var(--mech);position:relative;z-index:1;transition:border-color .4s,background .4s,color .4s}
.tl-item.in .tl-ic{border-color:var(--mech);background:var(--mech);color:#fff}
.tl-body{padding:12px 0 26px}
.tl-body p{color:var(--muted);margin:0}
.tl-body .prose{margin-top:12px}

/* ── Ekspert i fakty ────────────────────────── */
.proof-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center}
.proof-q{margin:0;display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:clamp(20px,3vw,36px);align-items:center}
.proof-photo img{border-radius:var(--r-lg);aspect-ratio:4/5;object-fit:cover;object-position:top;width:100%;filter:saturate(.92)}
.proof-q blockquote{margin:0 0 16px;padding-left:18px;border-left:3px solid var(--mech);position:relative}
.proof-q blockquote p{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.45vw,20px);line-height:1.5;letter-spacing:0;color:var(--n7);margin:0}
.proof-q blockquote p::before{content:"\201E"}
.proof-q blockquote p::after{content:"\201D"}
.proof-q figcaption{display:grid;gap:2px;margin-bottom:14px}
.proof-q figcaption span{color:var(--muted);font-size:15px}
.facts{display:grid;gap:16px}
.fact{display:grid;gap:6px;padding:22px 24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.fact-n{font:600 clamp(40px,4.4vw,56px)/1 var(--serif);letter-spacing:-.03em;color:var(--mech)}
[data-theme=dark] .fact-n{color:var(--mgla)}
.fact-l{font-size:15.5px}
.fact-s{font:500 12.5px/1.4 var(--mono);color:var(--muted)}
.stats{display:grid;gap:16px}
.stats.cols-2{grid-template-columns:repeat(2,1fr)}.stats.cols-3{grid-template-columns:repeat(3,1fr)}.stats.cols-4{grid-template-columns:repeat(4,1fr)}

/* ── Drabina oferty ─────────────────────────── */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch}
.step{display:flex;flex-direction:column;gap:8px;padding:clamp(24px,2.6vw,34px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);position:relative}
.step p{color:var(--muted);margin:0}
.step .link-arrow{margin-top:auto;padding-top:16px}
.step-l{font:500 12.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mech)}
.step-first{background:var(--ziemia);color:var(--biel);border-color:var(--ziemia);box-shadow:var(--shadow-lg)}
.step-first p{color:rgba(247,246,241,.75)}
.step-first .step-l,.step-first .link-arrow,.step-first .ticks .ic{color:var(--mgla)}
.step-next{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 26px;border:1.5px dashed var(--line);border-radius:var(--r-lg)}
.step-next div{display:grid;gap:2px}
.step-next b{font-family:var(--serif);font-size:20px}
.step-next span:not(.step-l){color:var(--muted);font-size:15.5px}

/* ── FAQ ────────────────────────────────────── */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,5vw,80px);align-items:start}
.faq-head{position:sticky;top:110px}
.faq{display:grid;gap:10px}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .3s,box-shadow .3s}
.faq-item[open]{border-color:color-mix(in srgb,var(--mech) 40%,var(--line));box-shadow:var(--shadow)}
.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-q{font:600 17.5px/1.4 var(--sans);letter-spacing:0;margin:0}
.faq-pm{flex:none;width:30px;height:30px;border-radius:50%;background:var(--soft);position:relative;transition:background .3s,transform .3s var(--ease)}
.faq-pm::before,.faq-pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--mech);border-radius:2px;transform:translate(-50%,-50%);transition:transform .3s var(--ease)}
.faq-pm::after{transform:translate(-50%,-50%) rotate(90deg)}
[open]>summary .faq-pm{background:var(--mech)}
[open]>summary .faq-pm::before,[open]>summary .faq-pm::after{background:#fff}
[open]>summary .faq-pm::after{transform:translate(-50%,-50%) rotate(0)}
.faq-a{padding:0 24px 22px;color:var(--muted)}
.faq-a p:last-child{margin:0}

/* ── Materiał do pobrania ───────────────────── */
.lead-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,5vw,80px);align-items:center}
.lead-cover{display:grid;place-items:center;perspective:900px}
.book{width:min(250px,80%);aspect-ratio:3/4;background:var(--mech);color:var(--biel);border-radius:6px 14px 14px 6px;padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 8px 0 0 rgba(0,0,0,.18),var(--shadow-lg);transform:rotateY(-14deg) rotateX(4deg);transition:transform .6s var(--ease-out);position:relative}
.lead-cover:hover .book{transform:rotateY(-4deg)}
.book-l{font:500 12.5px var(--mono);letter-spacing:.08em;color:var(--mgla)}
.book-t{font:600 28px/1.1 var(--serif)}
.book .bc{width:44px;height:26px;background:repeating-linear-gradient(90deg,var(--biel) 0 2px,transparent 2px 4px,var(--biel) 4px 5px,transparent 5px 8px);opacity:.7}

/* ── CTA ────────────────────────────────────── */
.b-cta{overflow:hidden}
.cta-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:end;position:relative}
.cta-copy .h-big{margin:0}
.cta-copy .lead{margin:18px 0 0}
.cta-act .btns{margin-top:0}
.cta-note{margin:14px 0 0;font-size:14px;color:var(--muted)}
.cta-art{position:absolute;right:-60px;bottom:-150px;width:300px;color:var(--mgla);opacity:.16;pointer-events:none;z-index:0}
.cta-copy,.cta-act{position:relative;z-index:1}
.cta-art .ln{stroke-dasharray:1;stroke-dashoffset:1}
.cta-art .cta-dots{fill:var(--mgla)}
.in .cta-art .ln,.cta-in.in .ln{animation:draw 2.4s var(--ease-out) forwards}

/* ── Formularz ──────────────────────────────── */
.form-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start}
.form-steps-t{font:500 12.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mech);margin:28px 0 12px}
.form-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.form-steps li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
.form-steps li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--mech);font:600 13px var(--mono)}
.form-person{display:flex;align-items:center;gap:14px;margin-top:30px;padding:14px;border-radius:var(--r-lg);background:var(--soft);max-width:380px}
.form-person .avatar{width:64px;height:64px}
.form-person div{display:grid;line-height:1.35}
.form-person span{font-size:14px;color:var(--muted)}
.form-contact{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}
.form-contact li{display:flex;gap:10px;align-items:center}
.form-contact .ic{color:var(--mech)}
.form-main{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3.2vw,40px);box-shadow:var(--shadow-lg)}
.t-white .form-main{background:var(--biel)}
.fm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 16px}
.fm-f{grid-column:1/-1;display:grid;gap:6px}
.fm-half{grid-column:auto}
.fm-f>label{font-weight:600;font-size:15px}
.fm-f>label small{font-weight:400;color:var(--muted)}
.fm input[type=text],.fm input[type=email],.fm input[type=tel],.fm select,.fm textarea{width:100%;font:16px/1.4 var(--sans);color:var(--ziemia);background:#fff;border:1.5px solid #CFCFC7;border-radius:10px;padding:13px 14px;transition:border-color .2s,box-shadow .2s;appearance:none}
.fm select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23565D54' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:38px}
.fm textarea{resize:vertical;min-height:110px}
.fm input:focus,.fm select:focus,.fm textarea:focus{outline:none;border-color:var(--mech);box-shadow:0 0 0 4px rgba(62,91,69,.14)}
.fm .is-invalid input,.fm .is-invalid select,.fm .is-invalid textarea{border-color:var(--cegla)}
.fm-err{font-size:13.5px;color:var(--cegla-7);min-height:0}
.fm-err:not(:empty)::before{content:"";display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--cegla);margin-right:6px;vertical-align:-1px}
.fm-check{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;cursor:pointer;font-size:14.5px}
.fm-check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--mech)}
.fm-consent{margin-top:18px;color:var(--muted)}
.fm-info{font-size:13px}
.fm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fm-actions{margin-top:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.fm-actions .btn{width:100%}
.fm-msg{margin:0;font-size:14.5px;color:var(--cegla-7)}
.fm-msg:empty{display:none}
.fm-done{text-align:center;padding:28px 10px;display:grid;justify-items:center;gap:10px}
.fm-done .ic{color:var(--ok);width:52px;height:52px}
.fm-done b{font:600 26px/1.2 var(--serif)}
.fm-done p{color:var(--muted);max-width:30em;margin:0}
.fm-done .btn{margin-top:10px}
.fm-compact .fm-grid{grid-template-columns:1fr}
.fm-compact .fm-half{grid-column:1/-1}
.fm-compact .fm-actions .btn{width:auto}
.lead-copy .fm{margin-top:24px}
.lead-copy>.btn{margin-top:28px}
.t-mist .fm-compact{background:#fff;border-radius:var(--r-lg);padding:22px}

/* ── Wykresy ────────────────────────────────── */
.chart{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,36px)}
.t-white .chart{background:var(--biel)}
.hb{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.hb li{display:grid;grid-template-columns:minmax(120px,34%) 1fr auto;gap:14px;align-items:center}
.hb-l{font-size:15px;display:flex;gap:6px;align-items:center}
.hb-l .ic{color:var(--cegla)}
.hb-track{position:relative;height:14px;background:var(--n1);border-radius:999px;overflow:hidden;display:grid}
.hb-bar{grid-area:1/1;height:100%;width:var(--w);background:var(--mech);border-radius:999px;transform-origin:left;transition:transform 1.2s var(--ease-out) calc(var(--i,0)*90ms)}
.hb-cmp{height:5px;align-self:end;background:var(--mgla);opacity:.95}
.is-alarm .hb-bar:not(.hb-cmp){background:repeating-linear-gradient(-45deg,var(--cegla) 0 6px,var(--cegla-7) 6px 9px)}
.hb-v{font:600 15px var(--mono);white-space:nowrap}
.hb-v small{font-weight:500;color:var(--ok)}
.chart-gauge .hb li{grid-template-columns:1fr auto;grid-template-areas:"l v" "t t";row-gap:8px}
.chart-gauge .hb-l{grid-area:l}.chart-gauge .hb-v{grid-area:v}.chart-gauge .hb-track{grid-area:t;height:10px}
.vc .grid{stroke:var(--line);stroke-width:1}
.vc-bar{fill:var(--mech);transform-box:fill-box;transform-origin:bottom;transition:transform 1.1s var(--ease-out)}
.vc g{--d:calc(var(--i)*100ms)}
.vc g .vc-bar{transition-delay:var(--d)}
.vc-cmp{fill:var(--mgla)}
.vc .is-alarm .vc-bar:not(.vc-cmp){fill:var(--cegla)}
.vc-v{font:600 13px var(--mono);fill:var(--fg)}
.vc-l{font:500 12.5px var(--sans);fill:var(--muted)}
.dn{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:28px;align-items:center}
.dn-svg{transform:rotate(0)}
.dn-bg{stroke:var(--n1)}
.dn-seg{stroke-dasharray:var(--p) calc(100 - var(--p));stroke-dashoffset:var(--o);transition:stroke-dasharray 1.2s var(--ease-out) calc(var(--i)*120ms)}
.dn-c0{stroke:var(--mech);background:var(--mech)}.dn-c1{stroke:var(--mgla);background:var(--mgla)}.dn-c2{stroke:#7F9A84;background:#7F9A84}.dn-c3{stroke:var(--ziemia);background:var(--ziemia)}.dn-c4{stroke:#C9D5C3;background:#C9D5C3}
.dn-seg.is-alarm,i.is-alarm{stroke:var(--cegla);background:var(--cegla)}
.dn-leg{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:15px}
.dn-leg li{display:flex;align-items:center;gap:10px}
.dn-leg i{width:12px;height:12px;border-radius:3px;flex:none}
.dn-leg b{margin-left:auto;font-family:var(--mono)}
.rd{max-width:520px;margin:0 auto;overflow:visible}
.rd-grid{fill:none;stroke:var(--line)}
.rd-axis{stroke:var(--line)}
.rd-l{font:500 12.5px var(--sans);fill:var(--muted)}
.rd-area{fill:rgba(62,91,69,.22);stroke:var(--mech);stroke-width:2;stroke-linejoin:round;transform-origin:160px 160px;transition:transform 1.2s var(--ease-out),opacity .6s}
.rd-cmp{fill:rgba(169,190,198,.25);stroke:var(--mgla-7);stroke-dasharray:5 4}
.chart-leg{display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--muted);margin:20px 0 0}
.chart-leg i{width:14px;height:8px;border-radius:2px;display:inline-block;margin-right:-8px}
.chart-leg .la{background:var(--mech)}.chart-leg .lb{background:var(--mgla)}
.chart-cap{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:22px;font:500 12.5px/1.5 var(--mono);color:var(--muted)}
.chart-data summary{cursor:pointer;color:var(--mech)}
.chart-data table{margin-top:10px;border-collapse:collapse;font:14px var(--sans);color:var(--fg)}
.chart-data td,.chart-data th{padding:6px 12px 6px 0;text-align:left;border-bottom:1px solid var(--line)}

/* ── Porównanie ─────────────────────────────── */
.cmp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.t-white .cmp{background:var(--biel)}
.cmp-switch{display:none}
.cmp-t{width:100%;border-collapse:collapse}
.cmp-t th,.cmp-t td{padding:20px 24px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp-t tbody tr:last-child>*{border-bottom:0}
.cmp-t thead th{font:500 12.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding-top:22px}
.cmp-t thead th .ic{margin:-3px 8px 0 0}
.cmp-t thead .cmp-b{color:var(--warn)}.cmp-t thead .cmp-b .ic{color:var(--warn-i)}
.cmp-t thead .cmp-a{color:var(--ok)}
.cmp-t tbody th{font:600 16px/1.4 var(--sans);width:22%}
.cmp-t td.cmp-b{color:var(--muted);background:rgba(250,240,214,.35)}
.cmp-t td.cmp-a{background:rgba(223,238,234,.45)}

/* ── Samosprawdzenie ────────────────────────── */
.sc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.sc{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:clamp(24px,4vw,56px);align-items:start}
.sc-q{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:q}
.sc-q li{counter-increment:q;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;transition:border-color .3s}
.sc-q fieldset{border:0;margin:0;padding:0;min-width:0}
.sc-q legend{font-weight:600;font-size:16.5px;padding:0;margin-bottom:12px;display:flex;gap:12px}
.sc-q legend::before{content:counter(q,decimal-leading-zero);font:500 12.5px/1.9 var(--mono);color:var(--mech)}
.sc-opts{display:flex;gap:8px;flex-wrap:wrap}
.sc-opts label{position:relative;cursor:pointer}
.sc-opts input{position:absolute;opacity:0;inset:0;cursor:pointer}
.sc-opts span{display:inline-block;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:500;font-size:15px;transition:background-color .2s,border-color .2s,color .2s}
.sc-opts input:focus-visible+span{outline:2px solid var(--mech);outline-offset:2px}
.sc-opts input:checked+span{background:var(--mech);border-color:var(--mech);color:#fff}
.sc-opts label:last-child input:checked+span{background:var(--warn-1);border-color:var(--warn-i);color:var(--warn)}
.sc-hint[hidden]{display:none}
.sc-hint{margin:12px 0 0;font-size:14.5px;color:var(--warn);display:flex;gap:8px;align-items:flex-start}
.sc-hint .ic{color:var(--warn-i);margin-top:3px}
.sc-res{position:sticky;top:110px;background:var(--ziemia);color:var(--biel);border-radius:20px;padding:28px;display:grid;gap:18px;justify-items:start}
.sc-meter{position:relative;width:132px;height:132px;display:grid;place-items:center}
.sc-meter svg{position:absolute;inset:0;transform:rotate(-90deg)}
.sc-bg{fill:none;stroke:rgba(247,246,241,.14);stroke-width:9}
.sc-fg{fill:none;stroke:var(--mgla);stroke-width:9;stroke-linecap:round;stroke-dasharray:var(--s,0) 100;transition:stroke-dasharray 1s var(--ease-out),stroke .4s}
.sc-meter b{font:600 36px var(--serif)}
.sc-progress{position:absolute;bottom:-24px;left:0;right:0;text-align:center;font:500 12.5px var(--mono);color:rgba(247,246,241,.6)}
.sc-out{margin-top:12px}
.sc-out h3{font-size:24px;margin:0 0 8px;display:flex;gap:10px;align-items:center}
.sc-out p{color:rgba(247,246,241,.8);margin:0}
.sc-wait{font-size:15px}
.sc-res[data-level=alarm] .sc-fg{stroke:var(--cegla-3)}
.sc-res[data-level=uwaga] .sc-fg{stroke:#E9C46A}
.sc-res[data-level=ok] .sc-fg{stroke:#8ED1BF}
.sc-res .btn-primary{background:var(--biel);color:var(--ziemia);--b:var(--biel)}

/* ── Cytat, w skrócie, tekst i obraz ───────── */
.bq{margin:0 auto;text-align:center;display:grid;justify-items:center;gap:6px}
.bq-ic{color:var(--mgla);width:40px;height:40px}
.bq blockquote{margin:0}
.bq blockquote p{font:500 clamp(24px,2.8vw,36px)/1.32 var(--serif);letter-spacing:-.015em;margin:12px 0 22px}
.bq figcaption{display:flex;align-items:center;gap:12px;text-align:left;color:var(--muted);font-size:15px}
.bq figcaption b{color:var(--fg)}
.tldr{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);padding:22px 26px}
.tldr-t{font:500 12.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mech);display:flex;gap:8px;align-items:center;margin:0 0 10px}
.tldr ul{margin:0;padding-left:1.2em;display:grid;gap:6px}
.tldr li::marker{color:var(--mech)}
.tldr-u{margin:14px 0 0;font:500 12.5px var(--mono);color:var(--muted)}
.b-tldr{padding:24px 0}
.split-img img{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;object-fit:cover}
.checkbox-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3vw,34px);box-shadow:var(--shadow)}
.cc-t{font:500 12.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mech);margin:0}
.b-split .atag-big{justify-self:center}
.split-media:has(.atag-big){display:grid;place-items:center;min-height:240px}

/* ── Osoba ──────────────────────────────────── */
.person{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start}
.person-photo{position:relative}
.person-photo img{border-radius:20px;aspect-ratio:4/5;object-fit:cover;object-position:top;width:100%;box-shadow:var(--shadow-lg)}
.person-facts{display:flex;flex-wrap:wrap;gap:12px 36px;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
.person-facts dt{font-size:14px;color:var(--muted)}
.person-facts dd{margin:0;font:600 20px/1.2 var(--serif)}
.person-role{font:500 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:-6px}
.person-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px}
.person-links a{display:inline-flex;gap:8px;align-items:center;font-weight:600;text-decoration:none}

/* ── Lista kontrolna ────────────────────────── */
.cl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
.cl-g{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px}
.t-white .cl-g{background:var(--biel)}
.cl-head,.cl-g summary{display:grid;grid-template-columns:48px 1fr auto auto;gap:14px;align-items:center}
.cl-g summary{list-style:none;cursor:pointer}
.cl-g summary::-webkit-details-marker{display:none}
.cl-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--mech)}
.cl-h{display:grid}
.cl-h .h-card{margin:0;font-size:19px}
.cl-h span{font-size:14.5px;color:var(--muted)}
.cl-n{font:500 12.5px var(--mono);color:var(--mech);background:var(--soft);border-radius:999px;padding:5px 9px}
.cl-g .ticks{margin-top:18px;font-size:15.5px}

/* ── Podgląd raportu ────────────────────────── */
.rep{background:#fff;color:var(--ziemia);border-radius:18px;box-shadow:var(--shadow-lg);padding:clamp(20px,2.6vw,30px);border:1px solid var(--n2);position:relative;transform:rotate(.6deg)}
.rep::after{content:"";position:absolute;inset:10px -10px -10px 10px;border-radius:18px;background:var(--biel);border:1px solid var(--n2);z-index:-1}
.rep-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:28px;margin-bottom:8px;border-bottom:1px solid var(--n2)}
.rep-head>div:first-child{display:grid;gap:2px}
.rep-k{font:500 12.5px var(--mono);letter-spacing:.08em;color:var(--mech)}
.rep-head b{font:600 22px/1.2 var(--serif)}
.rep-m{font-size:13.5px;color:var(--n7)}
.rep-score{position:relative;width:76px;height:76px;display:grid;place-items:center;flex:none}
.rep-score svg{position:absolute;inset:0;transform:rotate(-90deg)}
.rep-score .sc-bg{stroke:var(--n1);stroke-width:6}
.rep-score .sc-fg{stroke:var(--warn-i);stroke-width:6;stroke-dasharray:0 100}
.in .rep-score .sc-fg,.rep-score.in .sc-fg{stroke-dasharray:var(--s) 100}
.rep-score b{font:600 22px var(--serif);line-height:1}
.rep-score span{position:absolute;bottom:-18px;white-space:nowrap;font:500 12.5px var(--mono);color:var(--n7)}
.rep-list{list-style:none;padding:0;margin:14px 0 0;display:grid}
.rep-list li{display:grid;grid-template-columns:130px 1fr;column-gap:14px;row-gap:2px;padding:12px 0;border-bottom:1px dashed var(--n2)}
.rep-list li:last-child{border:0}
.rep-lv{grid-row:1/3;display:inline-flex;gap:6px;align-items:flex-start;font:500 12.5px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em}
.rep-list b{font-size:15px;line-height:1.4}
.rep-a{font-size:13.5px;color:var(--n7)}
.lv-alarm .rep-lv{color:var(--cegla-7)}.lv-uwaga .rep-lv{color:var(--warn)}.lv-info .rep-lv{color:var(--mgla-7)}.lv-ok .rep-lv{color:var(--ok)}
.rep-note{font:500 12.5px var(--mono);color:var(--n7);margin:14px 0 0}

/* ── Spis sekcji (przyklejony) ─────────────── */
.toc-bar{position:sticky;top:76px;z-index:40;background:color-mix(in srgb,var(--bg,#F7F6F1) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-block:1px solid var(--n2)}
.toc-in{display:flex;align-items:center;gap:16px;min-height:60px;padding-block:8px}
.toc-bar .btn{flex:none;white-space:nowrap}
.toc-bar ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1}
.toc-bar ul::-webkit-scrollbar{display:none}
.toc-bar ul a{display:block;white-space:nowrap;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--n7);font-size:14.5px;font-weight:500}
.toc-bar ul a:hover{color:var(--ziemia);background:rgba(62,91,69,.07)}
.toc-bar ul a.on{color:var(--mech);background:var(--mech-1)}

/* ── Osadzenia ──────────────────────────────── */
.embed iframe{width:100%;border:0;border-radius:var(--r-lg)}
.embed-wait{border:1.5px dashed var(--line);border-radius:var(--r-lg);padding:32px;text-align:center;color:var(--muted)}
.embed-wait p{margin:0 0 14px}
.b-image figure{margin:0 auto}
.b-image img{border-radius:var(--r-lg);width:100%}
.b-image-full img{border-radius:0}
.b-image figcaption{font:500 12.5px/1.5 var(--mono);color:var(--muted);margin-top:12px}

/* ── Blog ───────────────────────────────────── */
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(16px,2vw,26px)}
.pc{height:100%}
.pc-a{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:var(--fg);transition:transform .3s var(--ease),box-shadow .3s}
.pc-a:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pc-img{aspect-ratio:16/9;background:var(--szalwia);overflow:hidden}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.pc-a:hover .pc-img img{transform:scale(1.04)}
.pc-ph{display:grid;place-items:center;height:100%;color:var(--mech);background:repeating-linear-gradient(-45deg,transparent 0 14px,rgba(62,91,69,.06) 14px 15px)}
.pc-body{display:flex;flex-direction:column;gap:8px;padding:22px 24px 24px;flex:1}
.pc-meta{display:flex;gap:14px;font:500 12.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0}
.pc-meta span:first-child{color:var(--mech)}
.pc-t{font-size:22px;line-height:1.25;margin:0}
.pc-x{color:var(--muted);font-size:15.5px;margin:0}
.pc .more{margin-top:auto;padding-top:8px}
.pager{display:flex;gap:8px;justify-content:center;margin-top:48px}
.pager a{min-width:44px;height:44px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);text-decoration:none;color:var(--fg);font-family:var(--mono)}
.pager a[aria-current=page]{background:var(--mech);border-color:var(--mech);color:#fff}
.empty{color:var(--muted);text-align:center;padding:40px 0}
.blog-head{padding-bottom:20px}
.blog-list{padding-top:40px}
.post-head{padding-bottom:28px}
.post-head .lead{margin-bottom:24px}
.post-meta{display:flex;gap:14px;align-items:center;font-size:14.5px;color:var(--muted)}
.post-meta div{display:grid;gap:2px}
.post-meta .avatar{width:48px;height:48px}
.post-cover{margin:0 auto 32px}
.post-cover img{border-radius:var(--r-lg);width:100%}
.post>.wrap-post>.tldr{margin-bottom:12px}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;max-width:calc(820px + var(--gut)*2)}
.post-toc{font-size:14.5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 22px}
.post-toc p{font:500 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mech);margin:0 0 8px}
.post-toc ol{margin:0;padding-left:1.3em;display:grid;gap:4px}
.post-toc a{color:var(--fg);text-decoration:none}
.post-toc a:hover,.post-toc a.on{color:var(--mech);text-decoration:underline}
.post-body .sec{padding:16px 0}
.post-body .wrap{padding:0}
.post-body .b-richtext .wrap-text{max-width:none}
.post-body .prose{max-width:60ch}
.post-body .prose{font-size:18px}
.post-end{padding-bottom:var(--sec)}
.post-faq{margin-top:48px}
.post-src{margin-top:40px;font-size:15px}
.post-src ol{padding-left:1.3em;color:var(--muted)}
.author-box{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start;margin-top:48px;padding:26px;border-radius:var(--r-lg);background:var(--szalwia)}
.author-box .avatar{width:96px;height:96px}
.author-box b{font:600 22px var(--serif);display:block;margin-bottom:6px}
.author-box p:not(.eyebrow){color:var(--n7);font-size:15.5px}
.author-box .eyebrow{margin-bottom:8px}
.post-cta{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px;border-radius:var(--r-lg);background:var(--ziemia);color:var(--biel)}
.post-cta .h-card{margin:0;max-width:24em}
.post-cta .btn-primary{background:var(--biel);color:var(--ziemia);--b:var(--biel)}
@media (min-width:1180px){
  .post-layout:has(.post-toc){grid-template-columns:240px minmax(0,1fr);max-width:calc(1100px + var(--gut)*2)}
  .post-layout:has(.post-toc) .post-toc{position:sticky;top:110px;align-self:start;background:none;border:0;padding:16px 0 0}
  .post-layout:has(.post-toc)~.post-end{max-width:calc(820px + var(--gut)*2);margin-left:auto;margin-right:max(var(--gut),calc((100vw - 1100px)/2 - var(--gut)))}
}

/* ── Baner zgód ─────────────────────────────── */
.consent{position:fixed;left:16px;bottom:16px;z-index:90;width:min(440px,calc(100vw - 32px));background:#fff;border:1px solid var(--n2);border-radius:18px;box-shadow:0 2px 4px rgba(31,42,34,.08),0 10px 10px -6px rgba(31,42,34,.3);padding:22px;color:var(--ziemia);animation:pop .45s var(--ease-out)}
.consent-title{font:600 20px var(--serif);margin:0 0 6px}
.consent-text{font-size:14.5px;color:var(--n7);margin:0 0 14px;line-height:1.55}
.consent-cats{display:grid;gap:8px;margin-bottom:14px}
.cc{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:10px;background:var(--biel);cursor:pointer}
.cc input{accent-color:var(--mech);width:18px;height:18px;margin:2px 0 0}
.cc span{display:grid;gap:2px;font-size:14.5px}
.cc small{color:var(--n7);font-size:13px;line-height:1.45}
.consent-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.consent-btns [data-consent-custom]{order:1}
.consent-btns [data-consent-accept]{order:2}
.consent.is-custom .consent-btns [data-consent-accept]{grid-column:1/-1;order:3}

/* ── Błąd ───────────────────────────────────── */
.error-page{min-height:60vh;display:grid;align-items:center}

/* ── Animacje ───────────────────────────────── */
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes stamp{0%{opacity:0;transform:scale(1.3) rotate(-7deg)}55%{opacity:1;transform:scale(.96) rotate(var(--r,-1deg))}100%{opacity:1;transform:scale(1) rotate(var(--r,-1deg))}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.7}}
@media (prefers-reduced-motion:no-preference){
  /* Brak jednakowego wjazdu sekcji. Animują się tylko elementy, które coś znaczą: linie mapy, trasa filarów, pieczątki tabliczek, pisany raport, wykresy. */
  .js .atags .atag,.js [data-stamp]{opacity:0}
  .js .atags.in .atag,.js [data-stamp].in{animation:stamp .55s var(--ease-out) forwards;animation-delay:calc(var(--i,0)*140ms + 200ms)}
  .js [data-route] .route-list::before{transform:scaleX(0)}
  .js [data-route].in .route-list::before{transform:scaleX(1);transition:transform 2.2s var(--ease-out) .2s}
  .js [data-route] .route-node{opacity:0;transform:scale(.6)}
  .js [data-route].in .route-node{opacity:1;transform:none;transition:opacity .4s,transform .5s var(--ease-out);transition-delay:calc(var(--i)*380ms + 250ms)}
  .js [data-rep] .rep-list li{opacity:0;clip-path:inset(0 100% 0 0)}
  .js [data-rep].in .rep-list li{opacity:1;clip-path:inset(0 0 0 0);transition:clip-path .7s var(--ease-out),opacity .2s;transition-delay:calc(var(--i)*260ms + 300ms)}
  .route-loop .route-node::after{animation:spin 24s linear infinite}
  .js .amap .ln{stroke-dasharray:1;stroke-dashoffset:1}
  .js .amap .ln-alarm{stroke-dasharray:.02 .018;stroke-dashoffset:0;opacity:0;transition:opacity .6s .9s}
  .js .amap.in .ln{animation:draw 1.3s var(--ease-out) forwards;animation-delay:var(--d,0ms)}
  .js .amap.in .ln-alarm{animation:none;opacity:1}
  .js .amap.is-done .ln-alarm{opacity:0}
  .js .amap.in .sn-alarm .sn-tri{animation:pulse 2.2s ease-in-out 1.6s 3}
  .js .amap.in.is-done .sn-alarm .sn-tri{animation:none}
  .js .amap .pn,.js .amap .sn{opacity:0;transition:opacity .6s var(--ease-out)}
  .js .amap.in .pn,.js .amap.in .sn{opacity:1}
  .js .amap.in.is-done .pn-gone{opacity:.35}
  .js [data-chart-anim] .hb-bar{transform:scaleX(0)}
  .js [data-chart-anim].in .hb-bar{transform:scaleX(1)}
  .js [data-chart-anim] .vc-bar{transform:scaleY(0)}
  .js [data-chart-anim].in .vc-bar{transform:scaleY(1)}
  .js [data-chart-anim] .dn-seg{stroke-dasharray:0 100}
  .js [data-chart-anim].in .dn-seg{stroke-dasharray:var(--p) calc(100 - var(--p))}
  .js [data-chart-anim] .rd-area{transform:scale(.1);opacity:0}
  .js [data-chart-anim].in .rd-area{transform:none;opacity:1}
  .js .rep-score .sc-fg{transition:stroke-dasharray 1.4s var(--ease-out) .3s}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rep-score .sc-fg{stroke-dasharray:var(--s) 100}
}
.no-js .rep-score .sc-fg{stroke-dasharray:var(--s) 100}

/* ── Responsywność ──────────────────────────── */
@media (max-width:1100px){
  .pillars.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-top{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1/-1}
  .cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .nav-toggle{display:inline-flex}
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--biel)}
  .nav{position:fixed;inset:76px 0 0 0;background:var(--biel);flex-direction:column;align-items:stretch;gap:0;padding:12px var(--gut) 32px;overflow-y:auto;opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .4s var(--ease-out),opacity .25s,visibility .4s}
  .nav.open{opacity:1;visibility:visible;clip-path:inset(0 0 0 0)}
  .nav-list{flex-direction:column;align-items:stretch}
  .nav-link{width:100%;justify-content:space-between;padding:16px 4px;font-size:18px;border-bottom:1px solid var(--n2);border-radius:0}
  .nav-link[aria-current=page]::after,.has-sub.active>.nav-link::after{display:none}
  .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 8px;min-width:0;display:none}
  .has-sub:hover .sub{display:none}
  .sub-toggle[aria-expanded=true]+.sub{display:block}
  .nav-cta{margin-top:24px;min-height:54px}
  body.nav-open{overflow:hidden}
  .hero-grid,.ph-grid,.split,.doc-grid,.proof-grid,.faq-grid,.lead-grid,.cta-in,.form-grid,.person,.sc{grid-template-columns:minmax(0,1fr)}
  .split-rev>.split-copy{order:0}
  .faq-head,.sc-res{position:static}
  .cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-art{display:none}
  .person-photo{max-width:440px}
}
@media (max-width:700px){
  body{font-size:16.5px}
  .cols-2,.cols-3,.cols-4,.stats.cols-2,.stats.cols-3,.stats.cols-4{grid-template-columns:minmax(0,1fr)}
  .pillars.cols-5,.pillars{grid-template-columns:minmax(0,1fr)!important}
  .pillar{padding:22px 0 14px;display:grid;grid-template-columns:56px 1fr;column-gap:18px}
  .pillar-ic{margin:14px 0 0;grid-row:1/3}
  .pillar .h-card{margin-top:16px}
  .proof-q{grid-template-columns:minmax(0,1fr)}
  .proof-photo{max-width:200px}
  .fm-grid{grid-template-columns:minmax(0,1fr)}
  .hb li{grid-template-columns:1fr auto;grid-template-areas:"l v" "t t";row-gap:8px}
  .hb-l{grid-area:l}.hb-v{grid-area:v}.hb-track{grid-area:t}
  .dn{grid-template-columns:minmax(0,1fr);justify-items:center}
  .dn-svg{max-width:220px}
  .dn-leg{width:100%}
  .cmp-switch{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line)}
  .cmp-switch button{flex:1;padding:10px;border-radius:10px;border:1px solid var(--line);background:none;font-weight:600;font-size:14.5px;cursor:pointer}
  .cmp-switch button[aria-pressed=true]{background:var(--ziemia);color:var(--biel);border-color:var(--ziemia)}
  .cmp-t thead{display:none}
  .cmp-t,.cmp-t tbody,.cmp-t tr,.cmp-t th,.cmp-t td{display:block;width:auto}
  .cmp-t tbody th{padding:18px 18px 4px;border:0;width:auto}
  .cmp-t td{padding:4px 18px 18px;background:none!important}
  .js .cmp[data-show=before] td.cmp-a,.js .cmp[data-show=after] td.cmp-b,.js .cmp:not([data-show]) td.cmp-a{display:none}
  .rep{transform:none}
  .rep-list li{grid-template-columns:minmax(0,1fr)}
  .rep-lv{grid-row:auto}
  .author-box{grid-template-columns:minmax(0,1fr)}
  .consent{left:8px;right:8px;bottom:8px;width:auto;padding:18px}
  .foot-top{grid-template-columns:minmax(0,1fr)}
  .amap .pn .pn-role{display:none}
  .amap .sn text{font-size:21px}
  .amap .pn text{font-size:18px}
  .rd-l{font-size:15px}
  .toc-bar .btn{display:none}
  .header-in{min-height:66px}
  .nav{inset:66px 0 0 0}
  .toc-bar{top:66px}
  .brand .logo-svg{height:30px}
}
@media print{
  .site-header,.site-footer,.consent,.toc-bar,.btns,.amap-ctl{display:none!important}
  .sec{padding:24px 0}
  .js [data-reveal]{opacity:1!important;transform:none!important}
}


/* ── v2: trasa filarów ───────────────────────── */
.route-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:28px;position:relative}
.route-list::before{content:"";position:absolute;left:28px;right:calc((100% - (var(--n) - 1) * 28px) / var(--n) - 28px);top:27px;height:2px;background:repeating-linear-gradient(90deg,var(--mech) 0 10px,transparent 10px 16px);transform-origin:left}
.route-stop{position:relative}
.route-node{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1.5px solid var(--mech);color:var(--mech);margin-bottom:22px}
.route-loop .route-node{background:var(--mech);color:#fff}
.route-loop .route-node::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px dashed var(--mech);opacity:.6}
.route-stop p{color:var(--muted);font-size:16px;margin:0}
.route-note{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:600;color:var(--mech)}

/* ── v2: cytaty zamiast kafelków ─────────────── */
.quotes{list-style:none;margin:0;padding:0;display:grid;gap:0 clamp(32px,5vw,72px)}
.quotes.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.quotes.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.quotes.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.quotes li{border-top:1px solid var(--line);display:flex}
.mq{flex:1;display:flex;flex-direction:column;gap:12px;padding:28px 0 36px;color:var(--fg);text-decoration:none}
.mq-q{font:500 clamp(22px,2vw,28px)/1.32 var(--serif);letter-spacing:-.012em;quotes:"„" "”";text-wrap:balance}
.mq-x{color:var(--muted);font-size:16px;max-width:34em}
.mq-t{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin-top:auto;padding-top:6px;font-size:14.5px;color:var(--muted)}
.mq-more{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--accent)}
.mq-more .ic{transition:transform .25s var(--ease)}
a.mq:hover .mq-q{color:var(--mech)}
a.mq:hover .mq-more .ic{transform:translateX(4px)}
[data-theme=dark] a.mq:hover .mq-q{color:var(--mgla-1)}

/* ── v2: karty bez kafelków z ikoną ──────────── */
.tile{position:relative;display:flex;flex-direction:column;gap:8px;color:var(--fg);text-decoration:none}
.cards-plain .tile,.cards-check .tile{padding:24px 0 8px;border-top:1px solid var(--line)}
.tile-ic{color:var(--mech);display:inline-flex}
[data-theme=dark] .tile-ic{color:var(--mgla)}
.cards-check .tile{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:4px 12px}
.cards-check .tile-t{flex:1;font-family:var(--sans);font-size:17px}
.cards-check .tile-x{flex-basis:100%;padding-left:30px}
.cards-tags .tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 22px 24px;box-shadow:0 1px 0 rgba(31,42,34,.06)}
.tile-tag{display:flex;align-items:center;gap:10px;font:500 12.5px/1 var(--mono);color:var(--muted);padding-bottom:14px;margin-bottom:8px;border-bottom:1px dashed var(--line)}
.tile-tag .bc{width:16px;height:20px;color:var(--ziemia)}
a.tile .more{margin-top:auto;padding-top:10px}
a.tile:hover .tile-t{color:var(--mech)}

/* ── v2: lista kontrolna z tabliczkami ───────── */
.cl-head,.cl-g summary{grid-template-columns:auto 1fr auto auto}
.cl-tag{display:inline-flex;align-items:center;gap:8px;font:500 12.5px/1 var(--mono);color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 10px 8px 8px}
.cl-tag .bc{width:14px;height:18px;color:var(--ziemia)}

/* ── v2: naklejka, kod błędu, stopka, kategoria wpisu ── */
.book-badge{position:absolute;top:-14px;right:-18px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--biel);color:var(--mech);font:600 13px/1.1 var(--sans);text-align:center;transform:rotate(12deg);box-shadow:var(--shadow);border:1.5px dashed var(--mech)}
.err-code{font:600 clamp(80px,14vw,160px)/1 var(--serif);color:var(--szalwia);margin:0 0 8px;letter-spacing:-.04em}
.foot-tag{font:500 italic 18px/1.4 var(--serif);color:var(--biel);margin:18px 0 0}
.foot-tag+.foot-about{margin-top:10px}
.post-cat{margin:0 0 16px}
.post-cat a{display:inline-block;font-size:14px;font-weight:600;color:var(--mech);text-decoration:none;background:var(--mech-1);padding:6px 12px;border-radius:999px}

/* ── v2: Mapa w pięciu krokach ───────────────── */
.journey{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.journey-map{position:sticky;top:112px;margin:0;background:#fff;border:1px solid var(--n2);border-radius:var(--r-lg);padding:clamp(16px,2.2vw,26px);box-shadow:var(--shadow-lg);color:var(--ziemia)}
.jm{width:100%;overflow:visible}
.jm .ln{fill:none;stroke:var(--mech);stroke-width:2;stroke-linecap:round;opacity:.8}
.jm-direct .ln{stroke:var(--n7);opacity:.45;stroke-dasharray:.012 .01}
.jm-red{fill:none;stroke:var(--cegla);stroke-width:2.2;stroke-dasharray:.02 .016;transition:stroke-dashoffset .9s var(--ease-out),opacity .5s .6s}
.jm-p circle{fill:var(--mech);stroke:#fff;stroke-width:3;transition:opacity .5s,fill .4s}
.jm-p-tm circle{fill:var(--biel);stroke:var(--cegla);stroke-width:2;stroke-dasharray:4 3}
.jm-p-tm .jm-ini{fill:var(--cegla-7)}
.jm-ini{fill:#fff;font:600 14px var(--sans)}
.jm-sm{fill:var(--n7);font:500 12.5px var(--sans)}
.jm-lbl{fill:var(--ziemia);font:600 13.5px var(--sans)}
.jm-tag{fill:var(--n7);font:500 11.5px var(--mono);transition:opacity .5s}
.jm-s rect{fill:var(--biel);stroke:var(--n2);stroke-width:1.5;transition:fill .5s,stroke .5s}
.jm-s-alarm rect{fill:var(--cegla-0);stroke:var(--cegla-3)}
.jm-tri{fill:var(--cegla);transition:opacity .4s}
.jm-ok{fill:none;stroke:var(--ok);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .4s}
.jm-lock circle{fill:var(--mech)}
.jm-lock path{fill:none;stroke:#fff;stroke-width:1.4;stroke-linejoin:round}
.jm-lock{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .4s,transform .5s var(--ease-out)}
.jm-sejf rect{fill:var(--mech-1);stroke:var(--mech);stroke-width:1.5}
.jm-sejf g{color:var(--mech)}
.jm-sejf{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.7);transition:opacity .5s,transform .6s var(--ease-out)}
.jm-pulse{fill:none;stroke:var(--ok);stroke-width:1.5;opacity:0}
.jm-via .ln{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--ease-out);transition-delay:var(--d,0ms)}
.jm-direct{transition:opacity .6s}
.jm-new-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--ease-out) .4s}
.jm-p-nh{opacity:0;transition:opacity .5s .2s}
.jm-cap{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:15px;font-weight:600;min-height:44px}
.jm-dot{width:10px;height:10px;border-radius:50%;background:var(--cegla);flex:none;transition:background .4s}
/* etapy */
.journey-map.st-2 .jm-direct{opacity:.12}
.journey-map.st-2 .jm-sejf{opacity:1;transform:none}
.journey-map.st-2 .jm-via .ln{stroke-dashoffset:0}
.journey-map.st-3 .jm-lock{opacity:1;transform:none}
.journey-map.st-3 .jm-direct{opacity:0}
.journey-map.st-4 .jm-red{stroke-dashoffset:1;opacity:0}
.journey-map.st-4 .jm-p-tm{opacity:.3}
.journey-map.st-4 .jm-p-nh{opacity:1}
.journey-map.st-4 .jm-new-line{stroke-dashoffset:0}
.journey-map.st-4 .jm-s-alarm rect{fill:var(--biel);stroke:var(--n2)}
.journey-map.st-4 .jm-tri{opacity:0}
.journey-map.st-4 .jm-dot{background:var(--warn-i)}
.journey-map.st-5 .jm-ok{opacity:1}
.journey-map.st-5 .jm-s rect{fill:var(--ok-1);stroke:#A9D2C7}
.journey-map.st-5 .jm-dot{background:var(--ok)}
.journey-map.st-5 .jm-pulse{animation:jpulse 2.6s ease-out infinite}
@keyframes jpulse{0%{opacity:.7;transform:scale(.7)}100%{opacity:0;transform:scale(1.25)}}
.jm-pulse{transform-box:fill-box;transform-origin:center}
.journey-steps{list-style:none;margin:0;padding:0}
.journey-step{min-height:62vh;padding:8vh 0;display:flex;flex-direction:column;justify-content:center}
.journey-step:first-child{padding-top:0;min-height:50vh}
.journey-step .journey-k::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;background:var(--n2);vertical-align:1px;transition:background .3s,transform .3s}
.journey-step.on .journey-k::before{background:var(--mech);transform:scale(1.4)}
.journey-k{font:500 13px var(--mono);color:var(--muted);margin-bottom:14px}
.journey-step .lead{margin-bottom:12px}
@media (max-width:980px){
  .journey{grid-template-columns:minmax(0,1fr);gap:0}
  .journey-map{top:66px;z-index:3;padding:12px 14px 10px;box-shadow:0 12px 24px -18px rgba(31,42,34,.4)}
  .jm{max-height:34vh}
  .jm-cap{margin-top:6px;font-size:14px;min-height:0}
  .journey-step{min-height:auto;padding:36px 0}
  .journey-step:first-child{padding-top:36px;min-height:auto}
  .jm-sm,.jm-tag{display:none}
  .jm-lbl{font-size:15.5px}
  .jm-ini{font-size:17px}
  .route-list{grid-template-columns:minmax(0,1fr);gap:0}
  .route-list::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--mech) 0 10px,transparent 10px 16px);transform-origin:top}
  .js [data-route] .route-list::before{transform:scaleY(0)}
  .js [data-route].in .route-list::before{transform:scaleY(1)}
  .route-stop{display:grid;grid-template-columns:56px 1fr;column-gap:20px;padding-bottom:26px}
  .route-node{grid-row:1/4;margin:0}
  .route-stop .h-card{margin-top:14px}
  .quotes.cols-2,.quotes.cols-3,.quotes.cols-4{grid-template-columns:minmax(0,1fr)}
}
.cl-ic2{color:var(--mech);display:inline-flex;padding:4px 0}

/* ── v2: zdjęcia bez białego prostokąta ──────── */
.t-bg .proof-photo img,.t-sage .proof-photo img,.t-bg .person-photo img{mix-blend-mode:multiply;box-shadow:none;filter:none}

/* ── v2: lista kontrolna w kolumnach ─────────── */
.cl-collapse{display:block;columns:2 360px;column-gap:16px}
.cl-collapse .cl-g{display:block;break-inside:avoid;margin:0 0 16px}

/* ── v2: pasek spisu sekcji ──────────────────── */
.toc-bar.t-bg{padding-top:0}
.toc-bar ul{scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:32px}
.toc-bar ul li{scroll-snap-align:start}

/* ── v2: test krok po kroku ──────────────────── */
.sc-top{display:flex;align-items:center;gap:14px;margin-bottom:14px;grid-column:1}
.sc-bar{flex:1;height:6px;border-radius:999px;background:color-mix(in srgb,var(--mech) 14%,transparent);overflow:hidden}
.sc-bar span{display:block;height:100%;width:100%;background:var(--mech);border-radius:inherit;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
.sc-count{font:500 13px var(--mono);color:var(--muted);white-space:nowrap}
.sc-steps .sc-q > li{display:none}
.sc-steps .sc-q > li.cur{display:block;animation:qin .35s var(--ease-out)}
.sc-steps .sc-q legend{font-family:var(--serif);font-size:clamp(21px,2vw,26px);font-weight:600;line-height:1.3;margin-bottom:18px}
.sc-steps .sc-q legend::before{display:none}
.sc-steps .sc-q > li{padding:26px 26px 24px}
.sc-steps .sc-opts span{padding:12px 22px;font-size:16px}
.sc-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;min-height:40px;grid-column:1}
.sc-reset{color:rgba(247,246,241,.8);font-size:14.5px}
.sc{grid-template-rows:auto auto auto 1fr}
.sc-res{grid-column:2;grid-row:1/5}
@keyframes qin{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.form-assure{margin-top:22px;font-size:15.5px}

/* ── v2: pasek CTA na telefonie ──────────────── */
.m-cta{display:none}
@media (max-width:980px){
  .m-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--biel) 94%,transparent);border-top:1px solid var(--n2);transform:translateY(110%);transition:transform .35s var(--ease-out)}
  .m-cta.on{transform:none}
  .m-cta .btn{width:100%;min-height:50px}
  .sc-top,.sc-nav,.sc-res{grid-column:auto;grid-row:auto}
  .sc{grid-template-rows:none}
}
@media (max-width:700px){
  .consent{padding:14px 16px 12px;border-radius:14px}
  .consent-title{font-size:17px;margin-bottom:4px}
  .consent-text{font-size:13.5px;margin-bottom:10px;line-height:1.5}
  .toc-bar .toc-in{min-height:52px;padding-block:4px}
}
.sc{row-gap:12px}

.fm-req{font-size:14.5px;color:var(--muted);margin:0 0 16px}

/* ── v3: nowe pola formularza ────────────────── */
.fm-radios{display:flex;flex-wrap:wrap;gap:8px}
.fm-radio{position:relative;cursor:pointer}
.fm-radio input{position:absolute;opacity:0;inset:0;cursor:pointer}
.fm-radio span{display:inline-block;padding:11px 18px;border-radius:999px;border:1.5px solid #CFCFC7;background:#fff;font-weight:500;font-size:15.5px;transition:background-color .2s,border-color .2s,color .2s}
.fm-radio input:focus-visible+span{outline:2px solid var(--mech);outline-offset:2px}
.fm-radio input:checked+span{background:var(--mech);border-color:var(--mech);color:#fff}
.fm-help{font-size:13.5px;color:var(--muted)}
.fm-info-f{margin:4px 0}
.fm-info-t{margin:0;font-size:15px;color:var(--muted)}
.fm input[type=date],.fm input[type=number],.fm input[type=url]{width:100%;font:16px/1.4 var(--sans);color:var(--ziemia);background:#fff;border:1.5px solid #CFCFC7;border-radius:10px;padding:13px 14px;appearance:none}
.fm input[type=date]:focus,.fm input[type=number]:focus,.fm input[type=url]:focus{outline:none;border-color:var(--mech);box-shadow:0 0 0 4px rgba(62,91,69,.14)}
/* v11: ebook jako zdjęcie, logotypy klientów, opinie */
.lead-img{width:min(340px,88%);height:auto;transition:transform .6s var(--ease-out)}
.lead-cover:hover .lead-img{transform:translateY(-4px)}
.lead-pt{margin:18px 0 0;font-weight:600}
.lead-pt+.ticks{margin-top:10px}
.b-logos.sec{padding:clamp(32px,4vw,52px) 0 clamp(20px,2.6vw,34px)}
.b-logos+.sec{padding-top:clamp(36px,4.4vw,64px)}
.logos-head{text-align:center;margin:0 auto clamp(20px,3vw,32px);max-width:640px}
.logos-t{font:600 12.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.logos-head .sec-intro{margin-top:8px}
.logos-list{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.logos-list li{flex:0 0 auto;display:grid;place-items:center}
.logos-list img{display:block;width:var(--lw,140px);max-width:100%;height:auto;object-fit:contain}
.logos-list a{display:block;border-radius:6px}
.logos-grid .logos-list{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));justify-items:center;align-items:center;gap:clamp(26px,3.2vw,44px) clamp(20px,3vw,48px);max-width:1040px;margin:0 auto}
.logos-mono img{filter:grayscale(1);opacity:.68;transition:opacity .25s,filter .25s}
.logos-mono li:hover img,.logos-mono a:focus-visible img{filter:none;opacity:1}
[data-theme=dark] .logos-list img{filter:grayscale(1) brightness(0) invert(1);opacity:.75}
.logos-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)}
.logos-track{display:flex;width:max-content;animation:logos-run calc(var(--n,10) * 3.2s) linear infinite}
.logos-marquee .logos-list{gap:clamp(36px,5vw,72px);padding-right:clamp(36px,5vw,72px)}
.logos-marquee:hover .logos-track{animation-play-state:paused}
@keyframes logos-run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.logos-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.logos-track .logos-list[aria-hidden]{display:none}.logos-marquee{-webkit-mask-image:none;mask-image:none}}
.testi{display:grid;gap:clamp(16px,2vw,24px);align-items:start}
.testi.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.testi.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.testi-card{margin:0;display:flex;flex-direction:column;gap:16px;height:100%;padding:clamp(22px,2.4vw,30px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.t-white .testi-card{background:var(--biel)}
.testi-ic{color:var(--mech);opacity:.55}
.testi-card blockquote{margin:0;flex:1}
.testi-card blockquote p{margin:0;font-size:15.5px;line-height:1.6;color:var(--fg)}
.testi-card figcaption{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.testi-ph{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 52px;background:var(--szalwia)}
.testi-ini{display:grid;place-items:center;font:600 15px/1 var(--sans);color:var(--mech)}
.testi-card figcaption b{display:block;font-size:15px}
.testi-card figcaption small{display:block;font-size:13.5px;color:var(--muted);line-height:1.4;margin-top:2px}
[data-theme=dark] .testi-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
[data-theme=dark] .testi-ic{color:var(--mgla)}
.testi-more{text-align:center;margin:clamp(24px,3vw,36px) 0 0}
@media (max-width:980px){.testi.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .testi.cols-3,.testi.cols-2{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 calc(var(--gut) * -1);padding:0 var(--gut) 8px;scroll-padding:0 var(--gut);scrollbar-width:thin}
  .testi-card{flex:0 0 86%;scroll-snap-align:start}
  .testi-card[hidden]{display:flex}
  .testi-more{display:none}
  .logos-list li{--k:.78}
  .logos-list img{width:calc(var(--lw,140px) * var(--k))}
  .lead-img{width:min(240px,70%)}
}

/* v13: opinie jako slider poziomy */
.testi-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,3.4vw,44px)}
.testi-top .sec-head{margin-bottom:0}
.testi-nav{display:flex;gap:10px;flex:0 0 auto}
.testi-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--fg) 22%,transparent);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}
.testi-btn:hover{border-color:var(--mech);background:var(--mech);color:#fff}
.testi-btn:disabled{opacity:.35;cursor:default;background:var(--surface);color:var(--fg);border-color:color-mix(in srgb,var(--fg) 22%,transparent)}
.testi-btn:focus-visible{outline:2px solid var(--mech);outline-offset:3px}
.testi.testi-slider{display:flex;align-items:stretch;gap:clamp(16px,2vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--fg) 25%,transparent) transparent;cursor:grab}
.testi.testi-slider.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.testi.testi-slider::-webkit-scrollbar{height:6px}
.testi.testi-slider::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg) 25%,transparent);border-radius:3px}
.testi.testi-slider:focus-visible{outline:2px solid var(--mech);outline-offset:6px;border-radius:8px}
.testi-slider .testi-card{flex:0 0 calc((100% - 2 * clamp(16px,2vw,24px)) / 3);scroll-snap-align:start;height:auto}
.testi-slider.cols-2 .testi-card{flex-basis:calc((100% - clamp(16px,2vw,24px)) / 2)}
.testi-slider .testi-card[hidden]{display:flex}
@media (max-width:980px){.testi-slider .testi-card,.testi-slider.cols-2 .testi-card{flex-basis:calc((100% - clamp(16px,2vw,24px)) / 2)}}
@media (max-width:700px){
  .testi-top{align-items:flex-start}
  .testi-nav{display:none}
  .testi.testi-slider{margin:0 calc(var(--gut) * -1);padding:0 var(--gut) 10px;scroll-padding:0 var(--gut)}
  .testi-slider .testi-card,.testi-slider.cols-2 .testi-card{flex-basis:86%}
  .logos-grid .logos-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
}

/* v18: dane firmy, formularz otwierający stronę */
.co-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.co-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3vw,34px);box-shadow:var(--shadow-lg)}
.t-white .co-card{background:var(--biel)}
.co-head{display:flex;align-items:center;gap:14px;font-size:19px;margin-bottom:18px}
.co-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--mech);flex:none}
.co-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin:0}
.co-dl div{display:grid;gap:3px;min-width:0}
.co-dl dt{font:500 11.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.co-dl dd{margin:0;overflow-wrap:anywhere}
.co-note{margin:18px 0 0;font-size:14px;color:var(--muted)}
.b-form .form-h1{margin:0 0 18px}
.b-form .form-side>p{font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--muted)}
@media (max-width:980px){.co-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.co-dl{grid-template-columns:minmax(0,1fr)}}
/* Formularz otwierający stronę: na telefonie formularz zaraz pod tytułem i wstępem */
@media (max-width:980px){
  .form-top .form-side{display:contents}
  .form-top .form-side>*{order:3}
  .form-top .form-side>.crumbs,.form-top .form-side>.form-h1,.form-top .form-side>p:not([class]){order:1}
  .form-top .form-col{order:2;margin-bottom:8px}
  .form-top{gap:20px}
  .form-top .form-steps-t{margin-top:12px}
}

/* Metryczka firmy pod formularzem */
.form-col{display:grid;gap:18px;min-width:0}
.co-compact{box-shadow:none;padding:clamp(18px,2.4vw,26px)}
.co-compact .co-head{font-size:17px;margin-bottom:14px}
.co-compact .co-dl{gap:12px 24px}
.co-compact .co-address{grid-column:1/-1}
.autolink{color:inherit;text-decoration:underline;text-decoration-color:var(--accent,currentColor);text-decoration-thickness:1px;text-underline-offset:3px}
.autolink:hover{color:var(--accent,inherit)}

/* ── v22: Inwentarz majątku (interaktywny) ───────── */
.inv{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:clamp(24px,3.5vw,44px);align-items:start;margin-top:clamp(28px,4vw,48px)}
.inv-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;margin:0 -2px 12px;scrollbar-width:thin}
.inv-tab{flex:1 0 150px;display:grid;gap:5px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.inv-tab:hover{border-color:color-mix(in srgb,var(--mech) 50%,var(--line))}
.inv-tab[aria-selected=true]{border-color:var(--mech);box-shadow:inset 0 0 0 1px var(--mech)}
.inv-tab:focus-visible{outline:2px solid var(--mech);outline-offset:2px}
.inv-tab-c{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1 var(--mono);color:var(--muted);letter-spacing:.03em}
.inv-tab-c .bc{width:10px;height:13px}
.inv-tab b{font-size:14.5px;line-height:1.25}
.inv-tab-n{font:500 12px/1 var(--mono);color:var(--muted)}
.inv-tab.is-done .inv-tab-n{color:var(--ok)}
.inv-tab.is-done .inv-tab-n::after{content:" gotowe"}
.inv-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,2.6vw,28px)}
.t-white .inv-panel,.t-white .inv-tab{background:var(--biel)}
.inv-panel+.inv-panel{margin-top:16px}
.js-inv .inv-panel+.inv-panel{margin-top:0}
.inv-ph{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-bottom:6px}
.inv-ph .h-card{margin:0 0 4px}
.inv-ph p{margin:0;color:var(--muted);font-size:15.5px;max-width:52em}
.inv-how{margin:14px 0 2px;font-size:14px;color:var(--muted)}
.inv-list{list-style:none;margin:10px 0 0;padding:0}
.inv-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center;padding:12px 0 12px 14px;border-top:1px solid var(--line);position:relative;transition:background .2s}
.inv-it::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--line);transition:background .2s}
.inv-it.is-ok::before{background:var(--ok)}
.inv-it.is-bad::before{background:var(--cegla)}
.inv-it.is-na::before{background:var(--n7);opacity:.35}
.inv-it.is-na .inv-l{color:var(--muted)}
.inv-l{font-size:15.5px;line-height:1.45}
.inv-opts{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.inv-o{position:relative}
.inv-o input{position:absolute;opacity:0;width:1px;height:1px}
.inv-o span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.inv-o span .ic{display:none}
.inv-o:hover span{border-color:color-mix(in srgb,var(--fg) 30%,transparent);color:var(--fg)}
.inv-o input:focus-visible+span{outline:2px solid var(--mech);outline-offset:2px}
.inv-o-ok input:checked+span{background:var(--ok-1);border-color:var(--ok);color:var(--ok)}
.inv-o-bad input:checked+span{background:var(--cegla-0);border-color:var(--cegla);color:var(--cegla-7)}
.inv-o-na input:checked+span{background:var(--n1);border-color:var(--n7);color:var(--fg)}
.inv-o input:checked+span .ic{display:inline-block}
.inv-next{margin-top:18px}
.inv-note{margin:20px 0 0;color:var(--muted);font-size:15.5px;max-width:52em}
.inv-sum{position:sticky;top:120px;background:var(--ziemia);color:var(--biel);border-radius:20px;padding:clamp(22px,2.6vw,30px);box-shadow:var(--shadow-lg)}
.inv-sum-t{margin:0 0 10px;font:500 12px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mgla)}
.inv-big{margin:0 0 14px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.inv-big b{font:500 clamp(48px,5vw,64px)/1 var(--serif);letter-spacing:-.02em}
.inv-big span{color:rgba(247,246,241,.72);font-size:15px}
.inv-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:rgba(247,246,241,.14);margin:0 0 16px}
.inv-bar span{display:block;width:0;transition:width .45s var(--ease-out)}
.inv-bar-ok{background:#8CC4A6}
.inv-bar-bad{background:#E8836B}
.inv-legend{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;font-size:14.5px;color:rgba(247,246,241,.82)}
.inv-legend li{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center}
.inv-legend b{font:600 14px var(--mono);color:var(--biel)}
.inv-dot{width:10px;height:10px;border-radius:50%}
.inv-dot-ok{background:#8CC4A6}.inv-dot-bad{background:#E8836B}.inv-dot-na{background:rgba(247,246,241,.35)}
.inv-msg{margin:0 0 18px;padding-top:16px;border-top:1px solid rgba(247,246,241,.14);font:500 19px/1.4 var(--serif)}
.inv-cta{width:100%}
.inv-reset{display:block;margin:14px auto 0;color:var(--mgla);font-size:14px}
.inv-priv{margin:16px 0 0;font-size:12.5px;color:rgba(247,246,241,.55);text-align:center}
@media (max-width:980px){
  .inv{grid-template-columns:minmax(0,1fr)}
  .inv-sum{position:static}
}
@media (max-width:640px){
  .inv-it{grid-template-columns:minmax(0,1fr)}
  .inv-opts{justify-content:flex-start}
  .inv-tab{flex-basis:132px}
}

/* ── v22: Historie (karty z rozwinięciem) ────────── */
.st-grid{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;display:grid;gap:16px;align-items:start}
.st-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.st-grid.cols-2>li:last-child:nth-child(odd){grid-column:1/-1}
.st-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.st-d{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:box-shadow .25s,border-color .25s}
.t-white .st-d{background:var(--biel)}
.st-d[open]{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--mech) 35%,var(--line))}
.st-d summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px 26px 22px;border-radius:var(--r-lg)}
.st-d summary::-webkit-details-marker{display:none}
.st-d summary:focus-visible{outline:2px solid var(--mech);outline-offset:2px}
.st-l{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.st-q{font:500 clamp(20px,1.8vw,25px)/1.32 var(--serif);letter-spacing:-.01em;quotes:"„" "”";text-wrap:balance;color:var(--fg)}
.st-more{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--mech)}
.st-ic{transition:transform .25s var(--ease)}
.st-d[open] .st-ic{transform:rotate(45deg)}
.st-body{margin:0 26px;padding:18px 0 24px;border-top:1px solid var(--line);font-size:15.5px}
.st-body p{margin:0 0 .7em}
@media (max-width:900px){.st-grid.cols-2,.st-grid.cols-3{grid-template-columns:minmax(0,1fr)}}

/* ── v23: formatowanie z edytora wpisów ────────── */
.prose .ta-c{text-align:center}.prose .ta-r{text-align:right}.prose .ta-j{text-align:justify;hyphens:auto}
.prose mark,.rt mark{background:var(--warn-1);color:inherit;padding:0 .15em;border-radius:3px}
[data-theme=dark] .prose mark{background:rgba(250,240,214,.22)}
.prose .c-mech{color:var(--mech)}.prose .c-ziemia{color:var(--ziemia)}.prose .c-szary{color:var(--n7)}.prose .c-mgla{color:var(--mgla-7)}.prose .c-cegla{color:var(--cegla)}.prose .c-ochra{color:var(--warn-i)}
[data-theme=dark] .prose .c-mech{color:#9FC4A8}[data-theme=dark] .prose .c-ziemia{color:var(--biel)}[data-theme=dark] .prose .c-szary,[data-theme=dark] .prose .c-mgla{color:var(--mgla)}[data-theme=dark] .prose .c-cegla{color:var(--cegla-3)}[data-theme=dark] .prose .c-ochra{color:#E3B860}
.prose figure{margin:1.6em 0}.prose figure img{margin:0;display:block;width:100%;height:auto}
.prose figcaption{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.45}
.prose figure.fig-half{max-width:50%;margin-left:auto;margin-right:auto}
.prose figure.fig-left{float:left;max-width:48%;margin:.3em 1.6em 1em 0}
.prose figure.fig-right{float:right;max-width:48%;margin:.3em 0 1em 1.6em}
.prose h2,.prose h3,.prose h4{clear:both}
.prose::after{content:'';display:block;clear:both}
@media (max-width:640px){.prose figure.fig-left,.prose figure.fig-right,.prose figure.fig-half{float:none;max-width:100%;margin:1.4em 0}}

/* Podstrona Certyfikacja TISAX: ciaśniejsze odstępy między sekcjami (v32) */
.page-certyfikacja-tisax{--sec:clamp(40px,5vw,72px)}
.page-certyfikacja-tisax .sec-head{margin-bottom:clamp(22px,2.6vw,36px)}
.page-certyfikacja-tisax .b-form.sec:first-of-type{padding-top:clamp(28px,3.5vw,48px)}
.page-certyfikacja-tisax .t-white+.t-white,.page-certyfikacja-tisax .t-white+.anchor+.t-white,.page-certyfikacja-tisax .t-bg+.t-bg,.page-certyfikacja-tisax .t-bg+.anchor+.t-bg,.page-certyfikacja-tisax .t-mist+.t-mist,.page-certyfikacja-tisax .t-mist+.anchor+.t-mist,.page-certyfikacja-tisax .t-sage+.t-sage,.page-certyfikacja-tisax .t-sage+.anchor+.t-sage{padding-top:calc(var(--sec)*.3)}
.page-certyfikacja-tisax .b-richtext .prose>h2:first-child{margin-top:0}