/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(../fonts/space-grotesk-latin-ext-500-700.woff2?v=054c266f) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(../fonts/space-grotesk-latin-500-700.woff2?v=a0d054c4) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(../fonts/inter-latin-ext-400-600.woff2?v=a28eb6d3) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(../fonts/inter-latin-400-600.woff2?v=c9407645) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --tlo: #0b0806;
  --tlo-pas: #241b16;
  --karta: #17110d;
  --obwodka-kart: #3b2f27;
  --tekst: #f5f1ec;
  --tekst-2: #a8a09a;
  --akcent-tekst: #ff8a4c;
  --akcent: #c2410c;
  --akcent-ciemny: #a8380a;
  --przycisk-tekst: #ffffff;
  --przycisk-jasny: #f5f1ec;
  --przycisk-jasny-tekst: #0b0806;
  --obrys-pola: #8a7f78;
  --obrys-drugorzedny: #a8a09a;
  --obwodka-pigulki: #7a6d64;
  --fokus: #ffb07a;
  --fokus-ciemny: #0b0806;
  --poswiata-szczyt: #5a200a;
  --link: #ff8a4c;
  --poswiata: rgba(194,65,12,0.42);
  --poswiata-zero: rgba(194,65,12,0);
  --kapsula-tlo: rgba(23,17,13,0.72);
  --kapsula-tlo-gesta: rgba(23,17,13,0.94);

  --kroj-naglowki: 'Space Grotesk', system-ui, sans-serif;
  --kroj-tekst: 'Inter', system-ui, sans-serif;
  --t-otwarcie: clamp(40px, 5.4vw, 76px);
  --t-h2: clamp(32px, 3.6vw, 52px);
  --liczby: clamp(36px, 3vw, 44px);
  --t-h3: clamp(20px, 1.6vw, 24px);
  --t-lead: clamp(18px, 1.3vw, 19px);
  --t-zdanie: clamp(20px, 1.8vw, 24px);
  --t-baza: 16px;
  --t-mala: 14px;
  --t-logo: 20px;
  --t-logo-stopka: 24px;

  --odstep-8: 8px; --odstep-16: 16px; --odstep-24: 24px; --odstep-32: 32px;
  --odstep-48: 48px; --odstep-64: 64px; --odstep-96: 96px; --odstep-128: 128px;
  --szer-tresci: 1200px;
  --szer-waska: 640px;
  --promien: 20px;
  --kreska: 1.5px;

  --czas-wejscia: 600ms;
  --easing: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dystans-wejscia: 24px;
  --rozmycie-wejscia: 6px;
  --opoznienie-kolejne: 90ms;
  --czas-naglowka: 300ms;
  --czas-kapsuly: 200ms;
  --czas-przycisku: 160ms;
  --czas-pytan: 240ms;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--tlo);color:var(--tekst);font:400 var(--t-baza)/1.6 var(--kroj-tekst);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--odstep-96)}
body{margin:0;background:var(--tlo);padding-top:var(--odstep-96);overflow-x:hidden}
img{max-width:100%}
p{margin:0 0 var(--odstep-16)}
p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3{font-family:var(--kroj-naglowki);font-weight:500;margin:0 0 var(--odstep-24)}
h1{font-size:var(--t-otwarcie);line-height:1.04;letter-spacing:-0.035em}
h2{font-size:var(--t-h2);line-height:1.08;letter-spacing:-0.025em}
h3{font-size:var(--t-h3);line-height:1.25;letter-spacing:-0.01em;font-weight:600}
a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
strong{font-weight:600}
a[href^="tel:"]{white-space:nowrap}
.sr-only{position:absolute;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:-9999px;top:var(--odstep-8);background:var(--przycisk-jasny);color:var(--przycisk-jasny-tekst);padding:var(--odstep-8) var(--odstep-16);border-radius:999px;z-index:50;font-weight:600}
.skip:focus{left:var(--odstep-16)}
:focus-visible{outline:2px solid var(--fokus);outline-offset:3px}
.ikona{width:24px;height:24px;flex:none}

