/* ============================================================================
   Danaco LEX — platforma prawa. Makieta.
   Tokeny 1:1 z systemem projektowym Danaco Core / e-kancelaria.app
   (design-tokens/tokens.css + globals.css). Cormorant Garamond (display)
   + Plus Jakarta Sans (UI). © 2025–2026 Danaco Holding Group Sp. z o.o.
   ========================================================================== */

/* ---------- Fonty (osadzone lokalnie, bez CDN) ---------- */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/cormorant-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/cormorant-latinext.woff2') format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 700;font-display:swap;
  src:url('fonts/cormorant-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD,U+0100-024F,U+1E00-1EFF;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('fonts/jakarta-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('fonts/jakarta-latinext.woff2') format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ---------- Tokeny ---------- */
:root{
  --brand-primary:#2D6B48; --brand-primary-hover:#3D8B66; --brand-dark:#1A4D2E;
  --brand-300:#7CC29A; --brand-400:#4FA87D; --brand-500:#3D8B66; --brand-600:#2D6B48; --brand-700:#1A4D2E; --brand-900:#0C1F14;
  --gold:#AE8A38; --gold-hover:#C49E4A; --gold-dark:#8C6F2D; --gold-light:#C9A84E;
  --bg-page:#F3F1EB; --surface:#FFFFFF; --surface-2:#F8F7F3; --bg-hero:#0c1f14;
  --ink:#0C1F14; --ink-secondary:#4A5C52; --ink-muted:#5F7168;
  --on-dark:#f3f1eb; --on-dark-sec:rgba(243,241,235,.85); --on-dark-muted:rgba(243,241,235,.5);
  --border:#D9D6CC; --border-subtle:#E8E5DD; --border-light:rgba(243,241,235,.10);

  --font-ui:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Cormorant Garamond',Georgia,serif;

  --r-btn:.75rem; --r-card:1rem; --r-input:.5rem; --r-pill:9999px;
  --sh-sm:0 1px 3px rgba(12,31,20,.06),0 1px 2px rgba(12,31,20,.04);
  --sh-md:0 4px 6px -1px rgba(12,31,20,.06),0 2px 4px -2px rgba(12,31,20,.04);
  --sh-lg:0 10px 15px -3px rgba(12,31,20,.08),0 4px 6px -4px rgba(12,31,20,.05);
  --sh-xl:0 20px 25px -5px rgba(12,31,20,.09),0 8px 10px -6px rgba(12,31,20,.05);
  --sh-hero:0 30px 60px rgba(0,0,0,.30),0 12px 24px rgba(0,0,0,.22);
  --wide:1600px; --max:1400px;
  --ease:cubic-bezier(.4,0,.2,1);
}

/* ---------- Reset / baza ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg-page);color:var(--ink);font-family:var(--font-ui);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.01em;margin:0}
p{margin:0}
::selection{background:var(--gold);color:#fff}
:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--brand-primary);border-radius:4px}

.osnowa{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}
.osnowa-wide{width:100%;max-width:var(--wide);margin:0 auto;padding:0 24px}
.pomin{position:absolute;left:-9999px}
.pomin:focus{left:16px;top:16px;z-index:200;background:var(--brand-primary);color:#fff;padding:10px 16px;border-radius:var(--r-btn)}

/* ---------- Przyciski ---------- */
.przycisk{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-ui);font-weight:600;font-size:15px;
  padding:12px 24px;border-radius:var(--r-btn);border:2px solid transparent;transition:all .25s var(--ease);white-space:nowrap}
