@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/pjs-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/pjs-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/pjs-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root{
--text:#101827;--secondary:#48617D;--accent:#04729B;--accent-ciemny:#03597A;
--accent-text:#04729B;--accent-fill:#04729B;--accent-fill-end:#03597A;--on-accent:#FFFFFF;--accent-light:#9BEBFF;
--bg:#FFFFFF;--marka:#F1F8FE;--linie:#E8EFF6;--dark:#0B1322;--karta:#FFFFFF;--karta-alt:#F8FBFE;
--surface-title:linear-gradient(180deg,#F7FBFF,#FFFFFF);--surface-title-start:#F7FBFF;--surface-title-end:#FFFFFF;
--control-border:#7E92A8;--surface-mockup:#FFFFFF;--on-surface-mockup:#48617D;
--top-surface:rgba(255,255,255,.97);--hero-start:#F7FBFF;--hero-end:#FFFFFF;--surface-raised:#FFFFFF;--field-bg:#FFFFFF;--placeholder:#5F7590;
--chat-bubble:#EDF4FA;--conversation-start:#F1F8FE;--conversation-end:#FFFFFF;--section-band-start:#F8FBFE;--section-band-end:#FFFFFF;
--quote-start:#F1F8FE;--quote-end:#FFFFFF;--quote-border:#DDECF9;--process-halo:#FFFFFF;--footer-start:#FFFFFF;--footer-end:#F8FBFE;
--section-angle-start:#F8FBFE;--section-angle-end:#FFFFFF;--trust-list-surface:#FFFFFF;--deep-surface:#060B14;
--table-row-alt:#F8FBFE;--table-accent-soft:rgba(4,114,155,.045);--table-accent-strong:rgba(4,114,155,.075);--table-head-accent:rgba(4,114,155,.10);
--info-bg:#EAF4FA;--info-border:#CFE4F2;--info-text:#04628A;--warm-bg:#FFF6E6;--warm-border:#EFCB8E;--warm-text:#7A4405;
--owner-accent:#39BDF8;--owner-accent-start:#68CDF9;--owner-accent-end:#39BDF8;--owner-soft:#132A43;--owner-ink:#F3F8FF;--owner-monogram-ink:#0B1322;
--c-000:#000;--c-03597a:#03597A;--c-04628a:#04628A;--c-04729b:#04729B;--c-060b14:#060B14;--c-06112f:#06112F;--c-08111f:#08111F;--c-0a66c2:#0A66C2;--c-0b1018:#0B1018;--c-0b1322:#0B1322;--c-0b1a2a:#0B1A2A;--c-0b5b39:#0B5B39;--c-0e141c:#0E141C;--c-0e1826:#0E1826;--c-0e2033:#0E2033;--c-101827:#101827;--c-101b2e:#101B2E;--c-111c2e:#111C2E;--c-12293a:#12293A;--c-141a24:#141A24;--c-16233a:#16233A;--c-16324a:#16324A;--c-16a765:#16A765;--c-1e2732:#1E2732;--c-1e2c42:#1E2C42;--c-1f4a66:#1F4A66;--c-242e3a:#242E3A;--c-243349:#243349;--c-2563ff:#2563FF;--c-2c3947:#2C3947;--c-2e2415:#2E2415;--c-2e93be:#2E93BE;--c-4285f4:#4285F4;--c-48617d:#48617D;--c-4fb3dc:#4FB3DC;--c-55677d:#55677D;--c-586f94:#586F94;--c-5a4520:#5A4520;--c-5f7590:#5F7590;--c-6e97b8:#6E97B8;--c-7a4405:#7A4405;--c-7e92a8:#7E92A8;--c-7fd8f5:#7FD8F5;--c-8a2318:#8A2318;--c-8fa9c0:#8FA9C0;--c-8fd6f0:#8FD6F0;--c-93a6ba:#93A6BA;--c-93a7bd:#93A7BD;--c-9bc4d5:#9BC4D5;--c-9bebff:#9BEBFF;--c-9db2c8:#9DB2C8;--c-9dcde5:#9DCDE5;--c-9fb4ca:#9FB4CA;--c-9fd5e7:#9FD5E7;--c-a9bdd4:#A9BDD4;--c-afc4da:#AFC4DA;--c-b7e3cd:#B7E3CD;--c-bfe0f0:#BFE0F0;--c-cbd6e2:#CBD6E2;--c-cbe6f5:#CBE6F5;--c-cfe4f2:#CFE4F2;--c-cfe4f5:#CFE4F5;--c-d5e3ef:#D5E3EF;--c-d6e3f0:#D6E3F0;--c-d9e7f2:#D9E7F2;--c-dce4ef:#DCE4EF;--c-dce8f5:#DCE8F5;--c-ddecf9:#DDECF9;--c-dfe6f0:#DFE6F0;--c-e1e7ef:#E1E7EF;--c-e8eff6:#E8EFF6;--c-e9f1f8:#E9F1F8;--c-e9f7f0:#E9F7F0;--c-eaf4fa:#EAF4FA;--c-edf4fa:#EDF4FA;--c-eef4ff:#EEF4FF;--c-efcb8e:#EFCB8E;--c-f1f8fe:#F1F8FE;--c-f2f6fa:#F2F6FA;--c-f2f6ff:#F2F6FF;--c-f3f6fa:#F3F6FA;--c-f5c2bc:#F5C2BC;--c-f5ce87:#F5CE87;--c-f5f8ff:#F5F8FF;--c-f7fbff:#F7FBFF;--c-f8fbfe:#F8FBFE;--c-fdecea:#FDECEA;--c-fff:#FFF;--c-fff6e6:#FFF6E6;--c-ffffff:#FFFFFF;
--cien-s:0 1px 2px rgba(16,24,39,.04),0 4px 12px rgba(16,24,39,.05);--cien-m:0 2px 4px rgba(16,24,39,.04),0 12px 32px rgba(16,24,39,.07);--cien-l:0 4px 8px rgba(16,24,39,.05),0 24px 64px rgba(16,24,39,.09);
--r:20px;--r-s:12px;--r-p:999px;--kontener:1400px;--waski:820px;--pad:clamp(16px,2.2vw,32px);--sekcja:clamp(48px,5.6vw,88px);--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Instrument Serif",Georgia,serif
}
@media (prefers-color-scheme:dark){:root{
--text:#E8EFF6;--secondary:#9DB2C8;--accent:#4FB3DC;--accent-ciemny:#2E93BE;
--accent-text:#4FB3DC;--accent-fill:#4FB3DC;--accent-fill-end:#2E93BE;--on-accent:#0B1322;--accent-light:#9BEBFF;
--bg:#0B1322;--marka:#101B2E;--linie:#1E2C42;--dark:#0B1322;--karta:#111C2E;--karta-alt:#111C2E;
--surface-title:linear-gradient(180deg,#16233A,#101B2E);--surface-title-start:#16233A;--surface-title-end:#101B2E;
--control-border:#55698A;--surface-mockup:#FFFFFF;--on-surface-mockup:#48617D;
--top-surface:rgba(11,19,34,.97);--hero-start:#101B2E;--hero-end:#0B1322;--surface-raised:#16233A;--field-bg:#0E1826;--placeholder:#93A7BD;
--chat-bubble:#16233A;--conversation-start:#101B2E;--conversation-end:#111C2E;--section-band-start:#0E1826;--section-band-end:#0B1322;
--quote-start:#101B2E;--quote-end:#0B1322;--quote-border:#1E2C42;--process-halo:#101B2E;--footer-start:#0B1322;--footer-end:#0E1826;
--section-angle-start:#0E1826;--section-angle-end:#0B1322;--trust-list-surface:#111C2E;--deep-surface:#060B14;
--table-row-alt:#0E1826;--table-accent-soft:rgba(79,179,220,.07);--table-accent-strong:rgba(79,179,220,.10);--table-head-accent:rgba(79,179,220,.10);
--info-bg:#12293A;--info-border:#1F4A66;--info-text:#8FD6F0;--warm-bg:#2E2415;--warm-border:#5A4520;--warm-text:#F5CE87;
--owner-accent:#39BDF8;--owner-accent-start:#68CDF9;--owner-accent-end:#39BDF8;--owner-soft:#132A43;--owner-ink:#F3F8FF;--owner-monogram-ink:#0B1322
}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}
}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased}
img,svg,picture{max-width:100%;display:block}
img{height:auto}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}
a{color:inherit}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent-fill);color:var(--on-accent);padding:14px 22px;font-weight:700;border-radius:0 0 var(--r-s) 0}
.skip:focus{left:0}
h1{font-size:clamp(1.95rem,3.5vw,3.25rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}
h1 em{display:block;font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,2.7vw,2.25rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}
h3{font-size:1.0625rem;font-weight:800;line-height:1.35;letter-spacing:-.01em}
.lead{font-size:clamp(1.0625rem,1.25vw,1.1875rem);line-height:1.65;color:var(--secondary)}
.etykieta{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.naglowek{margin-bottom:14px}
.opis{color:var(--secondary);max-width:64ch}
.kontener{width:100%;max-width:var(--kontener);margin-inline:auto;padding-inline:var(--pad)}
.waski{max-width:calc(var(--waski) + 2*var(--pad))}
.sekcja{padding-block:var(--sekcja)}
.srodek{text-align:center}
.srodek .opis,.srodek .lead{margin-inline:auto}
.ramka{background:var(--marka);border-radius:var(--r);padding:clamp(28px,3.4vw,52px) clamp(20px,2.6vw,40px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 24px;border-radius:var(--r-p);font-weight:700;font-size:.9875rem;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;font-family:inherit;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s}
.btn--duzy{min-height:54px;padding:15px 30px;font-size:1.0625rem}
.btn--glowny{background:linear-gradient(180deg,var(--accent-fill),var(--accent-fill-end));color:var(--on-accent);box-shadow:0 2px 6px rgba(4,114,155,.24),0 10px 24px rgba(4,114,155,.18)}
.btn--obrys{background:var(--karta);color:var(--accent-text);border:1.5px solid var(--control-border);box-shadow:var(--cien-s)}
.btn--jasny{background:var(--c-fff);color:var(--dark);box-shadow:0 10px 30px rgba(0,0,0,.22)}
.btn svg{width:19px;height:19px;flex:none}
@media (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-2px)}
.btn--obrys:hover{border-color:var(--accent)}
}
.top{position:sticky;top:0;z-index:50;background:var(--top-surface);border-bottom:1px solid var(--linie)}
.top__rzad{display:flex;align-items:center;gap:24px;min-height:70px}
.logo{display:inline-flex;align-items:center;min-height:44px;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;text-decoration:none;color:var(--text)}
.logo span{font-weight:500;color:var(--accent)}
.nav{display:flex;gap:4px;margin-inline:auto}
.nav a{padding:10px 14px;border-radius:var(--r-s);font-size:.9375rem;font-weight:700;color:var(--secondary);text-decoration:none;transition:color .18s,background-color .18s}
.nav a:hover{color:var(--accent);background:var(--marka)}
@media (max-width:1000px){.nav{display:none}
.top__cta{margin-inline-start:auto}
}
@media (max-width:520px){.top__cta span{display:none}
.top__cta{padding:12px 16px}
}
.hero{position:relative;padding-block:clamp(40px,5vw,72px) clamp(32px,4vw,56px);background:radial-gradient(900px 420px at 50% -6%,rgba(155,235,255,.20),transparent 62%),linear-gradient(180deg,var(--hero-start),var(--hero-end) 70%);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(4,114,155,.09) 1.5px,transparent 1.5px);background-size:32px 32px;mask-image:linear-gradient(180deg,var(--c-000),transparent 62%);-webkit-mask-image:linear-gradient(180deg,var(--c-000),transparent 62%)}
.hero__tresc{position:relative;text-align:center;max-width:58rem;margin-inline:auto}
.odznaka{display:inline-flex;align-items:center;gap:8px;background:var(--karta);border:1px solid var(--linie);border-radius:var(--r-p);padding:8px 16px 8px 11px;margin-bottom:20px;font-size:.8125rem;font-weight:700;color:var(--secondary);box-shadow:var(--cien-s)}
.odznaka svg{width:16px;height:16px}
.hero h1{margin-bottom:18px}
.hero .lead{margin-bottom:26px}
.hero__akcje{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.hero__makiety{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,26px);margin-top:clamp(32px,4vw,52px)}
@media (max-width:900px){.hero__makiety{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
}
.makieta{position:relative;--m-tlo:var(--surface-mockup);--m-tekst:var(--on-surface-mockup);--m-cien:rgba(16,24,39,.10)}
.makieta--jasna{--m-tlo:var(--surface-mockup);--m-tekst:var(--on-surface-mockup)}
.makieta--ciemna{--m-tlo:var(--c-141a24);--m-tekst:var(--c-f2f6fa)}
.makieta__okno{background:var(--m-tlo);border:1px solid var(--linie);border-radius:14px;overflow:hidden;box-shadow:var(--cien-m)}
.makieta__pasek{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--c-f3f6fa);border-bottom:1px solid var(--c-d5e3ef)}
.makieta--ciemna .makieta__pasek{background:var(--c-0e141c);border-bottom-color:var(--c-1e2732)}
.makieta__kropki{display:flex;gap:4px}
.makieta__kropki i{width:7px;height:7px;border-radius:50%;background:var(--c-cbd6e2)}
.makieta--ciemna .makieta__kropki i{background:var(--c-2c3947)}
.makieta__url{flex:1;font-size:.5rem;font-weight:600;color:var(--on-surface-mockup);background:var(--surface-mockup);border-radius:var(--r-p);padding:3px 9px;text-align:center;overflow:hidden;white-space:nowrap}
.makieta--ciemna .makieta__url{background:var(--c-141a24);color:var(--c-93a6ba)}
.makieta__ekran{position:relative;padding:14px 14px 16px;min-height:132px}
.makieta__ekran picture{display:none}
.makieta__ekran picture img{width:100%;height:auto;display:block}
.makieta__ekran:has(picture img){padding:0}
.makieta__ekran:has(picture img)>*:not(picture){display:none}
.makieta__ekran:has(picture img) picture{display:block}
.makieta__nav{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.makieta__nav b{width:26px;height:6px;border-radius:2px;background:var(--m-akcent);opacity:.85}
.makieta__nav span{width:14px;height:3px;border-radius:2px;background:currentColor;opacity:.18}
.makieta__nav span:first-of-type{margin-left:auto}
.makieta__tytul{color:var(--m-tekst);font-size:.6875rem;font-weight:800;line-height:1.3;letter-spacing:-.01em;margin-bottom:10px}
.makieta__cta{display:inline-block;background:var(--m-akcent);color:var(--c-fff);font-size:.5rem;font-weight:700;padding:4px 10px;border-radius:var(--r-p)}
.makieta--ciemna .makieta__cta{color:var(--c-0b1018)}
.makieta__pasmo{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}
.makieta__pasmo i{height:16px;border-radius:4px;background:currentColor;opacity:.09}
.makieta__telefon{position:absolute;right:-6px;bottom:-14px;width:26%;max-width:74px;aspect-ratio:9/17.5;background:var(--m-tlo);border:1px solid var(--linie);border-radius:9px;box-shadow:var(--cien-m);padding:9px 6px 6px;display:flex;flex-direction:column;gap:4px}
.makieta--ciemna .makieta__telefon{border-color:var(--c-242e3a)}
.makieta__notch{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:2px;background:currentColor;opacity:.2}
.makieta__t-tytul{height:7px;border-radius:2px;background:var(--m-akcent);opacity:.85}
.makieta__t-tekst{height:3px;border-radius:2px;background:currentColor;opacity:.16}
.makieta__t-tekst:last-of-type{width:70%}
.makieta__t-cta{margin-top:auto;height:9px;border-radius:var(--r-p);background:var(--m-akcent);opacity:.9}
.zaufanie{padding-bottom:8px}
.zaufanie ul{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.zaufanie li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:13px;align-items:center;background:var(--karta);border:1px solid var(--linie);border-radius:var(--r-s);padding:16px 18px;box-shadow:var(--cien-s)}
.zaufanie__i{grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:var(--marka);color:var(--accent)}
.zaufanie__i svg{width:21px;height:21px}
.zaufanie b{grid-column:2;font-size:1.0625rem;font-weight:800;letter-spacing:-.02em;line-height:1.3}
.zaufanie span:last-child{grid-column:2;font-size:.8125rem;color:var(--secondary);line-height:1.4}
@media (max-width:900px){.zaufanie ul{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:460px){.zaufanie ul{grid-template-columns:1fr}
}
.manifest h2{max-width:22ch;margin-bottom:22px}
.manifest p{color:var(--secondary);max-width:66ch}
.manifest p+p{margin-top:15px}
.liczby{position:relative;background:var(--dark);color:var(--c-fff);border-radius:var(--r);overflow:hidden;padding:clamp(28px,3.4vw,44px) clamp(20px,2.6vw,40px)}
.liczby::after{content:"";position:absolute;top:0;right:0;width:32%;height:100%;pointer-events:none;background-image:radial-gradient(circle,rgba(155,235,255,.26) 1.4px,transparent 1.4px);background-size:24px 24px;mask-image:linear-gradient(270deg,var(--c-000),transparent);-webkit-mask-image:linear-gradient(270deg,var(--c-000),transparent)}
.liczby ul{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.liczby b{display:block;font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(180deg,var(--c-fff),var(--accent-light) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}
.liczby span{display:block;margin-top:5px;font-size:.875rem;color:var(--c-a9bdd4);line-height:1.4}
@media (max-width:760px){.liczby ul{grid-template-columns:repeat(2,1fr);gap:26px 20px}
}
.karta{background:var(--karta);border:1px solid var(--linie);border-radius:var(--r-s);padding:20px;box-shadow:var(--cien-s);transition:transform .2s,box-shadow .2s,border-color .2s}
.ramka .karta{background:var(--karta)}
@media (prefers-reduced-motion:no-preference){.karta:hover{transform:translateY(-3px);box-shadow:var(--cien-m);border-color:var(--c-cfe4f5)}
}
.kafel{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--marka);border:1px solid var(--c-ddecf9);color:var(--accent);flex:none}
.ramka .kafel{background:var(--marka)}
.kafel svg{width:22px;height:22px}
.uslugi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.uslugi .karta{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:5px;align-items:start}
.uslugi .kafel{grid-row:1/span 2}
.uslugi h3{grid-column:2}
.uslugi p{grid-column:2;font-size:.875rem;line-height:1.55;color:var(--secondary)}
@media (max-width:1000px){.uslugi{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){.uslugi{grid-template-columns:1fr}
}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.realizacja{position:relative}
.realizacja .makieta{margin-bottom:34px}
.plakietka{position:absolute;top:10px;left:10px;z-index:2;border-radius:var(--r-p);padding:4px 11px;font-size:.625rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.95);border:1px solid var(--linie);box-shadow:var(--cien-s)}
.plakietka--podmiana{color:var(--warm-text);border-color:var(--warm-border);background:var(--warm-bg)}
.plakietka--pogladowa{color:var(--info-text);border-color:var(--info-border);background:var(--info-bg)}
.realizacja h3{text-align:center;font-size:.9375rem}
@media (max-width:1000px){.galeria{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){.galeria{grid-template-columns:1fr}
}
.blok{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,3.4vw,52px);align-items:center}
.blok--odwr .blok__wiz{order:2}
.blok__wiz .makieta{margin-bottom:22px}
.blok__tresc h2{margin-bottom:14px}
.blok__tresc p{color:var(--secondary)}
.blok__tresc p+p{margin-top:13px}
.blok+.blok{margin-top:clamp(32px,4vw,60px)}
@media (max-width:900px){.blok{grid-template-columns:1fr}
.blok--odwr .blok__wiz{order:0}
}
.cytat{text-align:center;max-width:60rem;margin-inline:auto}
.cytat p{font-family:var(--serif);font-style:italic;font-size:clamp(1.125rem,2.2vw,1.625rem);line-height:1.45;letter-spacing:-.01em}
.cytat__z{font-family:var(--serif);font-style:italic;color:var(--accent);opacity:.5}
.proces{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;counter-reset:k}
.proces::before{content:"";position:absolute;top:11px;left:7%;right:7%;height:2px;background:linear-gradient(90deg,transparent,rgba(4,114,155,.28) 8%,rgba(4,114,155,.28) 92%,transparent)}
.proces li{position:relative;counter-increment:k;padding-right:8px}
.proces li::before{content:counter(k);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--c-fff);border:1.5px solid var(--accent);color:var(--accent);font-size:.75rem;font-weight:800;margin-bottom:12px}
.proces h3{margin-bottom:4px}
.proces p{font-size:.8125rem;line-height:1.5;color:var(--secondary)}
@media (max-width:1080px){.proces{grid-template-columns:repeat(3,1fr);row-gap:26px}
.proces::before{display:none}
}
@media (max-width:560px){.proces{grid-template-columns:repeat(2,1fr)}
}
.tech{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tech .karta{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:5px;align-items:start}
.tech .kafel{grid-row:1/span 2}
.tech h3{grid-column:2}
.tech p{grid-column:2;font-size:.875rem;line-height:1.55;color:var(--secondary)}
@media (max-width:1000px){.tech{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){.tech{grid-template-columns:1fr}
}
.tabela-otok{overflow-x:auto;background:var(--karta);border:1px solid var(--linie);border-radius:var(--r-s);box-shadow:var(--cien-s)}
.porownanie{min-width:600px;font-size:.875rem}
.porownanie th,.porownanie td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--linie);vertical-align:middle}
.porownanie thead th{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--secondary);background:var(--marka)}
.porownanie thead th:last-child{color:var(--accent)}
.porownanie tbody th{font-weight:700;width:36%;color:var(--text)}
.porownanie td:nth-of-type(1){color:var(--secondary)}
.porownanie td:nth-of-type(2){font-weight:700}
.porownanie tbody tr:last-child th,.porownanie tbody tr:last-child td{border-bottom:0}
.cennik{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.pakiet{display:flex;flex-direction:column;gap:12px;background:var(--karta);border:1px solid var(--linie);border-radius:var(--r-s);padding:24px 22px;box-shadow:var(--cien-s)}
.pakiet--wyroz{border-color:var(--accent);box-shadow:0 4px 10px rgba(4,114,155,.10),0 20px 46px rgba(4,114,155,.14)}
.pakiet__gora{display:flex;align-items:center;gap:10px}
.pakiet h3{font-size:1.125rem;color:var(--accent)}
.wstega{margin-left:auto;background:var(--accent-fill);color:var(--on-accent);font-size:.625rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:var(--r-p)}
.pakiet ul{display:flex;flex-direction:column;gap:8px}
.pakiet li{display:flex;gap:9px;font-size:.875rem;color:var(--secondary);line-height:1.5}
.pakiet li svg{flex:none;width:16px;height:16px;margin-top:4px;color:var(--accent)}
.pakiet__czas{margin-top:auto;padding-top:6px;font-size:.8125rem;color:var(--secondary)}
.pakiet .btn{width:100%}
@media (max-width:900px){.cennik{grid-template-columns:1fr}
}
.faq{border:1px solid var(--linie);border-radius:var(--r-s);background:var(--karta);overflow:hidden;box-shadow:var(--cien-s)}
.faq details{border-bottom:1px solid var(--linie)}
.faq details:last-child{border-bottom:0}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:14px 20px;font-weight:700;font-size:.9375rem;cursor:pointer;list-style:none;transition:background-color .18s,color .18s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(45deg);margin-top:-4px;transition:transform .22s}
.faq details[open] summary{color:var(--accent);background:var(--marka)}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.faq summary:hover{background:var(--marka)}
.faq details>div{padding:0 20px 18px}
.faq p{font-size:.9375rem;color:var(--secondary);max-width:68ch}
.faq a{color:var(--accent);font-weight:700}
.o-mnie{position:relative;background:var(--dark);color:var(--c-fff);border-radius:var(--r);overflow:hidden;padding:clamp(26px,3.2vw,44px)}
.o-mnie::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 340px at 14% 46%,rgba(4,114,155,.42),transparent 64%)}
.o-mnie__rzad{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,2.6vw,38px);align-items:center}
.o-mnie__foto{width:132px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,var(--c-16324a),var(--c-0e2033));border:1px solid rgba(155,235,255,.18)}
.o-mnie h2{font-size:clamp(1.1875rem,1.9vw,1.5rem);margin-bottom:14px}
.o-mnie p{color:var(--c-afc4da);font-size:.9375rem;max-width:62ch}
.o-mnie p+p{margin-top:11px}
.pigulki{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pigulki li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-p);padding:7px 14px;font-size:.75rem;font-weight:700;color:var(--c-dce8f5)}
@media (max-width:760px){.o-mnie__rzad{grid-template-columns:1fr}
.o-mnie__foto{width:112px}
}
.siatka-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.siatka-4 .karta{text-align:left}
.siatka-4 .kafel{margin-bottom:12px}
.siatka-4 h3{margin-bottom:5px}
.siatka-4 p{font-size:.875rem;line-height:1.55;color:var(--secondary)}
@media (max-width:900px){.siatka-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){.siatka-4{grid-template-columns:1fr}
}
.uczciwie{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,3vw,44px);align-items:start}
.uczciwie dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;align-items:center}
.uczciwie dt{margin:0}
.uczciwie dd{font-size:.9375rem;color:var(--secondary)}
.uczciwie .plakietka{position:static;display:inline-block}
@media (max-width:820px){.uczciwie{grid-template-columns:1fr}
}
.kontakt{position:relative;background:var(--dark);color:var(--c-fff);border-radius:var(--r);overflow:hidden;padding:clamp(28px,3.6vw,52px)}
.kontakt::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 400px at 20% 30%,rgba(4,114,155,.44),transparent 64%)}
.kontakt__rzad{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(26px,3.4vw,56px);align-items:start}
.kontakt h2{font-size:clamp(1.375rem,2.4vw,2rem);margin-bottom:16px;max-width:20ch}
.kontakt__lead{color:var(--c-afc4da);margin-bottom:26px;max-width:46ch}
.kontakt__dane{display:flex;flex-direction:column;gap:12px}
.kontakt__dane li{display:flex;align-items:center;gap:12px;font-size:.9375rem}
.kontakt__dane svg{width:19px;height:19px;color:var(--accent-light);flex:none}
.kontakt__dane a{color:var(--c-fff);font-weight:700;text-decoration:none;text-underline-offset:3px}
.kontakt__dane a:hover{text-decoration:underline}
.kontakt__linki{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.kontakt__linki a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 15px;border-radius:var(--r-p);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);font-size:.8125rem;font-weight:700;color:var(--c-dce8f5);text-decoration:none;transition:background-color .18s,border-color .18s}
.kontakt__linki a:hover{background:rgba(255,255,255,.12);border-color:var(--accent-light)}
.kontakt__linki svg{width:13px;height:13px}
.formularz{min-width:0;background:var(--karta);border-radius:var(--r-s);padding:clamp(20px,2.4vw,30px);box-shadow:var(--cien-l)}
.formularz__t{font-size:1.0625rem;font-weight:800;color:var(--text);margin-bottom:16px}
.pola{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pole{display:flex;flex-direction:column}
.pole--pelne{grid-column:1/-1}
.pole label{font-size:.8125rem;font-weight:700;color:var(--text);margin-bottom:6px}
.pole input,.pole textarea{width:100%;min-height:46px;padding:11px 14px;font:inherit;font-size:.9375rem;color:var(--text);background:var(--field-bg);border:1.5px solid var(--control-border);border-radius:10px;transition:border-color .18s,box-shadow .18s}
.pole textarea{min-height:104px;resize:vertical;line-height:1.6}
.pole input:focus,.pole textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px rgba(4,114,155,.13)}
.pole input::placeholder,.pole textarea::placeholder{color:var(--placeholder)}
.formularz .btn{width:100%;margin-top:14px;white-space:normal;text-align:center;line-height:1.35}
.kontakt__rzad>*{min-width:0}
.formularz__nota{margin-top:12px;font-size:.75rem;line-height:1.5;color:var(--secondary)}
.formularz__nota a{color:var(--accent);font-weight:700}
.pulapka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.komunikat{border-radius:10px;padding:14px 16px;margin-bottom:16px;font-size:.9375rem;font-weight:700}
.komunikat--ok{background:var(--c-e9f7f0);border:1px solid var(--c-b7e3cd);color:var(--c-0b5b39)}
.komunikat--blad{background:var(--c-fdecea);border:1px solid var(--c-f5c2bc);color:var(--c-8a2318)}
@media (max-width:900px){.kontakt__rzad{grid-template-columns:1fr}
}
@media (max-width:560px){.pola{grid-template-columns:1fr}
}
.stopka{border-top:1px solid var(--linie);padding-top:clamp(32px,4vw,52px);margin-top:clamp(32px,4vw,56px)}
.stopka__rzad{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.stopka h2{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.stopka__marka p{color:var(--secondary);font-size:.875rem;margin-top:12px}
.stopka ul{display:flex;flex-direction:column;gap:9px;font-size:.875rem;color:var(--secondary)}
.stopka ul a{color:var(--secondary);text-decoration:none;text-underline-offset:3px}
.stopka ul a:hover{color:var(--accent);text-decoration:underline}
.stopka ul svg{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-left:3px}
.stopka__dol{margin-top:clamp(28px,3vw,44px);padding-block:20px;border-top:1px solid var(--linie)}
.stopka__dol p{font-size:.8125rem;color:var(--secondary);text-align:center}
@media (max-width:1000px){.stopka__rzad{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){.stopka__rzad{grid-template-columns:1fr}
}
.tytul-strony{background:var(--surface-title);padding-block:clamp(40px,5vw,72px) clamp(24px,3vw,40px);border-bottom:1px solid var(--linie)}
.tytul-strony h1{font-size:clamp(1.75rem,3.4vw,2.75rem);margin-bottom:12px}
.tytul-strony p{color:var(--secondary);max-width:60ch}
.proza{padding-block:clamp(36px,4vw,64px)}
.proza h2{font-size:clamp(1.1875rem,2vw,1.5rem);margin-top:38px;margin-bottom:12px;scroll-margin-top:90px}
.proza h2:first-of-type{margin-top:0}
.proza p,.proza li{color:var(--secondary);max-width:70ch}
.proza p+p{margin-top:14px}
.proza ul.pkt{margin-top:14px;display:flex;flex-direction:column;gap:9px}
.proza ul.pkt li{position:relative;padding-left:24px}
.proza ul.pkt li::before{content:"";position:absolute;left:5px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.proza a{color:var(--accent);font-weight:700;text-underline-offset:3px}
.spis{background:var(--marka);border:1px solid var(--linie);border-radius:var(--r-s);padding:20px 24px;margin-bottom:38px}
.spis h2{font-size:.75rem!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 12px!important}
.spis ol{display:flex;flex-direction:column;gap:8px;counter-reset:s}
.spis li{counter-increment:s;font-size:.9375rem}
.spis li::before{content:counter(s) ". ";color:var(--accent);font-weight:800}
.spis a{color:var(--secondary);font-weight:400;text-decoration:none}
.spis a:hover{color:var(--accent);text-decoration:underline}
.tab-dane-otok{max-width:100%;overflow-x:auto;margin-top:16px;border:1px solid var(--linie);border-radius:var(--r-s);background:var(--karta);-webkit-overflow-scrolling:touch}
.tab-dane-otok:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}
.tab-dane{min-width:36rem;font-size:.9375rem}
.tab-dane th,.tab-dane td{text-align:left;padding:12px 16px;border:1px solid var(--linie);vertical-align:top}
.tab-dane th{background:var(--marka);font-weight:700;width:32%}
.tab-dane td{color:var(--secondary)}
@media (max-width:768px){body{font-size:1rem}
.karta p,.uslugi p,.tech p,.proces p,.siatka-4 p,.pakiet li{font-size:1rem;line-height:1.6}
.porownanie{font-size:1rem}
.zaufanie span:last-child,.stopka ul{font-size:1rem}
.stopka ul a{display:inline-block;padding-block:7px}
.stopka ul{gap:3px}
}

@media (max-width:768px){.kontakt__dane a,.kontakt__dane li{min-height:44px;display:flex;align-items:center}
.kontakt__linki a{min-height:46px}
.stopka ul li{min-height:24px}
.stopka ul a{display:inline-flex;align-items:center;min-height:44px;padding-block:0}
.nav a{min-height:44px;display:inline-flex;align-items:center}
.spis a{display:inline-block;padding-block:9px}
.proza a{padding-block:2px}
}
@media (max-width:768px){.faq a,.formularz__nota a{display:inline-flex;align-items:center;min-height:44px}
}
@media print{.top,.kontakt,.skip{display:none}
body{font-size:11pt}
.sekcja{padding-block:14pt}
}


section[id]{scroll-margin-top:80px}

.sekcja--cytat{padding-bottom:clamp(34px,4.2vw,58px)}

.sekcja--cytat .ramka{position:relative;overflow:hidden;padding-block:clamp(28px,3vw,42px);background:linear-gradient(135deg,var(--quote-start) 0%,var(--quote-end) 78%);border:1px solid var(--quote-border);box-shadow:var(--cien-s)}

.sekcja--cytat .ramka::before,.sekcja--cytat .ramka::after{content:"";position:absolute;top:50%;width:clamp(32px,6vw,86px);height:1px;background:linear-gradient(90deg,transparent,rgba(4,114,155,.32))}

.sekcja--cytat .ramka::before{left:clamp(18px,4vw,54px)}

.sekcja--cytat .ramka::after{right:clamp(18px,4vw,54px);transform:rotate(180deg)}

.cytat p{max-width:48rem;margin-inline:auto}

.o-mnie{min-height:430px;padding:clamp(30px,3.4vw,48px);background:radial-gradient(720px 430px at 8% 46%,rgba(4,114,155,.38),transparent 62%),linear-gradient(120deg,var(--c-0b1a2a) 0%,var(--c-0b1322) 58%,var(--c-08111f) 100%);border:1px solid rgba(155,235,255,.12);box-shadow:0 24px 64px rgba(11,19,34,.16)}

.o-mnie::before{inset:auto -60px -110px auto;width:420px;height:420px;background-image:radial-gradient(circle,rgba(155,235,255,.2) 1.4px,transparent 1.4px);background-size:24px 24px;mask-image:radial-gradient(circle,var(--c-000),transparent 69%);-webkit-mask-image:radial-gradient(circle,var(--c-000),transparent 69%)}

.o-mnie__rzad{grid-template-columns:minmax(210px,260px) minmax(0,1fr) minmax(190px,230px);gap:clamp(28px,3.2vw,48px);align-items:center}

.o-mnie__foto{position:relative;width:100%;aspect-ratio:3/4;border-radius:20px;border:1px solid rgba(155,235,255,.24);box-shadow:0 18px 44px rgba(0,0,0,.28)}

.o-mnie__foto picture,.o-mnie__foto img{width:100%;height:100%}

.o-mnie__foto img{object-fit:cover;object-position:center top}

.o-mnie__foto figcaption{position:absolute;inset:auto 0 0;padding:12px 15px 13px;background:linear-gradient(180deg,transparent,rgba(7,16,29,.94));display:flex;flex-direction:column;line-height:1.35}

.o-mnie__foto figcaption strong{font-size:.875rem;color:var(--c-fff)}

.o-mnie__foto>figcaption>span{font-size:.6875rem;color:var(--c-a9bdd4);margin-top:3px}

.o-mnie__eyebrow{margin-bottom:10px!important;color:var(--accent-text)!important;font-size:.75rem!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

.o-mnie h2{font-size:clamp(1.55rem,2.35vw,2rem);margin-bottom:18px;max-width:20ch}

.o-mnie p{font-size:.9875rem;line-height:1.7;max-width:64ch}

.o-mnie .pigulki{margin-top:22px}

.o-mnie .pigulki li{padding:8px 15px;font-size:.75rem;background:rgba(155,235,255,.07);border-color:rgba(155,235,255,.2)}

.o-mnie__metryki{position:relative;display:flex;flex-direction:column;border-left:1px solid rgba(155,235,255,.18);padding-left:clamp(22px,2.5vw,36px)}

.o-mnie__metryki div{padding-block:22px;border-bottom:1px solid rgba(155,235,255,.14)}

.o-mnie__metryki div:first-child{padding-top:0}

.o-mnie__metryki div:last-child{padding-bottom:0;border-bottom:0}

.o-mnie__metryki strong{display:block;color:var(--accent-light);font-size:clamp(1.4rem,2.1vw,1.8rem);line-height:1.1;letter-spacing:-.03em}

.o-mnie__metryki span{display:block;margin-top:7px;color:var(--c-9fb4ca);font-size:.75rem;line-height:1.45}

@media (max-width:1050px){.o-mnie__rzad{grid-template-columns:200px minmax(0,1fr);align-items:start}
.o-mnie__metryki{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid rgba(155,235,255,.18);padding:22px 0 0}
.o-mnie__metryki div{padding:0 22px;border-bottom:0;border-right:1px solid rgba(155,235,255,.14)}
.o-mnie__metryki div:first-child{padding-left:0}
.o-mnie__metryki div:last-child{padding-right:0;border-right:0}
}

@media (max-width:760px){.sekcja--omnie{padding-bottom:clamp(48px,8vw,70px)}
.o-mnie{min-height:0;padding:24px}
.o-mnie__rzad{grid-template-columns:1fr;gap:26px}
.o-mnie__foto{width:min(210px,70vw)}
.o-mnie h2{max-width:none}
.o-mnie__metryki{grid-template-columns:1fr}
.o-mnie__metryki div,.o-mnie__metryki div:first-child,.o-mnie__metryki div:last-child{padding:15px 0;border-right:0;border-bottom:1px solid rgba(155,235,255,.14)}
.o-mnie__metryki div:last-child{border-bottom:0}
.sekcja--cytat .ramka::before,.sekcja--cytat .ramka::after{display:none}
}



/*ROZMOWA-CSS:START*/.rozmowa-sekcja{padding-top:0}
.rozmowa-wstep{max-width:960px;margin:0 auto 22px;text-align:center}
.rozmowa-wstep h2{margin:0 0 8px}
.rozmowa-wstep p{margin:0 auto;max-width:640px;color:var(--secondary);font-size:1rem;line-height:1.65}
.rozmowa{max-width:960px;margin-inline:auto;background:var(--karta);border:1px solid var(--linie);border-radius:var(--r);box-shadow:var(--cien-m);overflow:hidden}
.rozmowa__gora{display:flex;align-items:center;gap:14px;padding:17px 24px;background:linear-gradient(180deg,var(--conversation-start),var(--conversation-end));border-bottom:1px solid var(--linie)}
.rozmowa__awatar{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent-fill);color:var(--on-accent)}
.rozmowa__awatar svg{width:22px;height:22px}
.rozmowa__gora b{display:block;font-size:1rem;letter-spacing:-.01em}
.rozmowa__status{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--secondary)}
.rozmowa__status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-16a765);flex:none}
.rozmowa__plakietka{margin-left:auto;flex:none;font-size:.75rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--info-text);background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--r-p);padding:7px 14px}
.postep{height:3px;background:var(--linie)}
.postep i{display:block;height:100%;width:12%;background:var(--accent);border-radius:0 3px 3px 0;transition:width .5s cubic-bezier(.4,0,.2,1)}
.czat{padding:28px 24px 32px}
.rozmowa .w{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.bot,.ja{max-width:82%;margin:0 0 11px;padding:12px 17px;font-size:1rem;line-height:1.6;border-radius:var(--r-s)}
.bot{background:var(--chat-bubble);color:var(--text);border-bottom-left-radius:5px}
.bot--pyt{font-weight:700;font-size:1.0625rem}
.ja{margin-left:auto;background:var(--accent-fill);color:var(--on-accent);border-bottom-right-radius:5px;width:fit-content;font-weight:600}
.pisze{display:flex;align-items:center;gap:5px;width:fit-content;height:40px;padding:0 19px;margin-bottom:11px;background:var(--chat-bubble);border-radius:var(--r-s);border-bottom-left-radius:5px;overflow:hidden}
.pisze b{width:6px;height:6px;border-radius:50%;background:var(--c-8fa9c0);flex:none}
.opcje{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:16px 0 20px}
.opcja{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:96px;padding:14px 15px;background:var(--karta);border:1.5px solid var(--control-border);border-radius:var(--r-s);cursor:pointer;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--text);transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}
.opcja i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--marka);color:var(--accent);flex:none;transition:background .18s,color .18s}
.opcja i svg{width:19px;height:19px}
.opcja i svg,.opcja i svg *{stroke-width:3.6}
.opcja__ok{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--c-fff);color:var(--accent);display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s}
.opcja__ok svg{width:12px;height:12px;stroke-width:3}
@media (hover:hover){.opcja:hover{border-color:var(--accent-text);box-shadow:0 6px 18px -8px rgba(4,114,155,.4);transform:translateY(-2px)}
}
.etap{display:none}
.opcje--wiele{grid-template-columns:repeat(3,1fr)}
.opcje--wiele .opcja{min-height:78px;flex-direction:row;align-items:center;gap:12px}
.opcje--wiele .opcja i{width:30px;height:30px;border-radius:9px}
.opcje--wiele .opcja i svg{width:17px;height:17px}
.opcje--wiele .opcja i svg,.opcje--wiele .opcja i svg *{stroke-width:4}
.rozmowa__dalej{margin-top:15px;cursor:pointer}
.rozmowa__dalej svg{width:18px;height:18px}
.ja--wiele{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;width:fit-content;max-width:82%;margin:0 0 11px auto;padding:0;background:none}
.ja--wiele span{display:none;background:var(--accent-fill);color:var(--on-accent);border-radius:var(--r-p);padding:7px 14px;font-size:.875rem;font-weight:600;line-height:1.35}
.rozmowa__pola{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.rozmowa__pola .pole{display:flex;flex-direction:column}
.rozmowa__pola .pole label{font-size:.875rem;font-weight:700;color:var(--secondary);margin-bottom:5px}
.rozmowa__pola .pole input{width:100%;min-height:46px;padding:11px 14px;font:inherit;font-size:.9375rem;background:var(--field-bg);border:1.5px solid var(--control-border);color:var(--text);border-radius:var(--r-s)}
.rozmowa__pola .pole input::placeholder{color:var(--secondary)}
.rozmowa__pola .pole input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px rgba(4,114,155,.18)}
.rozmowa__wyslij{width:100%;margin-top:16px}
.rozmowa__nota{margin-top:11px;font-size:.875rem;line-height:1.55;color:var(--secondary)}
.rozmowa__nota a{color:var(--accent);font-weight:700}
.rozmowa__stopka{margin:0;padding:14px 24px;border-top:1px solid var(--linie);background:var(--karta-alt);font-size:.8125rem;color:var(--secondary);text-align:center}
@media (prefers-reduced-motion:no-preference){.pisze b{animation:kropka 1.1s ease-in-out infinite}
.pisze b:nth-child(2){animation-delay:.16s}
.pisze b:nth-child(3){animation-delay:.32s}
.etap>*{animation:wchodzi .42s cubic-bezier(.2,.7,.3,1) both}
.etap .pisze{animation:znika .72s ease forwards}
.etap .bot{animation-delay:.62s}
.etap .bot--pyt{animation-delay:.76s}
.etap .opcje,.etap .rozmowa__pola,.etap .btn,.etap .rozmowa__nota{animation-delay:.9s}
}
@keyframes kropka{0%,60%,100%{opacity:.35;transform:translateY(0)}
30%{opacity:1;transform:translateY(-3px)}
}
@keyframes wchodzi{from{opacity:0;transform:translateY(9px)}
to{opacity:1;transform:none}
}
@keyframes znika{0%,78%{opacity:1;height:40px;margin-bottom:11px}
100%{opacity:0;height:0;margin-bottom:0;padding-block:0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:0.01ms!important;transition-delay:0s!important}
.pisze{display:none}
}
@media (max-width:820px){.rozmowa__gora{padding:15px 17px;flex-wrap:wrap}
.rozmowa__plakietka{margin-left:0;order:3;width:100%;text-align:center}
.czat{padding:21px 17px 26px}
.bot,.ja{max-width:94%;font-size:.9375rem}
.opcje{grid-template-columns:repeat(2,1fr)}
.opcje--wiele{grid-template-columns:1fr}
.opcje--wiele .opcja{min-height:62px}
.ja--wiele{max-width:100%}
.rozmowa__pola{grid-template-columns:1fr}
}
@media (max-width:400px){.opcja{min-height:86px;padding:12px 13px;font-size:.875rem}
}
[hidden]{display:none!important}
.etap{display:block}
.odp{display:block}
.opcja:has(.w:checked){background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);box-shadow:0 8px 20px -8px rgba(4,114,155,.55)}
.opcja:has(.w:checked) i{background:rgba(255,255,255,.22);color:var(--on-accent)}
.opcja:has(.w:checked) .opcja__ok{opacity:1;transform:none;color:var(--on-accent);background:transparent}
.opcja:has(.w:focus-visible){outline:3px solid var(--accent-text);outline-offset:2px}
.ja--wiele span:not([hidden]){display:inline-block;background:var(--accent-fill);color:var(--on-accent)}
.rozmowa__form[data-postep="2"] .postep i{width:27%}
.rozmowa__form[data-postep="3"] .postep i{width:42%}
.rozmowa__form[data-postep="4"] .postep i{width:57%}
.rozmowa__form[data-postep="5"] .postep i{width:72%}
.rozmowa__form[data-postep="6"] .postep i{width:88%}
.rozmowa__dalej:disabled{opacity:.58;cursor:default}