/* kapsuła nawigacji */
.naglowek{position:fixed;top:calc(var(--odstep-16) + env(safe-area-inset-top));left:var(--odstep-16);right:var(--odstep-16);z-index:30;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:var(--odstep-8);padding:var(--odstep-8) var(--odstep-8) var(--odstep-8) var(--odstep-16);background:var(--kapsula-tlo);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--obwodka-kart);border-radius:999px;transition:background var(--czas-kapsuly) ease-out}
.naglowek.gesta{background:var(--kapsula-tlo-gesta)}
.logo{display:inline-flex;align-items:center;gap:var(--odstep-8);min-height:44px;color:var(--tekst);text-decoration:none;font-family:var(--kroj-naglowki);font-weight:600;font-size:var(--t-logo);letter-spacing:-0.01em;white-space:nowrap;margin-right:auto}
.logo img{display:block;height:24px;width:auto}
#menu{display:flex;align-items:center;gap:var(--odstep-8)}
#menu a{display:flex;align-items:center;min-height:44px;padding:0 var(--odstep-8);color:var(--tekst);text-decoration:none;font-weight:600;font-size:var(--t-mala);border-radius:999px}
#menu a:hover{color:var(--akcent-tekst)}
.menu-przycisk{display:none}
.przycisk-jasny{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--odstep-16);border-radius:999px;background:var(--przycisk-jasny);color:var(--przycisk-jasny-tekst);font-weight:600;font-size:var(--t-mala);text-decoration:none;white-space:nowrap;transition:background var(--czas-przycisku) ease-out}
.przycisk-jasny:hover{background:var(--tekst-2)}
.przycisk-jasny:focus-visible{box-shadow:inset 0 0 0 2px var(--fokus-ciemny)}
@media (max-width:819px){
  .naglowek{padding-left:var(--odstep-16)}
  .menu-przycisk{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--obwodka-kart);border-radius:999px;background:transparent;color:var(--tekst);cursor:pointer;padding:0}
  .menu-przycisk .ikona{width:20px;height:20px}
  .menu-przycisk span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .js #menu{position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--odstep-8);padding:var(--odstep-96) var(--odstep-24);background:var(--tlo)}
  .js #menu[hidden]{display:none}
  .js #menu a{font-family:var(--kroj-naglowki);font-size:var(--t-h3);min-height:56px;padding:0 var(--odstep-16)}
  #menu{flex-wrap:wrap}
  .js .naglowek.menu-otwarte{background:var(--tlo);-webkit-backdrop-filter:none;backdrop-filter:none}
  .przycisk-jasny .dluzszy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:819px){html:not(.js) .naglowek{position:absolute;flex-wrap:wrap;border-radius:var(--promien)}}
@media (max-width:359px){.logo img{display:none}}

/* przyciski */
.przyciski{display:flex;flex-wrap:wrap;gap:var(--odstep-16);margin-top:var(--odstep-32)}
.przycisk{display:inline-flex;align-items:center;justify-content:center;gap:var(--odstep-8);min-height:52px;min-width:44px;padding:0 var(--odstep-24);border-radius:999px;font:600 var(--t-baza)/1.2 var(--kroj-tekst);text-decoration:none;border:var(--kreska) solid var(--akcent);background:var(--akcent);color:var(--przycisk-tekst);cursor:pointer;transition:background var(--czas-przycisku) ease-out,border-color var(--czas-przycisku) ease-out}
.przycisk:hover{background:var(--akcent-ciemny);border-color:var(--akcent-ciemny)}
.przycisk:focus-visible{box-shadow:inset 0 0 0 2px var(--fokus-ciemny)}
.przycisk .ikona{width:20px;height:20px;transition:transform var(--czas-przycisku) ease-out}
.przycisk:hover .ikona{transform:translate(2px,-2px)}
.przycisk--drugi{background:transparent;border-color:var(--obrys-drugorzedny);color:var(--tekst)}
.przycisk--drugi:hover{background:var(--karta);border-color:var(--obrys-drugorzedny)}
.przycisk--drugi:focus-visible{box-shadow:none}