.przycisk-glowny{background:var(--brand-primary);color:#fff;box-shadow:var(--sh-md);border-color:transparent}
.przycisk-glowny:hover{background:var(--brand-primary-hover);box-shadow:0 0 20px rgba(45,107,72,.4)}
.przycisk-zloty{background:var(--gold-dark);color:#fff;box-shadow:var(--sh-md)}
.przycisk-zloty:hover{background:var(--gold-hover)}
.przycisk-obwodka-zlota{background:transparent;color:var(--gold);border-color:rgba(174,138,56,.6)}
.przycisk-obwodka-zlota:hover{background:rgba(174,138,56,.10);border-color:var(--gold)}
.przycisk-obwodka{background:transparent;color:var(--brand-primary);border-color:rgba(45,107,72,.35)}
.przycisk-obwodka:hover{background:rgba(45,107,72,.06);border-color:var(--brand-primary)}
.przycisk-l{padding:15px 30px;font-size:16px}
.przycisk svg{transition:transform .2s var(--ease)}
.przycisk:hover svg.strzalka{transform:translateX(3px)}

/* ---------- Belka górna ---------- */
.naglowek{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(12,31,20,.72);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);transition:background .4s,box-shadow .4s}
.naglowek.przewiniety{background:rgba(12,31,20,.97);box-shadow:0 4px 30px rgba(0,0,0,.35)}
.naglowek::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;opacity:.25;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--brand-primary) 70%,transparent)}
.naglowek-wnetrze{position:relative;display:flex;align-items:center;gap:28px;height:72px;max-width:var(--wide);margin:0 auto;padding:0 24px;transition:height .3s}
.naglowek.przewiniety .naglowek-wnetrze{height:60px}
.logo-blok{display:inline-flex;align-items:baseline;gap:0;flex-shrink:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;font-size:23px;position:relative}
.logo-blok .l-danaco{color:var(--brand-400)}
.logo-blok .l-lex{color:var(--gold)}
.logo-blok::after{content:"";position:absolute;left:0;bottom:-3px;height:1.5px;width:0;background:linear-gradient(90deg,var(--gold),var(--brand-primary));border-radius:2px;transition:width .3s}
.logo-blok:hover::after{width:100%}
.nawigacja{display:flex;align-items:center;gap:26px;margin-left:6px}
.nawigacja a{position:relative;font-size:15px;font-weight:500;color:var(--on-dark-sec);transition:color .2s;padding:2px 0;white-space:nowrap}
.nawigacja a::after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:0;background:rgba(174,138,56,.5);border-radius:2px;transition:width .3s}
.nawigacja a:hover{color:var(--on-dark)}
.nawigacja a:hover::after{width:100%}
.nawigacja a.aktywny{color:var(--gold)}
.nawigacja a.aktywny::after{width:100%;background:rgba(174,138,56,.6)}
.naglowek-akcje{margin-left:auto;display:flex;align-items:center;gap:10px}
.pigulka-status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.12);font-size:13.5px;color:var(--on-dark-muted);white-space:nowrap}
.kropka-zywa{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.5);animation:puls 2s infinite}
@keyframes puls{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.4)}50%{box-shadow:0 0 0 5px rgba(74,222,128,0)}}
.link-obwodka-zlota{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-pill);border:1px solid rgba(174,138,56,.4);font-size:13.5px;font-weight:500;color:var(--gold);transition:all .3s}
.link-obwodka-zlota:hover{background:rgba(174,138,56,.1);border-color:rgba(174,138,56,.7)}
.cta-belka{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--r-btn);background:var(--brand-primary);color:#fff;font-size:14px;font-weight:600;box-shadow:var(--sh-md);transition:all .3s;white-space:nowrap}
.cta-belka:hover{background:var(--brand-primary-hover);box-shadow:0 0 18px rgba(45,107,72,.45)}
.cta-belka svg{transition:transform .2s}
.cta-belka:hover svg{transform:translateX(3px)}
.przelacznik-menu{display:none;background:transparent;border:0;color:var(--on-dark);padding:6px}
.znacznik-makieta{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);border:1px solid rgba(201,168,78,.4);padding:5px 10px;border-radius:var(--r-pill)}