.logo{white-space:nowrap;font-size:1.22rem;letter-spacing:-.045em}
.logo span{display:inline-flex;align-items:center;gap:7px;margin-left:1px;font-weight:500;letter-spacing:-.025em}
.logo span::before{content:"/";color:var(--c-9bc4d5);font-weight:400}

.top__email{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 15px;border:1px solid var(--control-border);border-radius:999px;background:var(--karta);color:var(--accent-text);font-size:.875rem;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:var(--cien-s);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.top__email svg{width:18px;height:18px;flex:none}
.top__email:hover{border-color:var(--accent-text);box-shadow:var(--cien-m);transform:translateY(-1px)}

.realizacja .makieta{margin-bottom:18px}

@media(max-width:1180px){.top__email span{display:none}
.top__email{width:46px;padding:0}
}
@media(max-width:1000px){.top__email{margin-inline-start:auto}
.top__cta{margin-inline-start:0}
}
@media(max-width:700px){.top__rzad{gap:9px;min-height:72px}
.logo{font-size:1.02rem}
.top__email,.top__cta{width:46px;min-width:46px;height:46px;padding:0}
.top__cta span{display:none}
}
@media(max-width:380px){.kontener{padding-inline:14px}
.logo{font-size:.92rem}
.top__email,.top__cta{width:44px;min-width:44px;height:44px}
}


.opcje--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.opcje--3{grid-template-columns:repeat(2,1fr)}
}