/* sekcje */
.sekcja{position:relative;padding:var(--odstep-64) var(--odstep-24);scroll-margin-top:var(--odstep-96)}
.sekcja>.wnetrze{max-width:var(--szer-tresci);margin:0 auto}
.pas{background:var(--tlo-pas)}
.pigulka{display:inline-flex;align-items:center;gap:var(--odstep-8);min-height:32px;padding:4px 14px;margin:0 0 var(--odstep-24);border:1px solid var(--obwodka-pigulki);border-radius:999px;font:600 var(--t-mala)/1.4 var(--kroj-tekst);letter-spacing:0.01em;color:var(--tekst)}
.pigulka .nr{font-family:var(--kroj-naglowki);color:var(--akcent-tekst);font-variant-numeric:tabular-nums}
.wstep{color:var(--tekst-2);max-width:60ch}
.karta{background:var(--karta);border:1px solid var(--obwodka-kart);border-radius:var(--promien);padding:var(--odstep-24)}
@media (max-width:819px){.sekcja{padding:40px var(--odstep-16)}}

/* otwarcie */
.otwarcie{padding-top:var(--odstep-32);padding-bottom:var(--odstep-64);z-index:2}
.otwarcie::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 85% 0%, var(--poswiata), var(--poswiata-zero) 70%)}
.otwarcie .wnetrze{display:grid;gap:var(--odstep-48);align-items:center}
.otwarcie .lead{font-size:var(--t-lead);line-height:1.55;color:var(--tekst-2);max-width:56ch}
.otwarcie .lead{color:var(--tekst)}
.fakty{display:flex;flex-wrap:wrap;gap:0 var(--odstep-8);margin-top:var(--odstep-24);font-size:var(--t-mala);font-weight:600;color:var(--tekst-2)}
.fakty li+li::before{content:"·";margin-right:var(--odstep-8)}
.portret{margin:0;justify-self:center;width:72%;max-width:460px}
.portret img{display:block;width:100%;height:auto;border-radius:var(--promien);border:1px solid var(--obwodka-kart)}
@media (min-width:820px){
  .otwarcie{min-height:88vh;min-height:88svh;display:flex;align-items:center;padding-bottom:var(--odstep-96)}
  .otwarcie .wnetrze{width:100%;grid-template-columns:2fr 1fr}
  .otwarcie .portret{width:100%;margin-bottom:calc(-1 * var(--odstep-48) - var(--odstep-96));align-self:end}
}
.js h1.wejscie{animation:pojaw var(--czas-naglowka) ease-out both}
@keyframes pojaw{from{opacity:0}to{opacity:1}}

/* konkrety */
.konkrety{padding-top:calc(var(--odstep-64) + var(--odstep-48))}
.konkrety h2{margin-bottom:var(--odstep-32)}
.liczby{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--odstep-16)}
.liczby li{display:flex;flex-direction:column;gap:var(--odstep-8)}
.liczba{font:500 var(--liczby)/1 var(--kroj-naglowki);letter-spacing:-0.02em;color:var(--akcent-tekst);margin:0}
.liczba-podpis{font-size:var(--t-mala);line-height:1.4;color:var(--tekst-2);margin:0}
.zastrzezenie{margin-top:var(--odstep-24);font-size:var(--t-mala);color:var(--tekst-2)}
@media (min-width:820px){.liczby{grid-template-columns:repeat(4,1fr);gap:var(--odstep-24)}}
@media (max-width:819px){.konkrety{padding-top:var(--odstep-48)}.liczby .karta{padding:var(--odstep-16)}}

/* split 1:2 (problem, o-mnie) */
.split{display:grid;gap:var(--odstep-32)}
@media (min-width:820px){.split{grid-template-columns:1fr 2fr;gap:var(--odstep-48);align-items:start}}