/* ---------- Hero ---------- */
.bohater{position:relative;min-height:92vh;display:flex;flex-direction:column;overflow:hidden;color:#fff}
.bohater-tlo{position:absolute;inset:0;background:url('assets/hero-bg.jpg') center/cover no-repeat}
.bohater-nakladka{position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,31,20,.96) 0%,rgba(12,31,20,.86) 45%,rgba(12,31,20,.60) 100%)}
.bohater-wnetrze{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:var(--wide);width:100%;margin:0 auto;padding:120px 24px 48px}
.bohater-kolumna{max-width:820px}
.zapowiedz{display:block;font-size:clamp(13px,1.4vw,19px);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.bohater h1{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,7vw,88px);line-height:1.04;letter-spacing:-.015em;margin-bottom:20px}
.bohater h1 .wiersz{display:block}
.bohater h1 .akcent{color:var(--gold)}
.bohater .podtytul{font-size:clamp(18px,2vw,24px);line-height:1.5;color:var(--on-dark-sec);max-width:44ch;margin-bottom:32px}

/* Wyszukiwarka w hero */
.szukajnia{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-card);padding:16px;backdrop-filter:blur(8px);max-width:680px}
.tryby{display:inline-flex;gap:4px;background:rgba(0,0,0,.25);padding:4px;border-radius:var(--r-pill);margin-bottom:13px}
.tryby button{background:transparent;border:0;color:var(--on-dark-sec);font-size:13.5px;font-weight:600;padding:8px 18px;border-radius:var(--r-pill);transition:all .2s}
.tryby button.aktywny{background:#fff;color:var(--bg-hero);box-shadow:var(--sh-sm)}
.pole-szukania{display:flex;gap:10px;background:#fff;border-radius:var(--r-btn);padding:8px 8px 8px 18px}
.pole-szukania svg{align-self:center;color:var(--ink-muted);flex-shrink:0}
.pole-szukania input{flex:1;border:0;outline:0;font-family:var(--font-ui);font-size:16px;color:var(--ink);background:transparent;min-width:0}
.pole-szukania input::placeholder{color:#9aa79e}
.opis-trybu{margin-top:11px;font-size:13.5px;color:var(--on-dark-muted);min-height:1.2em;padding-left:2px}

.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.hero-ceny{margin-top:20px;font-size:15px;color:var(--on-dark-sec);font-weight:500}
.hero-ceny b{color:var(--gold);font-weight:700}
.hero-ceny .sep{color:var(--gold);margin:0 6px}

/* Pasek zaufania na dole hero */
.hero-zaufanie{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.08);background:rgba(12,31,20,.4);backdrop-filter:blur(6px);padding:18px 0}
.hero-zaufanie-wnetrze{max-width:var(--wide);margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;gap:12px 32px}
.hero-zaufanie span{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--on-dark-muted)}
.hero-zaufanie svg{color:var(--brand-400);flex-shrink:0}

/* ---------- Sekcje ---------- */
.sekcja{padding:96px 0}
.sekcja-ciasna{padding:64px 0}
.sekcja-ciemna{background:var(--bg-hero);color:#fff}
.sekcja-papier2{background:var(--surface-2)}
.naglowek-sekcji{text-align:center;max-width:680px;margin:0 auto 56px}
.naglowek-sekcji .zapowiedz{margin-bottom:14px}
.naglowek-sekcji h2{font-size:clamp(32px,4vw,48px);color:var(--ink)}
.sekcja-ciemna .naglowek-sekcji h2{color:#fff}
.naglowek-sekcji p{margin-top:14px;font-size:18px;line-height:1.55;color:var(--ink-secondary)}
.sekcja-ciemna .naglowek-sekcji p{color:var(--on-dark-sec)}

.siatka{display:grid;gap:24px}
.siatka-2{grid-template-columns:repeat(2,1fr)}
.siatka-3{grid-template-columns:repeat(3,1fr)}
.siatka-4{grid-template-columns:repeat(4,1fr)}

.karta{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-card);padding:32px;box-shadow:var(--sh-sm);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.karta:hover{transform:translateY(-4px);box-shadow:var(--sh-xl);border-color:var(--border)}
.karta-ikona{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:20px;background:rgba(45,107,72,.10);color:var(--brand-primary)}
.karta h3{font-size:25px;margin-bottom:10px;color:var(--ink)}
.karta p{font-size:15.5px;color:var(--ink-secondary);line-height:1.6}

.odznaka{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-pill);margin-bottom:16px}
.warstwa-dokladna{background:rgba(45,107,72,.12);color:#24603c}
.warstwa-morfologiczna{background:rgba(174,138,56,.15);color:#8a6c22}
.warstwa-semantyczna{background:rgba(61,86,139,.12);color:#3a4f7a}

/* Pasek liczników */
.liczniki-pas{background:var(--bg-hero);color:#fff;position:relative;overflow:hidden}
.liczniki-pas::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 30%,rgba(61,139,102,.18),transparent 45%),radial-gradient(ellipse at 85% 80%,rgba(174,138,56,.12),transparent 45%)}
.liczniki{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:64px 0;text-align:center}
.licznik b{display:block;font-family:var(--font-display);font-size:clamp(40px,5vw,62px);font-weight:600;color:#fff;line-height:1}
.licznik span{display:block;margin-top:10px;font-size:14px;color:var(--on-dark-muted);font-weight:500}

/* Wyróżniki */
.wyroznik{display:flex;gap:16px;align-items:flex-start}
.wyroznik-znak{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:rgba(174,138,56,.16);color:var(--gold-light);display:grid;place-items:center;margin-top:2px}
.wyroznik h3{font-size:21px;margin-bottom:6px;color:#fff}
.wyroznik p{font-size:15px;color:var(--on-dark-sec);line-height:1.58}

/* Karta-próbka asystenta */
.karta-probka{background:#fbfaf6;color:var(--ink);border-radius:var(--r-card);box-shadow:var(--sh-hero);overflow:hidden;border:1px solid rgba(0,0,0,.05)}
.karta-probka-belka{background:linear-gradient(180deg,var(--bg-hero),#123122);color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}
.karta-probka-belka .ety{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted)}
.karta-probka-belka .syg{font-family:var(--font-display);font-size:18px;color:var(--gold-light);font-weight:600;display:inline-flex;align-items:center;gap:8px}
.karta-probka-tresc{padding:26px}
.karta-probka-pyt{font-size:15px;color:var(--ink-secondary);font-style:italic;border-left:3px solid var(--gold);padding:2px 0 2px 14px;margin-bottom:20px}
.odp-akapit{font-size:15px;line-height:1.62;margin-bottom:16px}
.cytat-blok{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--r-input);padding:15px 16px;margin:14px 0;box-shadow:var(--sh-sm)}
.cytat-naglowek{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.cytat-nr{font-family:var(--font-ui);font-weight:700;font-size:12.5px;color:var(--brand-primary)}
.plakietka-wierny{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#25502f;background:rgba(45,107,72,.1);border:1px solid rgba(45,107,72,.25);padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap}
.cytat-tresc{font-size:13px;line-height:1.55;color:var(--ink-secondary)}
.cytat-zrodlo{font-size:11.5px;color:var(--ink-muted);margin-top:8px}
.cytat-zrodlo b{color:var(--brand-primary)}

/* Wezwanie */
.wezwanie{background:linear-gradient(135deg,var(--brand-primary),var(--bg-hero));color:#fff;border-radius:24px;padding:64px 56px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--sh-xl)}
.wezwanie::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% -20%,rgba(174,138,56,.25),transparent 55%)}
.wezwanie>*{position:relative}
.wezwanie h2{font-size:clamp(30px,3.6vw,44px);color:#fff}
.wezwanie p{margin:16px auto 30px;font-size:18px;color:var(--on-dark-sec);max-width:54ch}

/* ---------- Stopka ---------- */
.stopka{background:var(--bg-hero);color:var(--on-dark)}
.stopka-baner{border-bottom:1px solid rgba(255,255,255,.06)}
.stopka-baner-wnetrze{max-width:var(--wide);margin:0 auto;padding:32px 24px}
.stopka-baner-karta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:16px;background:linear-gradient(90deg,rgba(174,138,56,.10),transparent);border:1px solid rgba(174,138,56,.2)}
.stopka-baner-karta p:first-child{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px;font-family:var(--font-display)}
.stopka-baner-karta p:last-child{font-size:14px;color:var(--on-dark-muted)}
.stopka-glowna{max-width:var(--wide);margin:0 auto;padding:52px 24px 28px}
.stopka-siatka{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;margin-bottom:40px}
.stopka-marka .logo-blok{font-size:32px;margin-bottom:16px}
.stopka-marka p{font-size:14.5px;line-height:1.6;color:var(--on-dark-muted);max-width:34ch}
.stopka h4{font-family:var(--font-ui);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:700}
.stopka ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.stopka ul a{font-size:14px;color:var(--on-dark-muted);transition:color .2s}
.stopka ul a:hover{color:var(--on-dark)}
.stopka-dol{border-top:1px solid rgba(255,255,255,.08);padding:24px 0 4px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:12.5px;color:var(--on-dark-muted)}

/* Podstrony */
.pod-naglowek{position:relative;color:#fff;overflow:hidden;padding:130px 0 56px}
.pod-naglowek-tlo{position:absolute;inset:0;background:url('assets/subpage-bg.jpg') center/cover no-repeat}
.pod-naglowek-nakladka{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,31,20,.92),rgba(12,31,20,.86))}
.pod-naglowek .osnowa{position:relative;z-index:1}
.okruszki{font-size:13px;color:var(--on-dark-muted);margin-bottom:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.okruszki a:hover{color:var(--gold-light)}
.pod-naglowek h1{font-size:clamp(32px,4.5vw,52px);color:#fff}
.pod-naglowek p{margin-top:12px;color:var(--on-dark-sec);font-size:17px;max-width:60ch}
.tresc-strony{padding:52px 0 84px}
.nota-pogladowa{font-size:12.5px;color:var(--ink-muted);font-style:italic}
.sekcja-ciemna .nota-pogladowa,.bohater .nota-pogladowa{color:var(--on-dark-muted)}
.wysrodkowany{text-align:center}

/* ---------- Responsywność ---------- */
@media(max-width:1024px){
  .nawigacja,.pigulka-status,.link-obwodka-zlota{display:none}
  .przelacznik-menu{display:inline-block}
  .naglowek.otwarte .nawigacja{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:2px;background:rgba(12,31,20,.98);padding:16px 24px;backdrop-filter:blur(12px)}
  .naglowek.otwarte .nawigacja a{padding:12px 0;width:100%}
  .siatka-4{grid-template-columns:repeat(2,1fr)}
  .stopka-siatka{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:768px){
  .siatka-3{grid-template-columns:1fr}
  .bohater-wnetrze{padding:110px 24px 40px}
  .stopka-baner-karta{flex-direction:column;align-items:flex-start;text-align:left}
}
@media(max-width:600px){
  body{font-size:16px}
  .osnowa,.osnowa-wide{padding:0 18px}
  .sekcja{padding:64px 0}
  .liczniki{grid-template-columns:repeat(2,1fr);gap:36px 16px;padding:48px 0}
  .siatka-2,.siatka-4{grid-template-columns:1fr}
  .stopka-siatka{grid-template-columns:1fr}
  .wezwanie{padding:44px 24px}
  .cta-belka span{display:none}
  .znacznik-makieta{display:none}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}}