.rozmowa__awatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}


.owner-photo-stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: visible !important;
}


.owner-photo-stack > picture {
  display: block;
  overflow: hidden;
  border-radius: inherit;
}


.owner-identity {
  position: relative;
  z-index: 2;
  width: calc(100% - 24px);
  margin: -24px 12px 0;
  padding: 15px;
  color: var(--owner-ink);
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--owner-accent) 12%, transparent), transparent 48%),
    rgba(255, 255, 255, .97);
  border: 1px solid color-mix(in srgb, var(--owner-accent) 22%, var(--c-dce4ef));
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(6, 17, 47, .08), 0 18px 38px rgba(6, 17, 47, .12);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  text-align: left;
}


.owner-identity__person {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}


.owner-identity__monogram {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: var(--owner-monogram-ink);
  background: linear-gradient(145deg, var(--owner-accent-start), var(--owner-accent-end));
  border-radius: 12px;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--owner-accent) 28%, transparent);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: -.03em;
}


.owner-identity__copy {
  display: block;
  min-width: 0;
}


.owner-identity__copy strong,
.owner-identity__copy span {
  display: block;
}


.owner-identity__copy strong {
  color: var(--owner-ink);
  font-size: .98rem !important;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -.015em;
}


.owner-identity__copy span {
  margin-top: 2px;
  color: color-mix(in srgb, var(--owner-ink) 67%, var(--c-fff));
  font-size: .82rem;
  line-height: 1.4;
  font-weight: 600;
}