/* problem */
.karty-problem{display:grid;gap:var(--odstep-16)}
.karty-problem li{display:grid;grid-template-columns:auto 1fr;gap:var(--odstep-24);align-items:start}
.ekran-maly{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--promien);background:var(--tlo);border:1px solid var(--obwodka-kart);color:var(--tekst-2)}
.karty-problem strong{display:block;font:600 var(--t-h3)/1.25 var(--kroj-naglowki);letter-spacing:-0.01em;margin-bottom:var(--odstep-8)}
.karty-problem p{color:var(--tekst-2);margin:0}
@media (min-width:820px){.karty-problem{gap:var(--odstep-24)}}
@media (max-width:819px){.karty-problem li{grid-template-columns:1fr;gap:var(--odstep-16)}.ekran-maly{width:48px;height:48px}}

/* podejście */
.podejscie{padding-top:var(--odstep-128);padding-bottom:var(--odstep-128)}
.podejscie .wnetrze{max-width:var(--szer-waska)}
.podejscie .zdanie{font-size:var(--t-zdanie);line-height:1.45;margin-bottom:var(--odstep-24)}
.podejscie p+p{color:var(--tekst-2)}
@media (max-width:819px){.podejscie{padding-top:80px;padding-bottom:80px}}

/* przykłady */
.mozaika{display:grid;gap:var(--odstep-16);margin-top:var(--odstep-32);align-items:start}
.mozaika>li{display:flex}
.przyklad{display:flex;flex-direction:column;gap:var(--odstep-16);width:100%}
.przyklad .etykieta{order:1;align-self:flex-start;display:inline-flex;min-height:28px;align-items:center;padding:2px 12px;border:1px solid var(--obwodka-pigulki);border-radius:999px;font-size:var(--t-mala);font-weight:600;color:var(--tekst-2)}
.przyklad .schemat{order:2}
.przyklad strong{order:3;display:block;font:600 var(--t-h3)/1.25 var(--kroj-naglowki);letter-spacing:-0.01em}
.przyklad .opis{order:4;color:var(--tekst-2);margin:0}
.schemat{display:flex;flex-direction:column;align-items:center;gap:var(--odstep-8);padding:var(--odstep-24);background:var(--tlo);border:1px solid var(--obwodka-kart);border-radius:var(--promien)}
.wezel{display:flex;flex-direction:column;align-items:center;gap:var(--odstep-8);text-align:center;font-size:var(--t-mala);line-height:1.3;color:var(--tekst-2);max-width:140px}
.wezel .kafel{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:var(--kreska) solid var(--obwodka-pigulki);color:var(--tekst-2)}
.wezel--czlowiek{color:var(--akcent-tekst)}
.wezel--czlowiek .kafel{border-color:var(--akcent-tekst);color:var(--akcent-tekst)}
.lacznik{display:block;color:var(--obwodka-pigulki);font-size:var(--t-mala);line-height:1;transform:rotate(90deg)}
@media (max-width:819px){
  .schemat{align-items:stretch;gap:4px;padding:var(--odstep-16)}
  .wezel{flex-direction:row;text-align:left;max-width:none;gap:var(--odstep-16)}
  .wezel .kafel{width:44px;height:44px}
  .wezel .kafel .ikona{width:20px;height:20px}
  .lacznik{width:44px;text-align:center}
}
@media (min-width:820px){
  .mozaika{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:var(--odstep-24);align-items:stretch}
  .schemat{flex-direction:row;justify-content:center;align-items:flex-start;min-height:176px;padding:var(--odstep-32) var(--odstep-16)}
  .lacznik{transform:none;margin-top:20px}
}

/* proces */
.kroki{display:grid;gap:var(--odstep-16);margin-top:var(--odstep-32);counter-reset:krok}
.kroki li{counter-increment:krok;display:flex;flex-direction:column;gap:var(--odstep-8);padding-top:var(--odstep-16);border-top:1px solid var(--obwodka-kart)}
.kroki li::before{content:counter(krok,decimal-leading-zero);font:500 var(--liczby)/1 var(--kroj-naglowki);letter-spacing:-0.02em;color:var(--akcent-tekst);margin-bottom:var(--odstep-8)}
.kroki strong{font:600 var(--t-h3)/1.25 var(--kroj-naglowki);letter-spacing:-0.01em}
.kroki p{color:var(--tekst-2);margin:0}
@media (min-width:820px){.kroki{grid-template-columns:repeat(5,1fr);gap:var(--odstep-24)}}

/* oferta */
.oferta{border-top:1px solid var(--obwodka-pigulki);margin-top:var(--odstep-64);padding-top:var(--odstep-128);overflow:hidden;overflow:clip}
.karty-oferta{display:grid;gap:var(--odstep-16);margin-top:var(--odstep-32)}
.karty-oferta>li{display:flex;flex-direction:column;justify-content:space-between;gap:var(--odstep-24);position:relative;isolation:isolate}
.karty-oferta .tresc-karty{display:flex;flex-direction:column;gap:var(--odstep-16)}
.karty-oferta strong{font:600 var(--t-h3)/1.25 var(--kroj-naglowki);letter-spacing:-0.01em}
.karty-oferta .cena{font:500 var(--liczby)/1 var(--kroj-naglowki);letter-spacing:-0.02em;color:var(--akcent-tekst)}
.karty-oferta .opis{color:var(--tekst-2);margin:0}
.karty-oferta .pigulka{margin:0;align-self:flex-start}
.karty-oferta .przycisk{width:100%}
.wyrozniona{border:var(--kreska) solid var(--akcent)}
.wyrozniona::before{content:"";position:absolute;inset:-120px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 0%, var(--poswiata), var(--poswiata-zero) 70%)}
.wyrozniona{background:transparent}
.opieka{margin-top:var(--odstep-24);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--odstep-8) var(--odstep-24)}
.opieka h3{margin:0}
.opieka p{margin:0;color:var(--tekst-2)}
.opieka p strong{font:500 var(--liczby)/1 var(--kroj-naglowki);letter-spacing:-0.02em;color:var(--akcent-tekst);margin-right:var(--odstep-16)}
.karty-oferta>li:nth-child(2){order:-1}
@media (min-width:820px){
  .karty-oferta{grid-template-columns:repeat(3,1fr);gap:var(--odstep-24)}
  .karty-oferta>li:nth-child(2){order:0}
}
@media (max-width:819px){.oferta{padding-top:80px;margin-top:40px}.opieka{flex-direction:column;align-items:flex-start}.opieka p strong{display:block;margin:0 0 var(--odstep-8)}}

/* o mnie */
.o-mnie .portret{width:72%;max-width:384px}
@media (min-width:820px){.o-mnie .portret{width:100%;justify-self:start}}
.o-mnie p{max-width:62ch}

/* pytania */
.lista-pytan details{border-bottom:1px solid var(--obwodka-kart);padding:var(--odstep-16) 0}
.lista-pytan details:first-child{border-top:1px solid var(--obwodka-kart)}
.lista-pytan summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--odstep-16);min-height:44px}
.lista-pytan summary::-webkit-details-marker{display:none}
.lista-pytan summary strong{font:600 var(--t-h3)/1.25 var(--kroj-naglowki);letter-spacing:-0.01em}
.lista-pytan summary .ikona{color:var(--akcent-tekst);transition:transform var(--czas-pytan) ease-out}
.lista-pytan details[open] summary .ikona{transform:rotate(45deg)}
.lista-pytan p{margin:var(--odstep-16) 0 0 40px;color:var(--tekst-2);max-width:62ch}

/* rezerwacja */
.blok-cta{position:relative;overflow:hidden;isolation:isolate;max-width:var(--szer-tresci);margin:0 auto;padding:var(--odstep-96) var(--odstep-24);border-radius:var(--promien);background:var(--tlo-pas);text-align:center}
.blok-cta::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 100%, var(--poswiata), var(--poswiata-zero) 70%)}
.blok-cta p{max-width:52ch;margin-left:auto;margin-right:auto;color:var(--tekst)}
.blok-cta .przyciski{justify-content:center}
.rezerwacja{padding-left:var(--odstep-24);padding-right:var(--odstep-24)}
@media (max-width:819px){.blok-cta{padding:var(--odstep-64) var(--odstep-16)}.rezerwacja{padding-left:var(--odstep-16);padding-right:var(--odstep-16)}}