.owner-identity__links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  margin-top: 12px;
}


.owner-identity__link {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 10px;
  color: var(--owner-ink);
  background: color-mix(in srgb, var(--owner-soft) 72%, var(--c-fff));
  border: 1px solid color-mix(in srgb, var(--owner-accent) 16%, var(--c-dfe6f0));
  border-radius: 11px;
  font-size: .83rem;
  line-height: 1.25;
  font-weight: 750;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}


.owner-identity__link:hover {
  transform: translateY(-1px);
  background: var(--c-fff);
  border-color: color-mix(in srgb, var(--owner-accent) 45%, var(--c-dfe6f0));
  box-shadow: 0 7px 18px color-mix(in srgb, var(--owner-accent) 11%, transparent);
}


.owner-identity__link:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--owner-accent) 52%, var(--c-fff));
  outline-offset: 2px;
}


.owner-identity__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  border-radius: 8px;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1;
}


.owner-identity__icon--google {
  color: var(--c-4285f4);
  background: var(--c-fff);
  border: 1px solid var(--c-e1e7ef);
}


.owner-identity__icon--linkedin {
  color: var(--c-fff);
  background: var(--c-0a66c2);
  font-family: Arial, sans-serif;
  font-size: .9rem;
  letter-spacing: -.05em;
}