/* napisz */
.napisz{padding-top:var(--odstep-128)}
.uklad-napisz{display:grid;gap:var(--odstep-48);margin-top:var(--odstep-32)}
@media (min-width:820px){.uklad-napisz{grid-template-columns:2fr 1fr;align-items:start}}
@media (max-width:819px){.napisz{padding-top:80px}}
.formularz{max-width:720px}
.formularz h3{margin-bottom:var(--odstep-8)}
.pole{margin-top:var(--odstep-16)}
label{display:block;font-weight:600;margin-bottom:var(--odstep-8)}
.wymagane{font-weight:400;color:var(--tekst-2)}
.etykieta-rzad{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--odstep-8);margin-bottom:var(--odstep-8)}
.etykieta-rzad label{margin:0}
input,textarea{display:block;font:inherit;font-size:var(--t-baza);width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--obrys-pola);border-radius:var(--promien);background:var(--karta);color:var(--tekst)}
textarea{resize:vertical;min-height:140px}
input::placeholder,textarea::placeholder{color:var(--tekst-2);opacity:1}
input[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid var(--akcent-tekst)}
.blad-pola{display:flex;align-items:center;gap:var(--odstep-8);margin:var(--odstep-8) 0 0;color:var(--akcent-tekst);font-size:var(--t-baza)}
.blad-pola[hidden]{display:none}
.blad-pola .ikona{width:20px;height:20px}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formularz .przycisk{margin-top:var(--odstep-24)}
#formularz-stan{margin:var(--odstep-16) 0 0;font-weight:600}
#formularz-stan:empty{display:none}
#formularz-stan a{color:var(--link)}
.po-wyslaniu[hidden]{display:none}
@media (max-width:819px){.formularz .przycisk{width:100%}}
.kanaly{display:flex;flex-direction:column;gap:var(--odstep-16)}
.kanaly li{display:flex;gap:var(--odstep-16);align-items:flex-start;padding-bottom:var(--odstep-16);border-bottom:1px solid var(--obwodka-kart)}
.kanaly li:last-child{border-bottom:0}
.kanaly .ikona{color:var(--tekst-2);margin-top:2px}
.kanaly a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.kanaly .bez-linku{padding:10px 0}

/* stopka */
.stopka{border-top:1px solid var(--obwodka-kart);margin-top:var(--odstep-64);padding:var(--odstep-64) var(--odstep-24) var(--odstep-32)}
.stopka .wnetrze{max-width:var(--szer-tresci);margin:0 auto;display:grid;gap:var(--odstep-32)}
.stopka .marka{font-family:var(--kroj-naglowki);font-size:var(--t-logo-stopka);font-weight:600;line-height:1.3;letter-spacing:-0.01em;max-width:28ch}
.stopka ul{display:flex;flex-direction:column;gap:0;color:var(--tekst-2)}
.stopka a{display:inline-flex;align-items:center;min-height:44px}
.stopka .prawa{grid-column:1/-1;font-size:var(--t-mala);color:var(--tekst-2);margin:0}
.stopka p{color:var(--tekst-2)}
@media (min-width:820px){.stopka .wnetrze{grid-template-columns:2fr 1fr 1fr}}
@media (max-width:819px){.stopka{padding:var(--odstep-48) var(--odstep-16) var(--odstep-32)}}

/* ruch: ujawnianie tylko pod .js, raz */
.js .rv{opacity:0;transform:translateY(var(--dystans-wejscia));transition:opacity var(--czas-wejscia) var(--easing),transform var(--czas-wejscia) var(--easing),filter var(--czas-wejscia) var(--easing);transition-delay:calc(var(--i, 0) * var(--opoznienie-kolejne))}
.js .rv.rv-karta{filter:blur(var(--rozmycie-wejscia))}
.js .rv.on{opacity:1;transform:none;filter:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  html{scroll-behavior:auto}
  .js .rv,.js .rv.rv-karta{opacity:1;transform:none;filter:none}
}
@media print{
  .naglowek,.menu-przycisk{display:none!important}
  .js .rv{opacity:1;transform:none;filter:none}
  body{padding-top:0}
}