.owner-identity--dark {
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--owner-accent) 24%, transparent), transparent 52%),
    rgba(14, 23, 39, .96);
  border-color: rgba(255, 255, 255, .16);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2), 0 18px 38px rgba(0, 0, 0, .25);
}


.owner-identity--dark .owner-identity__copy span {
  color: rgba(238, 244, 255, .72);
}


.owner-identity--dark .owner-identity__link {
  color: var(--c-f5f8ff);
  background: rgba(255, 255, 255, .075);
  border-color: rgba(255, 255, 255, .14);
}


.owner-identity--dark .owner-identity__link:hover {
  background: rgba(255, 255, 255, .12);
  border-color: color-mix(in srgb, var(--owner-accent) 55%, var(--c-fff));
}


.owner-identity--inline {
  width: 100%;
  margin: 14px 0 18px;
}


.owner-identity--inline + .o-mnie__partner {
  display: none;
}


/* Separate trust/stat panels from the following section heading. */
.hero + .rozmowa-sekcja,
.zaufanie + .rozmowa-sekcja:not(.sekcja--marka),
.zaufanie + .sekcja:not(.rozmowa-sekcja) {
  padding-top: clamp(56px, 6vw, 80px) !important;
}


@media (min-width: 520px) {
  .owner-identity:not(.owner-identity--narrow) .owner-identity__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}


@media (max-width: 519px) {
  .owner-identity {
    width: calc(100% - 20px);
    margin-inline: 10px;
    padding: 14px;
  }


  .owner-identity__link {
    min-height: 44px;
    font-size: .9rem;
  }

}


@media (max-width: 760px) {
  .owner-section-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

}


/* Poprawka trybu ciemnego dla quizu (wzor mial jasne dymki z jasnym tekstem) */



/* 4 kafle wariantow wspolpracy */
.cennik--4{grid-template-columns:repeat(4,1fr)}

@media (max-width:1180px){.cennik--4{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:640px){.cennik--4{grid-template-columns:1fr}
}


/* Fallback makiet: szkielet wraca, gdy obraz sie nie wczyta (klase nadaje makiety.js) */
.makieta__ekran.bez-obrazu{padding:14px 14px 16px}

.makieta__ekran.bez-obrazu picture{display:none!important}

.makieta__ekran.bez-obrazu>*:not(picture){display:revert!important}

.makieta__ekran.bez-obrazu .makieta__nav,.makieta__ekran.bez-obrazu .makieta__pasmo{display:grid!important}

.makieta__ekran.bez-obrazu .makieta__nav{display:flex!important}

.makieta__ekran.bez-obrazu .makieta__cta{display:inline-block!important}


/* Mini-telefon z prawdziwym kadrem koncepcji (kryterium Michala 12.08) */
.makieta__telefon{overflow:hidden}

.makieta__telefon-foto{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;object-position:0% 22%;border-radius:7px}

.makieta__telefon--foto>span{display:none}

.makieta__telefon--foto.bez-obrazu>span{display:block}

.makieta__telefon--foto.bez-obrazu .makieta__notch{display:block}

.makieta__telefon--foto.bez-obrazu img{display:none}


/* Mini-hero w telefonie (wariant B, decyzja Michala/@cmo 12.08):
   prawdziwa marka, tytul i CTA zamiast szkieletu z kresek */
.makieta__telefon--hero{background:var(--t-bg);gap:5px;padding:13px 7px 7px}

.makieta__telefon--hero .makieta__notch{background:var(--t-ink);opacity:.25}

.makieta__t-marka{font-size:5.5px;font-weight:800;letter-spacing:.1em;color:var(--m-akcent);white-space:nowrap}

.makieta__t-naglowek{font-size:8px;line-height:1.3;font-weight:800;letter-spacing:-.01em;color:var(--t-ink)}

.makieta__t-btn{margin-top:auto;background:var(--m-akcent);color:var(--c-fff);font-size:5.5px;font-weight:700;line-height:1;padding:4px 3px;border-radius:999px;text-align:center;white-space:nowrap;overflow:hidden}

.makieta--ciemna .makieta__t-btn{color:var(--c-0b1018)}


/* ===== POLISH GLOBALNY 2026-08-18 (decyzja Michala: responsywnosc + lifting calej strony) ===== */

/* Typografia: rownowaga naglowkow, koniec samotnych slow */
h1,h2,h3{text-wrap:balance}

p,dd{text-wrap:pretty}


/* Mikrointerakcje: fizyczne wcisniecie, spokojne przejscia */
@media (prefers-reduced-motion:no-preference){
.btn:active{transform:translateY(1px) scale(.99)}

.opcja:active{transform:scale(.985)}

.faq summary{transition:background-color .18s,color .18s}

}


/* Rytm sekcji: naprzemienne pasy powierzchni (Problem / Roznica / Opieka) */
.sekcja--pas{background:linear-gradient(180deg,var(--section-band-start) 0%,var(--section-band-end) 130%);border-block:1px solid var(--linie);padding-block:clamp(52px,6vw,92px)}

.sekcja--pas+ .sekcja{padding-top:clamp(48px,5.6vw,88px)}




/* PROBLEM: kompozycja dwukolumnowa zamiast golego bloku tekstu */
.manifest__rzad{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4.5vw,72px);align-items:start}

.manifest__naglowek{position:sticky;top:96px}

.manifest h2{font-size:clamp(1.75rem,2.9vw,2.5rem);max-width:16ch;margin-bottom:0}

.manifest__tresc{border-left:2px solid rgba(4,114,155,.22);padding-left:clamp(18px,2.4vw,32px)}

.manifest__tresc p{max-width:58ch;font-size:1.0625rem;line-height:1.75}

.manifest__tresc p+p{margin-top:16px}

.manifest__tresc p:last-child{color:var(--text);font-weight:600}

@media (max-width:860px){.manifest__rzad{grid-template-columns:1fr;gap:20px}
.manifest__naglowek{position:static}
.manifest h2{max-width:22ch;margin-bottom:0}
}




/* PROCES: mocniejsze numery, halo nad linia, czytelniejszy krok */
.proces::before{top:15px}

.proces li::before{width:32px;height:32px;font-size:.8438rem;background:var(--marka);box-shadow:0 0 0 5px var(--process-halo);margin-bottom:14px}

.proces h3{font-size:1rem;margin-bottom:5px}

.proces p{font-size:.875rem}

.ramka .proces li::before{box-shadow:0 0 0 5px var(--marka)}




/* TABELA (desktop): tintowana kolumna Projektowana + zebra */
.porownanie tbody tr:nth-child(even) th,.porownanie tbody tr:nth-child(even) td{background:var(--table-row-alt)}

.porownanie td:nth-of-type(2){background:var(--table-accent-soft)}

.porownanie tbody tr:nth-child(even) td:nth-of-type(2){background:var(--table-accent-strong)}

.porownanie thead th:last-child{background:var(--table-head-accent)}




/* TABELA (mobile <=700): pelne karty porownania - zero wewnetrznego scrolla */
@media (max-width:700px){
.tabela-otok{overflow:visible;background:none;border:0;box-shadow:none}

.porownanie{min-width:0;display:block}

.porownanie caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.porownanie thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.porownanie tbody{display:grid;gap:12px}

.porownanie tr{display:block;background:var(--karta);border:1px solid var(--linie);border-radius:var(--r-s);box-shadow:var(--cien-s);overflow:hidden}

.porownanie tbody th{display:block;width:auto;padding:13px 16px;background:var(--marka);font-size:.9375rem;border-bottom:1px solid var(--linie)}

.porownanie td{display:block;padding:11px 16px;border-bottom:0;font-size:.9375rem}

.porownanie td::before{content:attr(data-l);display:block;font-size:.6875rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--secondary);margin-bottom:3px}

.porownanie td:nth-of-type(1){color:var(--secondary);padding-bottom:12px}

.porownanie td:nth-of-type(2){background:var(--table-accent-soft);border-top:1px solid var(--linie);font-weight:700;padding-block:12px 14px}

.porownanie td:nth-of-type(2)::before{color:var(--accent)}

.porownanie tbody tr:nth-child(even) th,.porownanie tbody tr:nth-child(even) td:nth-of-type(1){background:none}

.porownanie tbody tr:nth-child(even) th{background:var(--marka)}

}

/* FAQ: osobne karty, chevron w kole, wyrazny stan otwarty */
.faq{border:0;background:none;box-shadow:none;overflow:visible;display:grid;gap:10px}

.faq details{border:1px solid var(--linie);border-bottom:1px solid var(--linie);border-radius:var(--r-s);background:var(--karta);box-shadow:var(--cien-s);overflow:hidden;transition:border-color .2s,box-shadow .2s}

.faq details:last-child{border-bottom:1px solid var(--linie)}

.faq details[open]{border-color:var(--info-border);box-shadow:inset 3px 0 0 var(--accent-text),var(--cien-m)}

.faq summary{min-height:58px;padding:15px 16px 15px 20px;font-size:1rem;gap:14px}

.faq summary::after{content:"⌄";display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--linie);border-radius:50%;margin:0;background:var(--marka);color:var(--accent-text);font-size:1.2rem;line-height:1;transform:none;transition:transform .22s,background-color .22s}

.faq details[open] summary::after{transform:rotate(180deg);margin:0;background-color:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill)}

.faq details[open] summary{background:var(--marka)}

.faq details>div{padding:14px 20px 20px;border-top:1px dashed var(--linie)}




/* KTO ZA TYM STOI (mobile): zdjecie pelnym blokiem, tekst pod spodem */
@media (max-width:760px){
.o-mnie{padding:22px 18px 28px}

.o-mnie__rzad{grid-template-columns:1fr!important;gap:26px}

.o-mnie__foto{width:100%;max-width:none;aspect-ratio:4/4.6}

.o-mnie__foto img{object-position:center 22%}

.o-mnie h2{font-size:1.5rem}

}


/* Etykiety statusu i wstegi: czytelny rozmiar */
.plakietka{font-size:.71875rem;padding:5px 12px}

.wstega{font-size:.71875rem;padding:5px 12px}

.o-mnie__foto>figcaption>span{font-size:.75rem}

.pakiet__gora{flex-wrap:wrap;row-gap:8px}


/* Pakiety: kafle nie moga byc rozpychane przez nowrap przyciskow (320px) */
.cennik,.cennik--4{grid-template-columns:repeat(3,minmax(0,1fr))}

.cennik--4{grid-template-columns:repeat(4,minmax(0,1fr))}

@media (max-width:1180px){.cennik--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){.cennik{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:640px){.cennik--4{grid-template-columns:minmax(0,1fr)}
}

.pakiet .btn{white-space:normal;text-align:center;line-height:1.3}


/* Stopka: mocniejsze zakotwiczenie + 3 kolumny bez inline stylu (media queries znow dzialaja) */
.stopka__rzad--3{grid-template-columns:1.4fr repeat(2,1fr)}

@media (max-width:1000px){.stopka__rzad--3{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:520px){.stopka__rzad--3{grid-template-columns:1fr}
}

.stopka{background:linear-gradient(180deg,var(--footer-start),var(--footer-end))}




/* === 20.08.2026: pasek zaufania ma PIEC pozycji (decyzja Michala 20.08, bramka @ceo) === */
/* Bazowa reguła w tym pliku zaklada cztery kolumny; przy piatej pozycji zostawialaby sierote. */
.zaufanie ul{grid-template-columns:repeat(5,1fr)}

/* przy piatej pozycji naglowki maja rozna liczbe wierszy - centrowanie pionowe
   rozjezdzalo linie bazowa miedzy kartami, wiec rownamy do gory */
.zaufanie li{column-gap:11px;padding:15px 15px;align-items:start;align-content:start;row-gap:3px}

.zaufanie__i{width:38px;height:38px;border-radius:10px}

.zaufanie__i svg{width:19px;height:19px}

@media (max-width:1180px){.zaufanie ul{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:900px){.zaufanie ul{grid-template-columns:repeat(2,1fr)}
.zaufanie li:last-child{grid-column:1/-1}
}

@media (max-width:460px){.zaufanie ul{grid-template-columns:1fr}
.zaufanie li:last-child{grid-column:auto}
}


/* Panel sekcji nie moze przystawac do linii podzialu miedzy sekcjami.
   Przyczyna: dziewiec sekcji ma style="padding-top:0" wpisane INLINE w index.html,
   co bije kazda regule z arkusza. Tam, gdzie pierwszym dzieckiem jest panel z wlasnym
   tlem (.ramka, .o-mnie, .kontakt), jego gorna krawedz ladowala dokladnie na separatorze.
   Zamiast walczyc ze specyficznoscia stylu inline, odstep dostaje sam panel.
   Zgloszone przez Michala 22.08 ("sekcja kontakt przystaje do krawedzi"). @cto */
.sekcja[style*="padding-top:0"] .ramka,
.sekcja[style*="padding-top:0"] .o-mnie,
.sekcja[style*="padding-top:0"] .kontakt {
  margin-top: var(--sekcja);
}


/* JEDEN RYTM WOKOL KRESKI: odstep nad separatorem = odstep pod nim.
   "Nad" to padding-bottom poprzedniej sekcji, a ten mial trzy rozne wartosci
   (83,44 z bazy, 58 z --cytat, 89,4 z --pas). Sprowadzamy wszystkie do var(--sekcja),
   zeby symetria byla wlasnoscia rytmu, a nie zbiegiem okolicznosci. */
.sekcja--pas { padding-block: var(--sekcja); }

.sekcja--cytat { padding-bottom: var(--sekcja); }


/* PRZED STOPKA jeden rytm, nie dwa. Stopka wnosi wlasne 52px gornego paddingu,
   wiec pelny rytm sekcji dawal w sumie ~139px i czytalo sie to jak podwojny odstep. */
.sekcja:has(.kontakt) { padding-bottom: clamp(14px, 2vw, 32px); }


/* Drugi wiersz sekcji "Kto za tym stoi": blok Rafala.
   Brzmienie zatwierdzone przez Michala 22.08 - nie zmieniac.
   Kadr i plakietka jak u Michala (polecenie Michala 22.08): zdjecie korzysta z bazowych
   regul .o-mnie__foto (aspect-ratio 4/4.6, object-position center 22%), a role niesie
   figcaption, nie tekst - dlatego akapit z rola zniknal z kolumny obok. @cto */
.o-mnie__rzad--druga {
  margin-top: clamp(26px, 3vw, 42px);
  padding-top: clamp(26px, 3vw, 42px);
  border-top: 1px solid rgba(155, 235, 255, .16);
}

.o-mnie__rzad--druga h3 {
  margin: 0 0 4px;
  font-size: clamp(1.15rem, 1.6vw, 1.42rem);
  letter-spacing: -.02em;
}

.o-mnie__rola {
  margin: 0 0 12px;
  font-size: .9375rem;
  font-weight: 700;
  color: var(--c-7fd8f5);
}



/* Mocniejsze zblizenie Rafala (polecenie Michala 22.08). Skala na obrazie, nie zmiana
   aspect-ratio - ramka i plakietka zostaja identyczne jak u Michala, przyblizamy sam kadr.
   picture ma overflow:hidden, wiec nadmiar jest obcinany do zaokraglonej ramki. */
.o-mnie__rzad--druga .o-mnie__foto img {
  transform: scale(1.22);
  transform-origin: 50% 22%;
}


/* Lokalny wariant anty-Claude 2026-08-26 */
.link-tekstowy {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--accent);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.link-tekstowy svg { width: 18px; height: 18px; }

.hero { padding-block: clamp(38px, 4vw, 56px) clamp(34px, 3.5vw, 48px); }

.hero__tresc { max-width: 66rem; }

.hero .lead { max-width: 68ch; margin-inline: auto; }

.hero .zaufanie { position: relative; margin-top: clamp(30px, 3vw, 40px); padding: 0; }

.hero .zaufanie__lista { display: flex; gap: 0; overflow: hidden; background: var(--trust-list-surface); border: 1px solid var(--linie); border-radius: var(--r-s); box-shadow: var(--cien-s); }

.hero .zaufanie li { min-width: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }

.hero .zaufanie li + li { border-left: 1px solid var(--linie); }

.hero .zaufanie li:nth-child(1) { flex: .8; }

.hero .zaufanie li:nth-child(2) { flex: .9; }

.hero .zaufanie li:nth-child(3) { flex: .75; }

.hero .zaufanie li:nth-child(4) { flex: 1.3; }

.hero .zaufanie li:nth-child(5) { flex: 1.1; }

.rozmowa-sekcja, .hero + .rozmowa-sekcja { padding-block: clamp(38px, 4vw, 54px) clamp(44px, 4vw, 58px); }


.problem-roznica {
  padding-block: clamp(52px, 5vw, 66px) clamp(42px, 4vw, 54px);
  background: linear-gradient(155deg, var(--section-angle-start), var(--section-angle-end) 75%);
  border-block: 1px solid var(--linie);
}

.problem-roznica > .kontener {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: clamp(36px, 6vw, 88px);
  align-items: start;
}

.problem-roznica__wstep h2 { margin-bottom: 28px; }

.problem-roznica__tezy { display: grid; gap: 18px; }

.problem-roznica__tezy p { color: var(--secondary); }

.problem-roznica__tezy p:first-child { color: var(--text); font-size: 1.1rem; font-weight: 700; }

.problem-roznica__tabela h3 { margin-bottom: 18px; font-size: clamp(1.25rem, 2vw, 1.7rem); }


#realizacje { padding-block: clamp(46px, 4vw, 56px) clamp(50px, 4vw, 58px); }

#realizacje .galeria {
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .65fr);
  grid-template-rows: repeat(2, auto);
  gap: clamp(14px, 1.5vw, 20px);
  align-items: start;
}

#realizacje .ramka { padding: clamp(22px, 2vw, 28px); }

#realizacje .realizacja--glowna { grid-area: 1 / 1 / 3 / 2; }

#realizacje .realizacja--glowna .makieta__ekran { height: 460px; min-height: 0; overflow: hidden; }

#realizacje .realizacja--glowna .makieta__ekran img { height: 100%; object-fit: cover; }

#realizacje .realizacja__opis { max-width: 54ch; margin: 7px auto 0; color: var(--secondary); font-size: .88rem; text-align: center; }

#realizacje .realizacja:not(.realizacja--glowna) .makieta__ekran { aspect-ratio: 16 / 8; overflow: hidden; }

#realizacje .realizacja:not(.realizacja--glowna) .makieta__ekran img { height: 100%; object-fit: cover; }


.proces-sekcja { padding-block: clamp(52px, 4vw, 58px) clamp(44px, 3.5vw, 50px); }

.proces-sekcja .naglowek { margin-bottom: 38px; }

.proces.proces--anty {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  max-width: 62rem;
  counter-reset: krok;
}

.proces.proces--anty li {
  display: grid;
  grid-template-columns: 54px 180px minmax(0, 1fr);
  gap: 20px;
  align-items: baseline;
  padding: 12px 0;
  border-top: 1px solid var(--linie);
  text-align: left;
}

.proces.proces--anty li::before {
  position: static;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin: 0;
  color: var(--accent);
  background: var(--marka);
  border: 1px solid var(--c-ddecf9);
  border-radius: 50%;
  box-shadow: none;
}

.proces.proces--anty li::after { display: none; }

.proces.proces--anty h3 { margin: 0; }

.proces.proces--anty p { margin: 0; max-width: 68ch; }

.proces.proces--anty .proces__opieka {
  margin-top: 10px;
  padding: 26px 24px;
  border: 0;
  border-left: 4px solid var(--accent);
  background: var(--marka);
}


.wspolpraca-sekcja { padding-block: clamp(50px, 4.5vw, 62px) clamp(54px, 5vw, 64px); background: var(--karta-alt); }

.wspolpraca-sekcja > .kontener > .naglowek { margin-bottom: 22px; }

.wspolpraca-sekcja__lead { margin: 12px 0 30px; }

.zakres-naglowek { margin-top: clamp(38px, 4vw, 54px); }

.zakres-naglowek h3 { font-size: clamp(1.3rem, 2vw, 1.75rem); }

.zakres-uslug {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(34px, 5vw, 72px);
  max-width: 68rem;
  margin-bottom: clamp(34px, 4vw, 46px);
}

.zakres-uslug li { padding: 12px 0; border-top: 1px solid var(--linie); }

.zakres-uslug h3 { margin-bottom: 4px; font-size: 1rem; }

.zakres-uslug p { color: var(--secondary); font-size: .9rem; }

.warianty-naglowek { display: flex; align-items: baseline; justify-content: space-between; gap: 22px; margin-bottom: 20px; }

.warianty-naglowek p { color: var(--accent); font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.warianty-naglowek h3 { font-size: clamp(1.35rem, 2.2vw, 1.85rem); }

.cennik.cennik--anty { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 2.4vw, 30px); }

.cennik--anty .pakiet { padding: clamp(22px, 2vw, 28px); }

.cennik--anty .pakiet .link-tekstowy { margin-top: auto; }

.inne-sciezki {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(28px, 5vw, 70px);
  margin-top: clamp(28px, 3vw, 38px);
  padding-block: 14px;
  border-block: 1px solid var(--linie);
}

.inne-sciezki h3 { margin-bottom: 8px; }

.inne-sciezki p { margin-bottom: 18px; color: var(--secondary); }

.wybor-technologii { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 22px; }

.wybor-technologii > div { padding-left: 18px; border-left: 3px solid var(--accent); }

.wybor-technologii dt { margin-bottom: 6px; font-weight: 800; }

.wybor-technologii dd { color: var(--secondary); }

.dostepnosc-skrot { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; margin-top: 26px; padding: 18px 0; border-top: 1px solid var(--linie); }

.dostepnosc-skrot p { max-width: 74ch; }

.dostepnosc-skrot a { color: var(--accent); font-weight: 800; }

.zasady { display: grid; grid-template-columns: minmax(170px, .35fr) minmax(0, 1fr); gap: 14px 34px; margin-top: 32px; padding: clamp(22px, 2vw, 28px); background: var(--deep-surface); color: var(--c-fff); border-radius: var(--r); }

.zasady h2 { grid-row: 1 / span 2; }

.zasady h2 { margin-bottom: 18px; color: var(--c-fff); }

.zasady .opis { color: var(--c-d6e3f0); }

.zasady .opis + .opis { margin-top: 14px; }


.ludzie-sekcja { padding-block: clamp(44px, 4vw, 54px) clamp(48px, 4.5vw, 58px); }

.ludzie-sekcja > .kontener > h2 { margin: 8px 0 34px; }

.ludzie { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(22px, 3vw, 38px); align-items: stretch; }

.osoba { display: grid; grid-template-columns: minmax(150px, 210px) minmax(0, 1fr); gap: clamp(20px, 2.5vw, 34px); align-items: start; height: 100%; }

.osoba .o-mnie__foto { width: 100%; }

.osoba > div > h3 { margin-bottom: 4px; }

.osoba__rola { margin: 0 0 12px; color: var(--accent-text); font-size: .8125rem; line-height: 1.45; font-weight: 800; }

.osoba > div > .osoba__rola + p { margin-top: 0; }

.osoba > div > p + p { margin-top: 12px; }


.faq-sekcja { padding-block: clamp(50px, 4vw, 56px) clamp(44px, 3.5vw, 50px); background: linear-gradient(180deg, var(--section-angle-start), var(--section-angle-end)); }

.faq-sekcja .faq summary { min-height: 50px; padding-block: 11px; }

.kontakt-sekcja { padding-block: clamp(44px, 3.5vw, 50px) clamp(16px, 2vw, 24px); }

.kontakt-sekcja .kontakt { padding: clamp(28px, 3vw, 40px); }

.kontakt__nadtytul { margin-bottom: 10px; color: var(--accent-light); font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }


.dostepnosc-tytul { padding-bottom: clamp(42px, 5vw, 68px); }

.dostepnosc-proza { padding-top: clamp(34px, 4vw, 54px); }

.dostepnosc-proza h2 { padding-top: 24px; border-top: 1px solid var(--linie); }

.dostepnosc-proza__kontakt { margin-top: 42px; padding: 22px; background: var(--marka); border-left: 4px solid var(--accent); }


@media (max-width: 1000px) {
  .hero .zaufanie__lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: transparent; border: 0; box-shadow: none; overflow: visible; }

  .hero .zaufanie li { background: var(--karta); border: 1px solid var(--linie); border-radius: var(--r-s); box-shadow: var(--cien-s); }

  .hero .zaufanie li + li { border-left: 1px solid var(--linie); }

  .hero .zaufanie li:last-child { grid-column: 1 / -1; }

  .problem-roznica > .kontener { grid-template-columns: 1fr; }

  .ludzie { grid-template-columns: 1fr; }

}


@media (max-width: 700px) {
  .hero { padding-top: 40px; }

  .hero .zaufanie__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .hero .zaufanie li { grid-template-columns: 1fr; padding: 14px; }

  .hero .zaufanie__i { grid-row: auto; margin-bottom: 5px; }

  .hero .zaufanie b, .hero .zaufanie span:last-child { grid-column: 1; }

  #realizacje .galeria { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }

  #realizacje .realizacja--glowna { grid-area: auto; grid-column: 1 / -1; order: -1; }

  #realizacje .realizacja--glowna .makieta__ekran { height: auto; min-height: 0; }

  #realizacje .realizacja:not(.realizacja--glowna) h3 { font-size: .82rem; }

  .proces.proces--anty li { grid-template-columns: minmax(0, 1fr); gap: 8px; }

  .proces.proces--anty li::before, .proces.proces--anty li h3, .proces.proces--anty li p { grid-column: 1; }

  .proces.proces--anty .proces__opieka { padding: 20px 16px; }

  .zakres-uslug, .cennik.cennik--anty, .inne-sciezki, .wybor-technologii, .dostepnosc-skrot, .zasady { grid-template-columns: 1fr; }

  .wspolpraca-sekcja { padding-block: 42px 48px; }

  .wspolpraca-sekcja .zakres-uslug { margin-bottom: 30px; }

  .wspolpraca-sekcja .zakres-uslug li { padding-block: 9px; }

  .wspolpraca-sekcja .pakiet { padding: 20px; }

  .wspolpraca-sekcja .inne-sciezki { gap: 20px; margin-top: 26px; }

  .wspolpraca-sekcja .wybor-technologii { gap: 18px; }

  .wspolpraca-sekcja .dostepnosc-skrot { gap: 14px; }

  .wspolpraca-sekcja .zasady { margin-top: 24px; padding: 20px; }

  .ludzie-sekcja { padding-block: 40px 48px; }

  .kontakt-sekcja { padding-top: 38px; }

  .zasady h2 { grid-row: auto; }

  .warianty-naglowek { align-items: flex-start; flex-direction: column; }

  .osoba { grid-template-columns: 120px minmax(0, 1fr); }

  .tabela-otok { overflow: hidden; background: var(--karta); border: 1px solid var(--linie); box-shadow: var(--cien-s); }

  .porownanie { display: table; width: 100%; min-width: 0; table-layout: fixed; }

  .porownanie caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

  .porownanie thead { position: static; display: table-header-group; width: auto; height: auto; overflow: visible; clip: auto; }

  .porownanie tbody { display: table-row-group; }

  .porownanie tr { display: table-row; background: transparent; border: 0; border-radius: 0; box-shadow: none; }

  .porownanie thead th, .porownanie tbody th, .porownanie td { display: table-cell; width: auto; padding: 8px 6px; border-bottom: 1px solid var(--linie); font-size: .72rem; line-height: 1.35; vertical-align: top; }

  .porownanie thead th:first-child, .porownanie tbody th { width: 34%; }

  .porownanie td { width: 33%; }

  .porownanie td::before { display: none; content: none; }

  .porownanie td:nth-of-type(1), .porownanie td:nth-of-type(2) { padding: 8px 6px; border-top: 0; }

}


@media (max-width: 460px) {
  .hero .zaufanie__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .hero .zaufanie li:last-child { grid-column: 1 / -1; }

  #realizacje .galeria { grid-template-columns: minmax(0, 1fr); }

  #realizacje .realizacja--glowna { grid-column: 1; }

  .osoba { grid-template-columns: 1fr; }

  .osoba .o-mnie__foto { max-width: 190px; }

}