/* =====================================================================
   MobileSerwis - arkusz stron dla nowych klientow (LP):
     - strona glowna "/" i strony fraz ?lp=<wariant>  -> tpl/lp_kotly.tpl  (#lp_page)
     - ukryta strona ofertowa ?oferta=<klucz>          -> tpl/lp_oferta.tpl (#lp_kampania)
   Ladowany przez tpl/header.tpl ZAMIAST theme/app.css, tylko w okrojonym <head> stron LP
   (flaga lp_lite). Kolejnosc jak w panelu: libs/* (ms-loader, ms-lightbox) -> lp.css -> skorka,
   wiec skorka (theme/skins/<skin>.css, tylko kolory i --zmienne) dalej nadpisuje ten plik.
   Panel, logowanie, reset hasla i 2FA tego pliku NIE laduja.
   Kategoria w aktualizatorze: A (jak caly theme/) - header.tpl odwoluje sie do tego pliku,
   wiec musi jechac w kazdej paczce razem z nim.
   ===================================================================== */

/* =====================================================================
   CZESC 1 - KOPIA regul wspolnych z theme/app.css.
   Strony LP nie laduja app.css, a korzystaja z kilku jego regul: resetu (Meyer), bazy
   (body, a, h1, pola formularzy), ikon .appico ({'…'|app_icon}) i tokenow motywu z :root
   (--app-font, --ui-ok*, --ui-warn*).
   !!! To KOPIA: zmieniajac te reguly albo tokeny w app.css, popraw je tez tutaj. !!!
   Zestaw wynika z pomiaru (reguly app.css, ktorych selektor moze trafic w DOM stron LP,
   + bloki :root z uzywanymi zmiennymi); generator i testy porownujace style obliczone:
   serwis-claudedata/__testy/lp-css/ (build_lp_css.py refresh odtwarza ten blok z app.css).
   Kolejnosc regul jak w app.css.
   ===================================================================== */
/* >>> KOPIA z theme/app.css — POCZATEK (generowana, nie edytuj recznie bez app.css) <<< */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
th,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:root {
	--app-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.appico {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	flex: 0 0 auto;
}

:root {
	--ui-danger:      #dc3545;
	--ui-danger-ink:  #8a1c28;
	--ui-danger-soft: rgba(220,53,69,.14);
	--ui-warn:        #e0803a;
	--ui-warn-soft:   rgba(224,128,58,.08);
	/* ink = tekst na tle *-soft; #e0803a na jasnym tle ma ~2.6:1, wiec komunikaty
	   ostrzegawcze (np. "pominiete pozycje" w oknie seryjnej edycji) uzywaja tego. */
	--ui-warn-ink:    #8a5200;
	--ui-ok:          #16a34a;
	--ui-ok-ink:      #0a3d20;
	--ui-ok-soft:     rgba(102,211,125,.18);
	/* dyzur w naglowku kalendarza - bursztyn czytelny na KAZDYM tle naglowka
	   (zielen default, indygo jasna, morska, dark) i na kolorowych komorkach
	   dzis/sobota/niedziela/swieto. Uzycie: sekcja "Dzien z dyzurem" nizej. */
	--cal-duty:       #f5a524;
	--cal-duty-ink:   #3a2400;
	--cal-duty-wash:  rgba(245,165,36,.22);
	/* jasne tlo akcentu (plakietki, podswietlone wiersze) - para do --ui-accent-ink.
	   Bylo deklarowane tylko w czesci skorek, wiec w pozostalych var() spadalo na fallback
	   wpisany przy uzyciu; tu jest wartosc bazowa dla wszystkich. */
	--ui-accent-soft: rgba(42,159,255,.14);
	/* KARTA NA MAPIE (pasek „Ulóz trase dnia" i pasek wyniku nad mapa kalendarza). Mapa ma
	   wlasne tlo - niezalezne od skorki - wiec karta na niej potrzebuje wlasnej pary
	   tlo/tekst; ciemne skorki nadpisuja ja w theme/skins/<skin>.css. */
	--ui-map-card:     #ffffff;
	--ui-map-card-ink: #222222;
}

body {
	font-family: var(--app-font);
	font-size: 8pt;
	color: #666666;
	background-color: #8ddbf2;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

input,
select,
textarea,
button {
	font-family: inherit;
}

h1 {
	font-family: var(--app-font);
	font-size: 12pt;
	margin-left: 5px;
}

a {
	font-size: 9pt;
	color: #6b6b6b; /* a11y: kontrast >=4.5:1 na bialym (#999 dawal 2.85:1) */
	text-decoration: none;
}

a:hover {
	color: #333;
}

textarea { resize: vertical; }

input[type="checkbox"], input[type="radio"] {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	cursor: pointer;
}

/* >>> KOPIA z theme/app.css — KONIEC <<< */

/* =====================================================================
   CZESC 2 - style stron LP. JEDYNE miejsce tych regul (przeniesione z app.css 03.10.2026).
   ===================================================================== */

/* =====================================================================
   Strona kampanijna dla reklam (index.php?lp=1) - tpl/lp_kotly.tpl.
   Jak landing demo: styl na zmiennych skorki --login-* (jasny/ciemny).
   Cel strony: lead ("Umow prezentacje" -> formularz) lub wejscie do demo.
   ===================================================================== */
#lp_kampania { min-height:100vh; background:var(--login-head-bg,#f7fafc); color:var(--login-fg,#334155); padding:0 0 56px; overflow-x:hidden; }
#lp_kampania .lp-wrap { max-width:1060px; margin:0 auto; padding:0 20px; }
#lp_kampania h2 { text-align:center; font-size:21px; color:var(--login-title,#1e293b); margin:40px 0 18px; }

#lp_kampania .lp-hero { text-align:center; padding:46px 16px 6px; }
#lp_kampania .lp-logo { width:74px; height:74px; border-radius:18px; display:inline-block; box-shadow:0 10px 28px rgba(0,0,0,.18); }
#lp_kampania .lp-brand { font-size:26px; font-weight:300; color:var(--login-title,#1e293b); margin:14px 0 0; letter-spacing:.2px; }
#lp_kampania .lp-hero h1 { font-size:26px; font-weight:800; color:var(--login-title,#1e293b); margin:12px 0 0; }
#lp_kampania .lp-lead { max-width:680px; margin:12px auto 0; font-size:16px; line-height:1.55; color:var(--login-muted,#64748b); }
#lp_kampania .lp-note { margin-top:14px; font-size:13.5px; color:var(--login-muted,#64748b); }

#lp_kampania .lp-actions { margin:24px 0 0; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
#lp_kampania .lp-btn { display:inline-flex; align-items:center; gap:9px; border-radius:10px; padding:13px 26px; font-size:15px; font-weight:700; text-decoration:none; cursor:pointer; }
#lp_kampania .lp-btn .appico { width:18px; height:18px; }
#lp_kampania .lp-btn-primary { background:var(--login-accent,#2A9FFF); color:#fff; border:0; box-shadow:0 6px 18px var(--login-accent-shadow,rgba(42,159,255,.35)); }
#lp_kampania .lp-btn-primary:hover { filter:brightness(1.07); text-decoration:none; }
#lp_kampania .lp-btn-primary:disabled { opacity:.6; cursor:default; }
#lp_kampania .lp-btn-ghost { background:var(--login-card-bg,#fff); color:var(--login-accent,#2A9FFF); border:1px solid var(--login-input-border,#d8e0ea); }
#lp_kampania .lp-btn-ghost:hover { border-color:var(--login-accent,#2A9FFF); text-decoration:none; }

#lp_kampania .lp-grid { display:grid; gap:16px; }
#lp_kampania .lp-grid-4 { grid-template-columns:repeat(4,1fr); }
#lp_kampania .lp-grid-3 { grid-template-columns:repeat(3,1fr); }
#lp_kampania .lp-card { background:var(--login-card-bg,#fff); border:1px solid var(--login-input-border,#d8e0ea); border-radius:14px; padding:18px; }
#lp_kampania .lp-card h3 { margin:10px 0 5px; font-size:15.5px; color:var(--login-title,#1e293b); }
#lp_kampania .lp-card p { margin:0; font-size:13.5px; line-height:1.5; color:var(--login-muted,#64748b); }
#lp_kampania .lp-problems .lp-card h3 { margin-top:0; }
#lp_kampania .lp-ic { width:42px; height:42px; border-radius:11px; background:var(--login-accent-ring,rgba(42,159,255,.22)); color:var(--login-accent,#2A9FFF); display:inline-flex; align-items:center; justify-content:center; }
#lp_kampania .lp-ic .appico { width:23px; height:23px; }

/* Przeplyw: biuro -> zlecenie -> telefon serwisanta -> zdjecia/czesci/protokol -> rozliczenie */
#lp_kampania .lp-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; counter-reset:lpstep; }
#lp_kampania .lp-step { position:relative; background:var(--login-card-bg,#fff); border:1px solid var(--login-input-border,#d8e0ea); border-radius:14px; padding:16px 14px; text-align:center; }
#lp_kampania .lp-step b { display:block; margin:10px 0 5px; font-size:14px; color:var(--login-title,#1e293b); }
#lp_kampania .lp-step p { margin:0; font-size:12.5px; line-height:1.5; color:var(--login-muted,#64748b); }
#lp_kampania .lp-step:not(:last-child):after { content:"\2192"; position:absolute; right:-14px; top:50%; transform:translateY(-50%); width:14px; text-align:center; color:var(--login-muted,#64748b); font-size:15px; }

#lp_kampania .lp-honest { text-align:center; max-width:720px; margin:18px auto 0; font-size:13.5px; color:var(--login-muted,#64748b); }

/* Galeria autentycznych zrzutow ekranu (sekcja lp-screens) */
#lp_kampania .lp-shots { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
#lp_kampania .lp-shot { margin:0; background:var(--login-card-bg,#fff); border:1px solid var(--login-input-border,#d8e0ea); border-radius:14px; padding:10px 10px 12px; }
#lp_kampania .lp-shot img { display:block; width:100%; height:auto; border-radius:8px; border:1px solid var(--login-input-border,#d8e0ea); }
#lp_kampania .lp-shot a.img { display:block; cursor:zoom-in; }
#lp_kampania .lp-shot figcaption { margin-top:9px; font-size:13px; line-height:1.45; color:var(--login-muted,#64748b); }
#lp_kampania .lp-shot figcaption b { color:var(--login-title,#1e293b); }
@media (max-width:700px){ #lp_kampania .lp-shots { grid-template-columns:1fr; } }

/* Formularz leadowy */
#lp_kampania .lp-formbox { margin-top:40px; background:var(--login-card-bg,#fff); border:1px solid var(--login-input-border,#d8e0ea); border-radius:16px; padding:26px 24px 24px; max-width:760px; margin-left:auto; margin-right:auto; }
#lp_kampania .lp-formbox h2 { margin-top:0; }
#lp_kampania .lp-form-lead { text-align:center; margin:0 0 18px; color:var(--login-muted,#64748b); font-size:14.5px; }
#lp_kampania .lp-frow { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:12px; }
#lp_kampania label { display:block; font-size:13px; font-weight:600; color:var(--login-title,#1e293b); }
#lp_kampania .lp-full { margin-bottom:12px; }
#lp_kampania .lp-req { color:#dc2626; }
#lp_kampania input[type=text], #lp_kampania input[type=tel], #lp_kampania input[type=email],
#lp_kampania select, #lp_kampania textarea { display:block; width:100%; box-sizing:border-box; margin-top:5px; padding:10px 12px; font-size:14px; font-weight:400; color:var(--login-fg,#334155); background:var(--login-input-bg,#fff); border:1px solid var(--login-input-border,#d8e0ea); border-radius:9px; }
#lp_kampania input:focus, #lp_kampania select:focus, #lp_kampania textarea:focus { outline:none; border-color:var(--login-accent,#2A9FFF); box-shadow:0 0 0 3px var(--login-accent-ring,rgba(42,159,255,.22)); }
#lp_kampania .lp-consent { display:flex; gap:9px; align-items:flex-start; font-weight:400; font-size:13px; color:var(--login-muted,#64748b); margin:6px 0 0; }
#lp_kampania .lp-consent input { width:auto; margin:2px 0 0; }
#lp_kampania .lp-hp { position:absolute; left:-9999px; top:-9999px; height:1px; width:1px; opacity:0; }
#lp_kampania .lp-form-err { margin-top:12px; padding:10px 14px; border-radius:9px; background:rgba(220,38,38,.1); border:1px solid rgba(220,38,38,.35); color:#dc2626; font-size:13.5px; }
#lp_kampania .lp-formbox .lp-actions { margin-top:18px; }
#lp_kampania .lp-thanks { text-align:center; padding:14px 6px 4px; }
#lp_kampania .lp-thanks h3 { margin:0 0 8px; font-size:18px; color:var(--login-title,#1e293b); }
#lp_kampania .lp-thanks p { margin:0; color:var(--login-muted,#64748b); font-size:14.5px; }
#lp_kampania .lp-thanks a { color:var(--login-accent,#2A9FFF); }

#lp_kampania .lp-foot { text-align:center; margin-top:32px; font-size:13px; color:var(--login-muted,#64748b); }

/* Galeria: podtytul wersji kolorystycznej (ciemny motyw) */
#lp_kampania .lp-shots-h { text-align:center; margin:34px 0 4px; font-size:17px; color:var(--login-title,#1e293b); }
#lp_kampania .lp-shots-sub { text-align:center; max-width:660px; margin:0 auto 16px; font-size:13.5px; color:var(--login-muted,#64748b); }
#lp_kampania .lp-shots-dark { grid-template-columns:repeat(4,1fr); }
#lp_kampania .lp-shots-dark .lp-shot figcaption { text-align:center; font-size:12.5px; }
@media (max-width:860px){ #lp_kampania .lp-shots-dark { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ #lp_kampania .lp-shots-dark { grid-template-columns:1fr; } }

/* Sekcja aplikacji mobilnej + moduly */
#lp_kampania .lp-app, #lp_kampania .lp-modules { margin-top:40px; }
#lp_kampania .lp-app-lead { text-align:center; max-width:760px; margin:0 auto 20px; font-size:15px; line-height:1.55; color:var(--login-muted,#64748b); }
#lp_kampania .lp-stores { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin:24px 0 6px; }
#lp_kampania .lp-store { display:inline-flex; align-items:center; gap:11px; padding:11px 20px; border-radius:12px; background:var(--login-title,#1e293b); color:#fff; text-decoration:none; min-width:190px; }
#lp_kampania .lp-store .appico { width:26px; height:26px; flex:0 0 auto; }
#lp_kampania .lp-store-ico { width:24px; height:26px; flex:0 0 auto; display:block; }
#lp_kampania .lp-store span { display:flex; flex-direction:column; line-height:1.2; text-align:left; }
#lp_kampania .lp-store small { font-size:11px; opacity:.8; }
#lp_kampania .lp-store b { font-size:16px; }
#lp_kampania .lp-store:hover { filter:brightness(1.12); text-decoration:none; }
#lp_kampania .lp-store-soon { background:var(--login-card-bg,#fff); color:var(--login-muted,#64748b); border:1px dashed var(--login-input-border,#d8e0ea); cursor:default; }
#lp_kampania .lp-store-soon:hover { filter:none; }

/* Zrzuty z telefonu (autentyczne ekrany apki natywnej) */
#lp_kampania .lp-appshots { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:22px; max-width:840px; margin-left:auto; margin-right:auto; }
#lp_kampania .lp-appshot { margin:0; }
#lp_kampania .lp-appshot img { display:block; width:100%; height:auto; border-radius:16px; border:1px solid var(--login-input-border,#d8e0ea); box-shadow:0 6px 18px rgba(0,0,0,.10); }
#lp_kampania .lp-appshot a.img { display:block; cursor:zoom-in; }
#lp_kampania .lp-appshot figcaption { margin-top:9px; font-size:12px; line-height:1.4; text-align:center; color:var(--login-muted,#64748b); }
@media (max-width:720px){ #lp_kampania .lp-appshots { grid-template-columns:repeat(2,1fr); max-width:420px; } }

/* Ukryta strona ofertowa (tpl/lp_oferta.tpl) - kalkulator ceny + dane demo */
#lp_kampania .lp-calcbox, #lp_kampania .lp-demobox { margin-top:28px; }
#lp_kampania .lp-calc-inputs { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0 0 16px; }
#lp_kampania .lp-calc-inputs input { font-size:17px; font-weight:700; text-align:center; }
@media (max-width:700px){ #lp_kampania .lp-calc-inputs { grid-template-columns:1fr; } }
#lp_kampania .lp-calc-h { margin:22px 0 6px; font-size:15px; color:var(--login-title,#1e293b); }
#lp_kampania .lp-calc-addons { margin:0 0 18px; font-size:13.5px; color:var(--login-muted,#64748b); }
#lp_kampania .lp-calc-addons b { display:block; margin-bottom:8px; color:var(--login-title,#1e293b); font-size:13px; }
#lp_kampania .lp-calc-addons label { display:flex; gap:9px; align-items:flex-start; font-weight:400; margin:7px 0; cursor:pointer; }
#lp_kampania .lp-calc-addons input { width:auto; margin:3px 0 0; }
#lp_kampania .lp-calc-addons i { font-style:normal; font-weight:700; color:var(--login-title,#1e293b); }
#lp_kampania .lp-calc-tab { width:100%; border-collapse:collapse; font-size:14px; }
#lp_kampania .lp-calc-tab td { padding:9px 4px; border-top:1px solid var(--login-input-border,#d8e0ea); color:var(--login-fg,#334155); }
#lp_kampania .lp-calc-tab .lp-calc-val { text-align:right; white-space:nowrap; font-weight:700; color:var(--login-title,#1e293b); }
#lp_kampania .lp-calc-od { font-size:11.5px; font-weight:700; text-transform:uppercase; color:var(--login-muted,#64748b); margin-left:4px; }
#lp_kampania .lp-calc-tab .lp-calc-sum td { border-top:2px solid var(--login-accent,#2A9FFF); font-size:16px; }
#lp_kampania .lp-calc-tab .lp-calc-sum .lp-calc-val { color:var(--login-accent,#2A9FFF); font-size:18px; }
#lp_kampania .lp-calc-tab .lp-calc-gross td { border-top:0; padding-top:2px; font-size:12.5px; color:var(--login-muted,#64748b); }
#lp_kampania .lp-calc-tab .lp-calc-gross .lp-calc-val { font-weight:600; font-size:12.5px; color:var(--login-muted,#64748b); }
#lp_kampania .lp-calc-note { margin:14px 0 0; font-size:12px; line-height:1.5; color:var(--login-muted,#64748b); }
/* Wariant promocyjny strony ofertowej (?oferta=<LP_OFFER_PROMO_KEY>): baner nad kalkulatorem,
   cena regularna przekreslona obok ceny po rabacie, wiersz rabatu, nota o limicie serwisantow. */
#lp_kampania .lp-promo { display:flex; align-items:center; gap:14px; margin:0 0 18px; padding:12px 16px; border-radius:10px; border:1px solid var(--ui-ok); background:var(--ui-ok-soft); color:var(--login-title,#1e293b); font-size:14px; line-height:1.45; }
#lp_kampania .lp-promo-badge { flex:0 0 auto; padding:6px 12px; border-radius:8px; background:var(--ui-ok); color:#fff; font-weight:800; font-size:18px; white-space:nowrap; }
#lp_kampania .lp-promo-off { border-color:rgba(127,127,127,.35); background:rgba(127,127,127,.08); color:var(--login-muted,#64748b); }
#lp_kampania .lp-promo-off .lp-promo-badge { background:rgba(127,127,127,.25); color:inherit; text-decoration:line-through; }
#lp_kampania .lp-price-old { display:inline-block; margin-right:7px; font-size:12px; font-weight:400; text-decoration:line-through; color:var(--login-muted,#64748b); }
#lp_kampania .lp-calc-tab .lp-calc-promo td, #lp_kampania .lp-calc-tab .lp-calc-promo .lp-calc-val { color:var(--ui-ok-ink); }
#lp_kampania .lp-promo-note { margin:10px 0 0; padding:9px 12px; border-radius:8px; font-size:13px; background:var(--ui-warn-soft); color:var(--ui-warn-ink); }
#lp_kampania .lp-calc-sub { margin:-2px 0 8px; font-size:12.5px; color:var(--login-muted,#64748b); }
@media (max-width:560px){ #lp_kampania .lp-promo { flex-direction:column; align-items:flex-start; gap:8px; } }
#lp_kampania .lp-demo-cred { max-width:420px; margin:0 auto 6px; font-size:14.5px; }
#lp_kampania .lp-demo-cred div { display:flex; gap:10px; padding:7px 2px; border-bottom:1px dashed var(--login-input-border,#d8e0ea); }
#lp_kampania .lp-demo-cred span { min-width:64px; color:var(--login-muted,#64748b); }
#lp_kampania .lp-demo-cred code { background:var(--login-accent-ring,rgba(42,159,255,.22)); color:var(--login-title,#1e293b); font-weight:700; padding:2px 10px; border-radius:6px; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:13.5px; }

@media (max-width:960px){ #lp_kampania .lp-steps { grid-template-columns:repeat(2,1fr); } #lp_kampania .lp-step:not(:last-child):after { content:""; } }
@media (max-width:860px){ #lp_kampania .lp-grid-4, #lp_kampania .lp-grid-3 { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){
	#lp_kampania .lp-grid-4, #lp_kampania .lp-grid-3, #lp_kampania .lp-steps, #lp_kampania .lp-frow { grid-template-columns:1fr; }
	#lp_kampania .lp-brand { font-size:23px; }
	#lp_kampania .lp-hero { padding:34px 14px 4px; }
	#lp_kampania .lp-hero h1 { font-size:22px; }
	#lp_kampania .lp-formbox { padding:20px 16px 18px; }
}

/* ============================================================
   Landing page (tpl/lp_kotly.tpl) — strona glowna "/" + warianty ?lp=
   Osobny zakres #lp_page (stare #lp_kampania zostalo dla tpl/lp_oferta.tpl).
   Kolory ze zmiennych skorki (--login-*); skorka dark nadpisuje --lp-*
   w theme/skins/dark.css. Animacje wylaczane przy prefers-reduced-motion.
   ============================================================ */
#lp_page{
	--lp-green:#66d37d; --lp-green-soft:rgba(102,211,125,.14); --lp-green-deep:#0a3d20;
	--lp-nav-bg:rgba(247,250,252,.85);
	--lp-shadow:0 10px 30px rgba(15,23,42,.08); --lp-shadow-lg:0 24px 60px rgba(15,23,42,.14);
	min-height:100vh; background:var(--login-head-bg,#f7fafc); color:var(--login-fg,#334155);
	line-height:1.55;
	/* clip (nie hidden!) - przycina poziomo BEZ tworzenia kontenera przewijania,
	   dzieki czemu position:sticky decka i scrollytellingu dziala. */
	overflow-x:clip;
}
@media (prefers-reduced-motion:no-preference){ html:has(#lp_page){scroll-behavior:smooth} }
#lp_page .lp-wrap{max-width:1140px;margin:0 auto;padding:0 22px}
#lp_page section{padding:64px 0 8px}
#lp_page a{color:var(--login-accent,#2A9FFF);text-decoration:none}
#lp_page h1,#lp_page h2,#lp_page h3{color:var(--login-title,#1e293b);line-height:1.22;margin:0}
#lp_page .lp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--login-accent,#2A9FFF);margin-bottom:10px}
#lp_page .lp-kicker:before{content:"";width:22px;height:2px;background:var(--login-accent,#2A9FFF);border-radius:2px}
#lp_page .lp-h2{font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-.01em}
#lp_page .lp-sub{max-width:760px;margin:12px 0 0;font-size:16px;color:var(--login-muted,#64748b)}
#lp_page .lp-center{text-align:center}
#lp_page .lp-center .lp-sub{margin-left:auto;margin-right:auto}
#lp_page .lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:12px 24px;font-size:15px;font-weight:700;cursor:pointer;border:0;transition:transform .15s,box-shadow .2s,filter .2s;font-family:inherit}
#lp_page .lp-btn:active{transform:translateY(1px)}
#lp_page .lp-btn-primary{background:var(--login-accent,#2A9FFF);color:#fff;box-shadow:0 6px 18px var(--login-accent-shadow,rgba(42,159,255,.35))}
#lp_page .lp-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);text-decoration:none}
#lp_page .lp-btn-primary:disabled{opacity:.6;cursor:default;transform:none}
#lp_page .lp-btn-ghost{background:var(--login-card-bg,#fff);color:var(--login-accent,#2A9FFF);border:1px solid var(--login-input-border,#d8e0ea)}
#lp_page .lp-btn-ghost:hover{border-color:var(--login-accent,#2A9FFF);text-decoration:none}
#lp_page .lp-btn-sm{padding:9px 18px;font-size:14px}

/* nawigacja */
#lp_page .lp-nav{position:sticky;top:0;z-index:50;background:var(--lp-nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
#lp_page .lp-nav.lp-scrolled{border-color:var(--login-divider,rgba(0,0,0,.06));box-shadow:0 6px 24px rgba(15,23,42,.06)}
#lp_page .lp-nav-in{display:flex;align-items:center;gap:24px;height:64px}
#lp_page .lp-nav-brand{display:flex;align-items:center;gap:11px;color:var(--login-title,#1e293b);font-weight:800;font-size:17px}
#lp_page .lp-nav-brand img{width:36px;height:36px;border-radius:9px;box-shadow:0 4px 12px rgba(0,0,0,.14)}
#lp_page .lp-nav-links{display:flex;gap:2px;margin-left:6px;flex:1}
#lp_page .lp-nav-links a{padding:8px 11px;border-radius:9px;font-size:14px;font-weight:600;color:var(--login-fg,#334155)}
#lp_page .lp-nav-links a:hover{background:var(--login-accent-ring,rgba(42,159,255,.22));color:var(--login-accent,#2A9FFF);text-decoration:none}
#lp_page .lp-nav-cta{display:flex;align-items:center;gap:14px;margin-left:auto}
#lp_page .lp-nav-login{font-size:14px;font-weight:600;color:var(--login-muted,#64748b)}
#lp_page .lp-nav-login:hover{color:var(--login-accent,#2A9FFF)}
@media (max-width:960px){ #lp_page .lp-nav-links{display:none} }

/* hero */
#lp_page .lp-hero{padding:56px 0 26px}
#lp_page .lp-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
#lp_page .lp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--lp-green-soft);color:var(--lp-green-deep);border:1px solid rgba(102,211,125,.4);font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:18px}
#lp_page .lp-dot{width:8px;height:8px;border-radius:50%;background:var(--lp-green);box-shadow:0 0 0 4px var(--lp-green-soft)}
#lp_page .lp-hero h1{font-size:clamp(30px,4.2vw,44px);font-weight:850;letter-spacing:-.02em}
#lp_page .lp-hero h1 em{font-style:normal;color:var(--login-accent,#2A9FFF)}
#lp_page .lp-hero-lead{margin:18px 0 0;font-size:17px;color:var(--login-muted,#64748b);max-width:560px}
#lp_page .lp-usps{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}
#lp_page .lp-usps li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--login-fg,#334155)}
#lp_page .lp-usps svg{flex:0 0 auto;width:19px;height:19px;color:var(--lp-green);margin-top:2px}
#lp_page .lp-usps b{color:var(--login-title,#1e293b)}
#lp_page .lp-hero-cta{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
#lp_page .lp-hero-note{margin-top:14px;font-size:13px;color:var(--login-muted,#64748b);max-width:560px}
#lp_page .lp-hero-shot{position:relative}
/* dluzszy adres w pasku ramki (np. „umowy — do zaplanowania”) nie moze poszerzac kolumny hero na telefonie */
#lp_page .lp-hero-shot,#lp_page .lp-browser{min-width:0}
#lp_page .lp-browser{background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:16px;box-shadow:var(--lp-shadow-lg);overflow:hidden;transform:perspective(1400px) rotateY(-4deg) rotateX(1.5deg);transition:transform .5s}
#lp_page .lp-hero-shot:hover .lp-browser{transform:perspective(1400px) rotateY(-1deg) rotateX(0deg)}
#lp_page .lp-browser-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--login-divider,rgba(0,0,0,.06));background:var(--login-head-bg,#f7fafc)}
#lp_page .lp-browser-bar i{width:10px;height:10px;border-radius:50%}
#lp_page .lp-browser-bar i:nth-child(1){background:#fca5a5}
#lp_page .lp-browser-bar i:nth-child(2){background:#fcd34d}
#lp_page .lp-browser-bar i:nth-child(3){background:#86efac}
#lp_page .lp-browser-bar span{margin-left:8px;font-size:11.5px;color:var(--login-muted,#64748b);background:var(--login-card-bg,#fff);border:1px solid var(--login-divider,rgba(0,0,0,.06));border-radius:6px;padding:2px 10px}
#lp_page .lp-chip{position:absolute;display:flex;align-items:center;gap:10px;background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:13px;box-shadow:var(--lp-shadow);padding:10px 15px;font-size:12.5px;font-weight:600;color:var(--login-title,#1e293b);animation:lp-floaty 5.5s ease-in-out infinite}
#lp_page .lp-chip small{display:block;font-weight:400;color:var(--login-muted,#64748b);font-size:11px}
#lp_page .lp-ci{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
#lp_page .lp-ci-green{background:#2fa457}
#lp_page .lp-ci-acc{background:var(--login-accent,#2A9FFF)}
#lp_page .lp-ci-blue{background:#2563EB}
/* czipy na krawedziach ramki (pasek adresu i dolna krawedz) - nie zaslaniaja animacji */
#lp_page .lp-chip1{right:4%;bottom:-24px}
#lp_page .lp-chip2{right:-16px;top:-26px;animation-delay:1.6s}
#lp_page .lp-chip3{left:4%;bottom:-24px;animation-delay:3s}
@keyframes lp-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (max-width:960px){
	#lp_page .lp-hero-grid{grid-template-columns:1fr;gap:36px}
	#lp_page .lp-browser{transform:none}
}
/* ---------- hero: animacja „od zgloszenia do rozliczenia” (.lp-hm-*, tpl/lp_kotly.tpl) ----------
   Wersja „Biuro i teren”: panel biura + telefon serwisanta, 5 scen, petla ok. 30 s (przy tempie 1 i bez pauzy 14 s). Markup w
   szablonie w miejscu dawnego <video>, JS na dole szablonu przelacza tylko sceny (data-s) i pauzuje.
   Jednostka rysunku: 1em = 10 px projektu (plotno 520x325 skaluje sie z ramka przez jednostki
   container query). Kolory WYLACZNIE ze zmiennych --lp-hm-* liczonych ze zmiennych skorki (--login-…, --ui-…)
   (jasne/ciemne odcienie: color-mix), stale hex tylko dla kolorow „danych” programu. Ruch: tylko
   transform/opacity (+ stroke-dashoffset rysowania linii). Scena 3: data-v3="b" potwierdzenie
   terminu, "a" - „Jade” (przelacznik: lp_page_vars() w lp_variants.php). Element z klasa lp-hm-nN
   gra w scenie N wg swoich --an (keyframes) / --dl (opoznienie) / --ad (czas).
   TEMPO: --lp-hm-k na .lp-hm mnozy WSZYSTKIE czasy ruchu scen (--ad, --dl, licznik --od, kamera --cd,
   wjazd telefonu klienta); --lp-hm-r to pauza na przeczytanie po ostatniej akcji sceny. JS na dole
   szablonu czyta obie wartosci i liczy dlugosc sceny (pasek postepu --lp-hm-d ustawia stylem inline).
   Bez mnoznika zostaja krotkie przejscia przy zmianie sceny (zakladka, warstwa, ekran telefonu 0,3 s). */
#lp_page .lp-hm{
	/* tempo: 1 = pierwotne (petla 14 s), 1.5 = o polowe wolniej; pauza na przeczytanie 0s = bez pauzy */
	--lp-hm-k:1.3;
	--lp-hm-r:1.8s;
	--lp-hm-card:var(--login-card-bg,#fff);
	--lp-hm-bg:var(--login-head-bg,#f7fafc);
	--lp-hm-fg:var(--login-fg,#334155);
	--lp-hm-ti:var(--login-title,#1e293b);
	--lp-hm-mu:var(--login-muted,#64748b);
	--lp-hm-ln:var(--login-input-border,#d8e0ea);
	--lp-hm-ln2:var(--login-divider,rgba(0,0,0,.06));
	--lp-hm-acc:var(--login-accent,#2A9FFF);
	--lp-hm-ok:var(--ui-ok,#16a34a);
	/* kolory „danych” programu — te same w każdej skórce (jak w kalendarzu i w aplikacji) */
	--lp-hm-pre:#2563eb;   /* stan PRZEKAZANE (--st-pre) */
	--lp-hm-prz:#7c3aed;   /* PRZYJĘTE (--st-prz) */
	--lp-hm-roz:#0e9f6e;   /* ROZLICZONE */
	--lp-hm-mail:#0ea5a4;  /* źródło „Z e-maila” */
	--lp-hm-prio:#f59e0b;  /* priorytet WYSOKI */
	--lp-hm-app:#3f894e;   /* pasek aplikacji serwisanta */
	--lp-hm-t1:#2fa457; --lp-hm-t2:#f08a24; --lp-hm-t3:#3b82f6;   /* serwisanci (t3: trzeci wiersz w widoku Gantt) */
	--lp-hm-k1:#f97316; --lp-hm-k2:#3b82f6; --lp-hm-k3:#eab308; --lp-hm-k4:#8b5cf6; --lp-hm-k5:#14b8a6; --lp-hm-k6:#e5484d;
	--lp-hm-on:#fff;
	--lp-hm-bezel:#11161c;
	--lp-hm-hd0:#1c2127;
	--lp-hm-sh:0 1px 3px rgba(20,30,50,.18),0 1px 1px rgba(20,30,50,.08);
	--lp-hm-sh2:0 10px 28px rgba(15,23,42,.24);
	--lp-hm-nt:rgba(127,127,127,.14);
	--lp-hm-ctl:rgba(15,20,26,.55);
	/* pochodne — dopasowują się do skórki (jasna/ciemna) */
	--lp-hm-acc-s:color-mix(in srgb,var(--lp-hm-acc) 14%,var(--lp-hm-card));
	--lp-hm-acc-i:color-mix(in srgb,var(--lp-hm-acc) 65%,var(--lp-hm-ti));
	--lp-hm-ok-s:color-mix(in srgb,var(--lp-hm-ok) 15%,var(--lp-hm-card));
	--lp-hm-ok-i:color-mix(in srgb,var(--lp-hm-ok) 58%,var(--lp-hm-ti));
	--lp-hm-mail-s:color-mix(in srgb,var(--lp-hm-mail) 16%,var(--lp-hm-card));
	--lp-hm-mail-i:color-mix(in srgb,var(--lp-hm-mail) 60%,var(--lp-hm-ti));
	--lp-hm-app-i:color-mix(in srgb,var(--lp-hm-app) 72%,var(--lp-hm-ti));
	--lp-hm-done:color-mix(in srgb,var(--lp-hm-ok) 12%,var(--lp-hm-card));
	--lp-hm-head:color-mix(in srgb,var(--lp-hm-acc) 16%,var(--lp-hm-hd0));
	--lp-hm-menu:color-mix(in srgb,var(--lp-hm-acc) 30%,var(--lp-hm-bg));
	--lp-hm-mfg:color-mix(in srgb,var(--lp-hm-acc) 35%,var(--lp-hm-ti));
	--lp-hm-col:color-mix(in srgb,var(--lp-hm-mu) 7%,var(--lp-hm-card));
	--lp-hm-map:color-mix(in srgb,var(--lp-hm-ok) 10%,var(--lp-hm-bg));
	--lp-hm-road:color-mix(in srgb,var(--lp-hm-mu) 30%,transparent);
	--lp-hm-water:color-mix(in srgb,var(--lp-hm-acc) 30%,var(--lp-hm-map));
	position:relative;container:lp-hm/inline-size;
}
/* zmienne sterujące ruchem nie dziedziczą — zagnieżdżone elementy nie łapią cudzego ruchu */
@property --an{syntax:'*';inherits:false}
@property --dl{syntax:'*';inherits:false}
@property --ad{syntax:'*';inherits:false}
@property --fx{syntax:'*';inherits:false}
@property --fy{syntax:'*';inherits:false}
@property --fs{syntax:'*';inherits:false}
#lp_page .lp-hm-defs{position:absolute;width:0;height:0;overflow:hidden}
#lp_page .lp-hm-stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--lp-hm-card)}
#lp_page .lp-hm-cv{position:absolute;left:0;top:0;width:52em;height:32.5em;font-size:9.9px;font-size:calc(100cqw / 52);line-height:1.25;color:var(--lp-hm-fg);text-align:left;transform-origin:0 0;font-family:var(--app-font,system-ui,sans-serif)}
#lp_page .lp-hm-cv *{box-sizing:border-box}
#lp_page .lp-hm-cv b,#lp_page .lp-hm-cv strong{font-weight:700}
#lp_page .lp-hm-cv u{text-decoration:none}
#lp_page .lp-hm-cv i,#lp_page .lp-hm-cv em{font-style:normal}
#lp_page .lp-hm-ic{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.2em}
#lp_page .lp-hm-b,#lp_page .lp-hm-sum{position:absolute;inset:0}
#lp_page .lp-hm-sum{display:none}
#lp_page .lp-hm[data-v3="a"] .lp-hm-v3b,#lp_page .lp-hm[data-v3="b"] .lp-hm-v3a{display:none}
/* ---------- silnik ruchu: element z klasą lp-hm-nN gra w scenie N wg swoich --an/--dl/--ad (x tempo --lp-hm-k) ---------- */
#lp_page .lp-hm[data-s="1"] .lp-hm-n1,#lp_page .lp-hm[data-s="2"] .lp-hm-n2,#lp_page .lp-hm[data-s="3"] .lp-hm-n3,#lp_page .lp-hm[data-s="4"] .lp-hm-n4,#lp_page .lp-hm[data-s="5"] .lp-hm-n5{animation:var(--an) calc(var(--ad,.4s) * var(--lp-hm-k,1)) var(--ae,cubic-bezier(.2,.7,.2,1)) calc(var(--dl,0s) * var(--lp-hm-k,1)) both}
/* licznik (stara wartość odjeżdża w górę, nowa wjeżdża) — klasa lp-hm-qN, opóźnienie --od */
#lp_page .lp-hm-odo{display:inline-grid;overflow:hidden;vertical-align:bottom}
#lp_page .lp-hm-odo>b{grid-area:1/1;font-weight:inherit}
#lp_page .lp-hm-odo>b:first-child{opacity:0}
#lp_page .lp-hm[data-s="1"] .lp-hm-q1>b,#lp_page .lp-hm[data-s="2"] .lp-hm-q2>b,#lp_page .lp-hm[data-s="4"] .lp-hm-q4>b,#lp_page .lp-hm[data-s="5"] .lp-hm-q5>b{animation:lp-hm-o2 calc(.4s * var(--lp-hm-k,1)) calc(var(--od,0s) * var(--lp-hm-k,1)) both}
#lp_page .lp-hm[data-s="1"] .lp-hm-q1>b:first-child,#lp_page .lp-hm[data-s="2"] .lp-hm-q2>b:first-child,#lp_page .lp-hm[data-s="4"] .lp-hm-q4>b:first-child,#lp_page .lp-hm[data-s="5"] .lp-hm-q5>b:first-child{animation-name:lp-hm-o1}
@keyframes lp-hm-o1{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-.9em)}}
@keyframes lp-hm-o2{from{opacity:0;transform:translateY(.9em)}}
@keyframes lp-hm-in{from{opacity:0;transform:translate(var(--fx,0),var(--fy,0)) scale(var(--fs,1))}}
@keyframes lp-hm-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-.4em)}}
@keyframes lp-hm-mv{from{transform:translate(var(--fx,0),var(--fy,0))}}
@keyframes lp-hm-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:none}}
@keyframes lp-hm-tap{0%{opacity:0;transform:scale(.3)}20%{opacity:.5}to{opacity:0;transform:scale(1.8)}}
@keyframes lp-hm-press{40%{transform:scale(.86)}}
@keyframes lp-hm-go{0%,60%{opacity:1}30%{transform:scale(.86)}60%{transform:none}to{opacity:0;transform:translateY(-.4em)}}
@keyframes lp-hm-draw{from{stroke-dashoffset:100}}
@keyframes lp-hm-grow{from{transform:scaleX(0)}}
@keyframes lp-hm-re{0%{transform:translateY(var(--fy,0))}20%{transform:translateY(var(--fy,0)) scale(1.04)}80%{transform:scale(1.04)}to{transform:none}}
@keyframes lp-hm-fly{0%{opacity:0;transform:translate(var(--fx,0),var(--fy,0)) scale(.6)}12%{opacity:1;transform:translate(var(--fx,0),var(--fy,0)) scale(1)}50%{transform:translate(var(--mx,0),var(--my,0)) scale(1.06)}86%{opacity:1;transform:none}to{opacity:0;transform:scale(.7)}}
@keyframes lp-hm-flash{0%,to{opacity:0}25%{opacity:.85}}
@keyframes lp-hm-mail{0%{opacity:0;transform:translateY(-1.2em)}22%,68%{opacity:1;transform:none}to{opacity:0;transform:translate(-3.6em,1.6em) scale(.7)}}
@keyframes lp-hm-pan{from{transform:scale(var(--z,1)) translateX(calc(-1 * var(--c0,var(--c1,0em))))}}
#lp_page .lp-hm-tap{position:absolute;width:2.6em;height:2.6em;margin:-1.3em 0 0 -1.3em;border-radius:50%;background:var(--lp-hm-acc);border:.2em solid var(--lp-hm-on);opacity:0;z-index:6;--an:lp-hm-tap;--ad:.55s}
/* ---------- rama programu: pasek górny + menu modułów ---------- */
#lp_page .lp-hm-hd{position:absolute;left:0;top:0;width:100%;height:2em;display:flex;align-items:center;gap:.45em;padding:0 .8em;background:var(--lp-hm-head);color:var(--lp-hm-on)}
#lp_page .lp-hm-hd img{width:1.4em;height:1.4em;border-radius:.3em;display:block}
#lp_page .lp-hm-hd>b{font-size:1.1em;font-weight:400}
#lp_page .lp-hm-hd strong{font-weight:800}
#lp_page .lp-hm-mn{position:absolute;left:0;top:2em;width:100%;height:2.2em;display:flex;align-items:flex-end;gap:.35em;padding:0 .8em;background:var(--lp-hm-menu);overflow:hidden}
#lp_page .lp-hm-tab{display:flex;align-items:center;gap:.3em;height:1.8em;padding:0 .6em;border-radius:.5em .5em 0 0;font-size:.95em;font-weight:700;white-space:nowrap;color:var(--lp-hm-mfg);background:color-mix(in srgb,var(--lp-hm-card) 45%,transparent);transition:background .3s,color .3s}
#lp_page .lp-hm-tab .lp-hm-ic{width:1.05em;height:1.05em}
#lp_page .lp-hm-badge{margin-left:.2em;padding:0 .4em;border-radius:1em;background:var(--lp-hm-acc);color:var(--lp-hm-on);font-size:.85em;line-height:1.35}
#lp_page .lp-hm[data-s="1"] .lp-hm-t1,#lp_page .lp-hm[data-s="2"] .lp-hm-t2,#lp_page .lp-hm[data-s="3"] .lp-hm-t2,#lp_page .lp-hm-vb[data-s="4"] .lp-hm-t2,#lp_page .lp-hm[data-s="5"] .lp-hm-t5{background:var(--lp-hm-card);color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-L{position:absolute;left:0;right:0;top:4.2em;bottom:0;opacity:0;transition:opacity .35s}
/* ---------- Zgłoszenia i sprawy: tablica + e-mail ---------- */
#lp_page .lp-hm-col{position:absolute;top:.8em;height:26em;padding:.7em .8em;border-radius:.8em;background:var(--lp-hm-col);border:1px solid var(--lp-hm-ln2)}
#lp_page .lp-hm-col>p{display:flex;align-items:center;gap:.45em;margin-bottom:.6em;font-size:1.2em;font-weight:700;color:var(--lp-hm-ti)}
#lp_page .lp-hm-col>p>i:first-child{width:.55em;height:.55em;border-radius:50%;background:var(--lp-hm-mu)}
#lp_page .lp-hm-col>p>em,#lp_page .lp-hm-col>p>.lp-hm-odo{margin-left:auto;font-weight:600;color:var(--lp-hm-mu)}
#lp_page .lp-hm-rs{padding:.6em .7em;margin-bottom:.6em;border-radius:.7em;background:var(--lp-hm-card);border:1px solid var(--lp-hm-ln)}
#lp_page .lp-hm-rs u{display:block;font-size:.8em;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-rs b{display:block;font-size:1.1em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-rs span{display:block;font-size:.95em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-rs0{position:absolute;--an:lp-hm-mv;--dl:1.05s;--ad:.45s}
#lp_page .lp-hm-rq{position:absolute;padding:.7em .9em .8em;border-radius:.8em;background:var(--lp-hm-card);border:1px solid var(--lp-hm-ln);border-left:.35em solid var(--lp-hm-mail);box-shadow:var(--lp-hm-sh2);z-index:2;--an:lp-hm-in;--fs:.9;--dl:1.05s;--ad:.45s}
#lp_page .lp-hm-rqb{display:flex;gap:.4em;margin-bottom:.45em}
#lp_page .lp-hm-bdg{display:inline-flex;align-items:center;gap:.3em;padding:.15em .6em;border-radius:1em;font-size:.95em;font-weight:700;white-space:nowrap}
#lp_page .lp-hm-bdg .lp-hm-ic{width:1em;height:1em}
#lp_page .lp-hm-bm{background:var(--lp-hm-mail-s);color:var(--lp-hm-mail-i)}
#lp_page .lp-hm-bu{background:var(--lp-hm-ok-s);color:var(--lp-hm-ok-i);--an:lp-hm-pop;--dl:1.6s;--ad:.45s}
#lp_page .lp-hm-rqn{display:block;font-size:1.5em;line-height:1.2;color:var(--lp-hm-ti)}
#lp_page .lp-hm-rqa{display:flex;align-items:center;gap:.3em;margin:.1em 0 .45em;font-size:1.1em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-rqf{padding-top:.4em;border-top:1px solid var(--lp-hm-ln2);font-size:1.3em;font-weight:600;color:var(--lp-hm-ti)}
#lp_page .lp-hm-rqf u{display:block;font-size:.62em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-hm-mu)}
#lp_page .lp-hm-btn{display:inline-block;margin-top:.6em;padding:.35em 1em;border-radius:.6em;background:var(--lp-hm-acc);color:var(--lp-hm-on);font-size:1.05em;font-weight:700;--an:lp-hm-press;--dl:2s;--ad:.35s}
#lp_page .lp-hm-mail{position:absolute;padding:.9em 1.1em;border-radius:.9em;background:var(--lp-hm-card);border:1px solid var(--lp-hm-ln);box-shadow:var(--lp-hm-sh2);opacity:0;z-index:3;--an:lp-hm-mail;--ad:1.4s;--dl:.1s;--ae:ease-in-out}
#lp_page .lp-hm-mail>p{display:flex;align-items:center;gap:.4em;margin-bottom:.35em;font-size:.95em;font-weight:700;color:var(--lp-hm-mu)}
#lp_page .lp-hm-mail>p .lp-hm-ic{color:var(--lp-hm-mail)}
#lp_page .lp-hm-mail>span{display:block;font-size:1.1em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-mail>b{display:block;margin:.1em 0 .25em;font-size:1.55em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-mail>span:last-child{font-size:1.15em;color:var(--lp-hm-fg)}
/* ---------- Kalendarz: widok Dzień ---------- */
#lp_page .lp-hm-cal{position:absolute;overflow:hidden;height:27em;border:1px solid var(--lp-hm-ln);border-radius:.6em;background:var(--lp-hm-card)}
#lp_page .lp-hm-chd{position:absolute;top:0;height:3.2em;padding:.3em .3em 0;text-align:center;border-bottom:1px solid var(--lp-hm-ln2);white-space:nowrap}
#lp_page .lp-hm-chd>b{display:block;font-size:1.15em;color:var(--lp-hm-t1)}
#lp_page .lp-hm-chd2>b{color:var(--lp-hm-t2)}
#lp_page .lp-hm-chd>span{display:inline-flex;align-items:center;gap:.25em;font-size:.9em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-chd .lp-hm-ic{width:1em;height:1em}
#lp_page .lp-hm-rt{display:inline-flex;align-items:center;gap:.2em;margin-left:.2em;padding:0 .5em;border-radius:1em;border:1px solid var(--lp-hm-acc);background:var(--lp-hm-acc-s);color:var(--lp-hm-acc-i);font-weight:700;--an:lp-hm-press;--dl:1.25s;--ad:.35s}
#lp_page .lp-hm-km{--od:1.9s}
#lp_page .lp-hm-hr{position:absolute;left:0;right:0;height:4.8em;padding:.15em 0 0 .45em;border-top:1px solid var(--lp-hm-ln2);color:var(--lp-hm-mu)}
#lp_page .lp-hm-h1{top:3.4em}#lp_page .lp-hm-h2{top:8.2em}#lp_page .lp-hm-h3{top:13em}#lp_page .lp-hm-h4{top:17.8em}
#lp_page .lp-hm-tl{position:absolute;height:4.4em;padding:.35em .5em 0 1em;border-radius:.6em;background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh);color:var(--lp-hm-ti);overflow:hidden;isolation:isolate;--tc:var(--lp-hm-t1)}
#lp_page .lp-hm-tl:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.4em;background:var(--tc)}
#lp_page .lp-hm-tl>p{display:flex;align-items:center;gap:.25em;height:1.15em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-tl>p .lp-hm-ic{width:1.05em;height:1.05em}
#lp_page .lp-hm-tl>b{display:block;font-size:1.25em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lp_page .lp-hm-tl>span{display:block;font-size:1.05em;opacity:.78;white-space:nowrap}
#lp_page .lp-hm-dt{display:inline-block;width:.7em;height:.7em;border-radius:50%}
#lp_page .lp-hm-k1{background:var(--lp-hm-k1)}#lp_page .lp-hm-k2{background:var(--lp-hm-k2)}#lp_page .lp-hm-k3{background:var(--lp-hm-k3)}#lp_page .lp-hm-k4{background:var(--lp-hm-k4)}#lp_page .lp-hm-k5{background:var(--lp-hm-k5)}#lp_page .lp-hm-k6{background:var(--lp-hm-k6)}
#lp_page .lp-hm-t2c{--tc:var(--lp-hm-t2)}
#lp_page .lp-hm-done{background:var(--lp-hm-done)}
#lp_page .lp-hm-done>p{color:var(--lp-hm-ok)}
#lp_page .lp-hm-prio{position:absolute;right:0;top:0;padding:.15em .5em;border-radius:0 .6em 0 .5em;background:var(--lp-hm-prio);color:var(--lp-hm-on);font-size:.75em;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
#lp_page .lp-hm-tD,#lp_page .lp-hm-tM1{top:3.8em}#lp_page .lp-hm-tS,#lp_page .lp-hm-tM2{top:8.6em}#lp_page .lp-hm-tW,#lp_page .lp-hm-tM3{top:13.4em}#lp_page .lp-hm-tJ{top:18.2em}
#lp_page .lp-hm-tD,#lp_page .lp-hm-tS,#lp_page .lp-hm-tW{--an:lp-hm-re;--fy:4.8em;--dl:1.45s;--ad:.65s;--ae:cubic-bezier(.45,0,.25,1)}
#lp_page .lp-hm-tW{--fy:-9.6em;z-index:2}
#lp_page .lp-hm-tJ{z-index:3;overflow:visible;--an:lp-hm-in;--fy:-2.6em;--fs:1.06;--dl:.15s;--ad:.45s}
#lp_page .lp-hm-mvv{position:absolute;inset:0;padding:.5em .5em 0 .9em;border:.2em solid var(--lp-hm-on);border-radius:.6em;background:var(--lp-hm-acc);color:var(--lp-hm-on);box-shadow:var(--lp-hm-sh2);opacity:0;z-index:2;--an:lp-hm-out;--dl:.95s;--ad:.35s}
#lp_page .lp-hm-mvv b{display:block;font-size:1.25em}
#lp_page .lp-hm-mvv span{display:block;font-size:1.05em;white-space:nowrap}
#lp_page .lp-hm-onw{position:absolute;right:.3em;top:.25em;display:inline-flex;align-items:center;gap:.2em;padding:.05em .45em;border-radius:1em;border:1px solid var(--lp-hm-acc);background:var(--lp-hm-acc-s);color:var(--lp-hm-acc-i);font-size:.95em;font-weight:600;white-space:nowrap;opacity:0;--an:lp-hm-pop;--dl:2s;--ad:.45s}
#lp_page .lp-hm-onw b{font-weight:800}
#lp_page .lp-hm-onw .lp-hm-ic{width:1em;height:1em}
#lp_page .lp-hm-cc{position:absolute;right:.4em;top:.3em;width:1.8em;height:1.8em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lp-hm-ok);color:var(--lp-hm-on);box-shadow:0 0 0 .3em var(--lp-hm-ok-s);opacity:0;--an:lp-hm-pop;--dl:2.4s;--ad:.5s}
#lp_page .lp-hm-cc .lp-hm-ic{width:1.15em;height:1.15em;stroke-width:3.2}
#lp_page .lp-hm-toast{position:absolute;display:grid;grid-template-columns:auto auto;column-gap:.5em;align-items:center;padding:.55em .8em;border-radius:.9em;border:1px solid var(--lp-hm-ok);background:var(--lp-hm-ok-s);color:var(--lp-hm-ok-i);box-shadow:var(--lp-hm-sh2);white-space:nowrap;z-index:4;--an:lp-hm-pop;--dl:2.15s;--ad:.45s}
#lp_page .lp-hm-toast .lp-hm-ic{grid-row:span 2;width:2em;height:2em}
#lp_page .lp-hm-toast b{font-size:1.8em;line-height:1.05;letter-spacing:-.02em}
#lp_page .lp-hm-toast span{font-size:1.05em;font-weight:600}
/* ---------- okno zlecenia (panel) ---------- */
#lp_page .lp-hm-st{display:inline-block;padding:.25em .6em;border-radius:.5em;color:var(--lp-hm-on);font-size:.95em;font-weight:800;letter-spacing:.03em}
#lp_page .lp-hm-st2{background:var(--lp-hm-roz)}
#lp_page .lp-hm-cb{position:relative;width:1.3em;height:1.3em;border-radius:.3em;border:.12em solid var(--lp-hm-ln);flex:none}
#lp_page .lp-hm-cb>svg{position:absolute;left:-.12em;top:-.12em;width:1.3em;height:1.3em;padding:.12em;border-radius:.3em;background:var(--lp-hm-ok);color:var(--lp-hm-on);stroke-width:3.2}
#lp_page .lp-hm[data-s="4"] .lp-hm-cb.lp-hm-n4>svg{animation:lp-hm-pop calc(.35s * var(--lp-hm-k,1)) calc(var(--od,0s) * var(--lp-hm-k,1)) both}
/* ---------- Pulpit ---------- */
#lp_page .lp-hm-kpi,#lp_page .lp-hm-act{position:absolute;padding:.8em 1em;border:1px solid var(--lp-hm-ln);border-radius:.9em;background:var(--lp-hm-card)}
#lp_page .lp-hm-kpi{width:16em;height:8.2em}
#lp_page .lp-hm-kpi u,#lp_page .lp-hm-act>u{display:block;font-size:.8em;font-weight:800;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:var(--lp-hm-mu)}
#lp_page .lp-hm-kic{position:absolute;right:.9em;top:.8em;width:2.6em;height:2.6em;display:flex;align-items:center;justify-content:center;border-radius:.7em;background:var(--lp-hm-acc-s);color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-kpi>b{display:block;margin-top:.15em;font-size:2.3em;line-height:1.15;letter-spacing:-.02em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-kpi>span{display:block;font-size:.95em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-kp1 .lp-hm-odo{--od:.6s}#lp_page .lp-hm-kp2 .lp-hm-odo{--od:.85s}
#lp_page .lp-hm-cv .lp-hm-plus{color:var(--lp-hm-ok-i);font-weight:700;--an:lp-hm-in;--fy:.6em;--dl:1s;--ad:.4s}
#lp_page .lp-hm-act{overflow:hidden}
#lp_page .lp-hm-ar{display:grid;grid-template-columns:2.2em 1fr;column-gap:.6em;align-items:center;padding:.55em 0;border-bottom:1px solid var(--lp-hm-ln2);--an:lp-hm-mv;--fy:-3.8em;--dl:.25s;--ad:.45s}
#lp_page .lp-hm-ar>i{grid-row:span 2;width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lp-hm-nt)}
#lp_page .lp-hm-ar>b{font-size:1.15em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-ar>span{color:var(--lp-hm-mu)}
#lp_page .lp-hm-ar0{margin:0 -.5em;padding:.55em .5em;border-radius:.6em;background:var(--lp-hm-ok-s);--an:lp-hm-in;--fy:-1.2em;--fs:.96}
#lp_page .lp-hm-ar0>i{background:var(--lp-hm-ok);color:var(--lp-hm-on)}
#lp_page .lp-hm-ar0>i .lp-hm-ic{stroke-width:3}
#lp_page .lp-hm-ar0>span{color:var(--lp-hm-ok-i);font-weight:600}
/* ---------- telefony ---------- */
#lp_page .lp-hm-ph{position:absolute;width:16em;height:30em;padding:.5em;border-radius:2.4em;background:var(--lp-hm-bezel);box-shadow:var(--lp-hm-sh2);z-index:4}
#lp_page .lp-hm-ph>div{position:relative;height:100%;overflow:hidden;border-radius:1.9em;background:var(--lp-hm-bg)}
#lp_page .lp-hm-sbar{display:flex;align-items:center;justify-content:space-between;height:1.6em;padding:0 1.4em;font-size:.85em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-sbar i{width:2.6em;height:.6em;border-radius:.3em;background:currentColor;opacity:.75}
#lp_page .lp-hm-phT .lp-hm-sbar{background:var(--lp-hm-app);color:var(--lp-hm-on)}
#lp_page .lp-hm-ab{display:flex;align-items:center;gap:.6em;height:2.7em;padding:0 1em;background:var(--lp-hm-app);color:var(--lp-hm-on)}
#lp_page .lp-hm-ab>b{font-size:1.3em}
#lp_page .lp-hm-sx{position:absolute;left:0;right:0;top:4.06em;bottom:0;padding:.5em;transition:opacity .3s}
#lp_page .lp-hm-ac{margin-bottom:.45em;padding:.5em .65em;border-radius:1em;background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh)}
#lp_page .lp-hm-ac>u{display:flex;align-items:center;margin-bottom:.15em;font-size:.8em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-hm-app-i)}
#lp_page .lp-hm-ac>u em{margin-left:auto;font-size:1.15em;letter-spacing:0;color:var(--lp-hm-ti)}
#lp_page .lp-hm-ac>u .lp-hm-odo{--od:1.05s}
#lp_page .lp-hm-ac>b{display:block;font-size:1.3em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-ac>span{display:block;font-size:1.1em;color:var(--lp-hm-fg)}
#lp_page .lp-hm-vbar{position:relative;height:4.8em;margin:-.5em -.5em .5em;background:var(--lp-hm-card);border-bottom:1px solid var(--lp-hm-ln2)}
#lp_page .lp-hm-vb0,#lp_page .lp-hm-vb1{position:absolute;left:.9em;top:.65em;right:6.6em}
#lp_page .lp-hm-vbar u{display:block;font-size:.8em;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--lp-hm-mu)}
#lp_page .lp-hm-vbar b{display:block;font-size:1.15em;line-height:1.2;color:var(--lp-hm-ti)}
#lp_page .lp-hm-vb0{opacity:0;--an:lp-hm-out;--dl:1.05s;--ad:.25s}
#lp_page .lp-hm-vb1{right:.9em;--an:lp-hm-in;--fy:.6em;--dl:1.15s;--ad:.35s}
#lp_page .lp-hm-vb1 u{color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-go{position:absolute;right:.7em;top:1.15em;display:inline-flex;align-items:center;gap:.3em;padding:.45em .8em;border-radius:2em;background:var(--lp-hm-app);color:var(--lp-hm-on);font-size:1.1em;font-weight:700;opacity:0;--an:lp-hm-go;--dl:.75s;--ad:.5s}
#lp_page .lp-hm-tpgo{left:11.3em;top:2.4em;--dl:.75s}
#lp_page .lp-hm-ack{display:flex;align-items:center;gap:0 .45em;padding:.22em 0;font-size:1.03em;white-space:nowrap;color:var(--lp-hm-ti)}
#lp_page .lp-hm-ack>em{margin-left:auto;font-size:.95em;font-weight:700;color:var(--lp-hm-acc-i);--an:lp-hm-in;--fx:.6em;--dl:1s;--ad:.3s}
#lp_page .lp-hm-ak3{flex-wrap:wrap}
#lp_page .lp-hm-ak1{--od:.35s}#lp_page .lp-hm-ak2{--od:.65s}#lp_page .lp-hm-ak3{--od:.95s}
#lp_page .lp-hm-aph{position:relative;display:flex;align-items:center;gap:.6em;overflow:hidden}
#lp_page .lp-hm-aph>u{margin:0 auto 0 0}
#lp_page .lp-hm-camb,#lp_page .lp-hm-thumb{width:3em;height:2.3em;display:flex;align-items:center;justify-content:center;border-radius:.6em}
#lp_page .lp-hm-camb{border:1px dashed var(--lp-hm-ln);color:var(--lp-hm-mu)}
#lp_page .lp-hm-thumb{width:3.8em;background:color-mix(in srgb,var(--lp-hm-acc) 18%,var(--lp-hm-card));color:var(--lp-hm-acc-i);--an:lp-hm-pop;--dl:1.35s;--ad:.4s}
#lp_page .lp-hm-thumb .lp-hm-ic{width:2.2em;height:2.2em;stroke-width:1.6}
#lp_page .lp-hm-flash{position:absolute;inset:0;background:var(--lp-hm-on);opacity:0;--an:lp-hm-flash;--dl:1.2s;--ad:.35s}
#lp_page .lp-hm-asg{position:relative}
#lp_page .lp-hm-sig{display:block;width:100%;height:2.9em;margin-top:.25em;border:1px dashed var(--lp-hm-ln);border-radius:.6em;background:var(--lp-hm-card)}
#lp_page .lp-hm-sig path{fill:none;stroke:var(--lp-hm-ti);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;--an:lp-hm-draw;--dl:1.6s;--ad:.7s;--ae:linear}
#lp_page .lp-hm-sigok{position:absolute;right:.8em;top:.5em;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lp-hm-ok);color:var(--lp-hm-on);--an:lp-hm-pop;--dl:2.3s;--ad:.4s}
#lp_page .lp-hm-sigok .lp-hm-ic{width:1em;height:1em;stroke-width:3.2}
/* telefon klienta */
#lp_page .lp-hm-th{display:flex;align-items:center;justify-content:space-between;height:2.6em;padding:0 1em;background:var(--lp-hm-card);border-bottom:1px solid var(--lp-hm-ln2)}
#lp_page .lp-hm-th b{font-size:1.2em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-th span{font-size:.9em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-cs1{top:4.2em}
#lp_page .lp-hm-when{display:block;margin:.1em 0 .45em;text-align:center;font-size:.85em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-bub{margin-right:1.2em;padding:.6em .75em;border-radius:1.1em 1.1em 1.1em .3em;border:1px solid var(--lp-hm-ln2);background:var(--lp-hm-card);font-size:1.12em;line-height:1.35;color:var(--lp-hm-ti);--an:lp-hm-in;--fy:1em;--dl:.45s;--ad:.4s}
#lp_page .lp-hm-bub u{color:var(--lp-hm-acc);text-decoration:underline}
#lp_page .lp-hm-tpl{left:5.5em;top:11.4em;--dl:1.05s}
#lp_page .lp-hm-cs2{top:1.36em;padding:0;background:var(--lp-hm-bg);--an:lp-hm-in;--fs:.96;--dl:1.25s;--ad:.35s}
#lp_page .lp-hm-pbr{display:flex;align-items:center;gap:.45em;padding:.8em .9em .4em;font-size:1.05em;font-weight:700;color:var(--lp-hm-ti)}
#lp_page .lp-hm-pbr i{width:1.4em;height:1.4em;border-radius:.35em;background:var(--lp-hm-acc)}
#lp_page .lp-hm-ph1{display:block;padding:0 .7em .35em;font-size:1.3em;line-height:1.2;color:var(--lp-hm-ti)}
#lp_page .lp-hm-pv{margin:0 .8em .6em;padding:.55em .7em;border-radius:.8em;border:1px solid var(--lp-hm-ln);background:var(--lp-hm-card)}
#lp_page .lp-hm-pv b{display:block;font-size:1.15em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-pv span{display:block;color:var(--lp-hm-mu)}
#lp_page .lp-hm-pbtn{display:block;margin:0 .7em .45em;padding:.5em 0;border-radius:.7em;background:var(--lp-hm-acc);color:var(--lp-hm-on);text-align:center;font-size:1.15em;font-weight:700;--an:lp-hm-press;--dl:1.85s;--ad:.35s}
#lp_page .lp-hm-pbtn2{display:block;margin:0 .8em;padding:.45em 0;border-radius:.7em;border:1px solid var(--lp-hm-ln);background:var(--lp-hm-card);color:var(--lp-hm-acc-i);text-align:center;font-weight:600}
#lp_page .lp-hm-tpp{left:7.5em;top:11.5em;--dl:1.8s}
#lp_page .lp-hm-pok{position:absolute;left:.8em;right:.8em;top:10.1em;padding:.8em .6em;border-radius:1em;border:1px solid var(--lp-hm-ok);background:var(--lp-hm-ok-s);color:var(--lp-hm-ok-i);text-align:center;--an:lp-hm-in;--fs:.85;--dl:2.05s;--ad:.35s}
#lp_page .lp-hm-pok i{display:inline-flex;width:2.4em;height:2.4em;align-items:center;justify-content:center;border-radius:50%;background:var(--lp-hm-ok);color:var(--lp-hm-on)}
#lp_page .lp-hm-pok i .lp-hm-ic{width:1.5em;height:1.5em;stroke-width:3}
#lp_page .lp-hm-pok b{display:block;font-size:1.3em}
#lp_page .lp-hm-pok span{display:block;font-size:1.05em}
/* ========================= WERSJA A — „Jeden ekran” ========================= */
/* ========================= WERSJA B — „Biuro i teren” ========================= */
#lp_page .lp-hm-b{background:var(--lp-hm-bg)}
#lp_page .lp-hm-pnl{position:absolute;left:0;top:0;width:33.8em;height:32.5em;overflow:hidden;background:var(--lp-hm-card);border-right:1px solid var(--lp-hm-ln)}
#lp_page .lp-hm-hdl{margin-left:auto;padding:.1em .6em;border-radius:1em;background:color-mix(in srgb,var(--lp-hm-on) 18%,transparent);font-size:.85em;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#lp_page .lp-hm-lbl{position:absolute;left:41.9em;top:.55em;padding:.1em .6em;border-radius:1em;background:var(--lp-hm-nt);color:var(--lp-hm-mu);font-size:.85em;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#lp_page .lp-hm[data-s="1"] .lp-hm-b .lp-hm-L1,#lp_page .lp-hm[data-s="2"] .lp-hm-b .lp-hm-L2,#lp_page .lp-hm[data-s="3"] .lp-hm-b .lp-hm-L2,#lp_page .lp-hm[data-s="4"] .lp-hm-b .lp-hm-L2,#lp_page .lp-hm[data-s="5"] .lp-hm-b .lp-hm-L5{opacity:1}
#lp_page .lp-hm-b .lp-hm-L2{--an:lp-hm-out;--dl:1.1s;--ad:.35s}
#lp_page .lp-hm-b .lp-hm-L5{--an:lp-hm-in;--dl:1.1s;--ad:.35s}
#lp_page .lp-hm-b .lp-hm-co1{left:.6em;width:19.6em}
#lp_page .lp-hm-b .lp-hm-co2{left:20.8em;width:12.4em}
#lp_page .lp-hm-b .lp-hm-rq{left:1.2em;top:3.4em;width:18.4em}
#lp_page .lp-hm-b .lp-hm-rs0{left:1.2em;top:16.4em;width:18.4em;--fy:-13em}
#lp_page .lp-hm-b .lp-hm-mail{left:2.2em;top:2.2em;width:26.5em}
#lp_page .lp-hm-b .lp-hm-tp1{left:5.3em;top:14.8em;--dl:1.95s}
#lp_page .lp-hm-b .lp-hm-L1 .lp-hm-odo,#lp_page .lp-hm-b .lp-hm-t1 .lp-hm-odo{--od:1.1s}
#lp_page .lp-hm-b .lp-hm-cal{left:.6em;top:.6em;width:32.6em}
#lp_page .lp-hm-b .lp-hm-chd1{left:3.4em;width:14.8em}
#lp_page .lp-hm-b .lp-hm-chd2{left:18.2em;width:14.4em}
#lp_page .lp-hm-b .lp-hm-tl{left:3.8em;width:14em}
#lp_page .lp-hm-b .lp-hm-t2c{left:18.4em;width:13.8em}
#lp_page .lp-hm-b .lp-hm-tp2{left:13.8em;top:2.45em;--dl:1.2s}
#lp_page .lp-hm-b .lp-hm-L2>.lp-hm-toast{left:18.6em;top:4.6em;opacity:0;--dl:1.85s}
#lp_page .lp-hm-b .lp-hm-tJo{position:absolute;left:1em;top:.35em;color:var(--lp-hm-ok);opacity:0;stroke-width:3;--an:lp-hm-pop;--dl:2.45s}
#lp_page .lp-hm-b .lp-hm-tJd{position:absolute;inset:0;z-index:-1;background:var(--lp-hm-done);opacity:0;--an:lp-hm-in;--dl:2.45s;--ad:.35s}
#lp_page .lp-hm-vb[data-s="4"] .lp-hm-tJw{animation:lp-hm-out calc(.2s * var(--lp-hm-k,1)) calc(2.45s * var(--lp-hm-k,1)) both}
#lp_page .lp-hm-vb[data-s="5"] .lp-hm-tJw{opacity:0}
#lp_page .lp-hm-vb[data-s="4"] .lp-hm-tJd,#lp_page .lp-hm-vb[data-s="5"] .lp-hm-tJo,#lp_page .lp-hm-vb[data-s="5"] .lp-hm-tJd,#lp_page .lp-hm-vb[data-s="4"][data-v3="a"] .lp-hm-onw,#lp_page .lp-hm-vb[data-s="5"][data-v3="a"] .lp-hm-onw,#lp_page .lp-hm-vb[data-s="4"][data-v3="b"] .lp-hm-cc,#lp_page .lp-hm-vb[data-s="5"][data-v3="b"] .lp-hm-cc{opacity:1}
#lp_page .lp-hm-b .lp-hm-onw{--dl:2.25s}
#lp_page .lp-hm-b .lp-hm-cc{--dl:2.7s}
#lp_page .lp-hm-b .lp-hm-kp1{left:.6em;top:1em}
#lp_page .lp-hm-b .lp-hm-kp2{left:17.2em;top:1em}
#lp_page .lp-hm-b .lp-hm-act{left:.6em;top:9.8em;width:32.6em;height:17.8em}
#lp_page .lp-hm-b .lp-hm-kp1 .lp-hm-odo{--od:1.45s}#lp_page .lp-hm-b .lp-hm-kp2 .lp-hm-odo{--od:1.6s}
#lp_page .lp-hm-b .lp-hm-plus{--dl:1.75s}
#lp_page .lp-hm-b .lp-hm-ar{--dl:1.2s}
#lp_page .lp-hm-b .lp-hm-phT{left:35.5em;top:2.6em}
#lp_page .lp-hm-b .lp-hm-phC{left:19em;top:4.8em;width:15em;height:26em;z-index:5;transform:translateY(30em);transition:transform calc(.5s * var(--lp-hm-k,1)) cubic-bezier(.2,.7,.2,1)}
#lp_page .lp-hm-vb[data-s="3"] .lp-hm-phC{transform:none}
#lp_page .lp-hm-b .lp-hm-sx{top:1.36em;padding:0;opacity:0}
#lp_page .lp-hm-b .lp-hm-ac{margin:.55em .55em 0}
#lp_page .lp-hm-b .lp-hm-vbar{margin:0}
#lp_page .lp-hm-b .lp-hm-cs1{top:4em;padding:.6em}
#lp_page .lp-hm[data-s="1"] .lp-hm-b .lp-hm-sa,#lp_page .lp-hm[data-s="2"] .lp-hm-b .lp-hm-sa,#lp_page .lp-hm[data-s="3"][data-v3="b"] .lp-hm-b .lp-hm-sa,#lp_page .lp-hm[data-s="3"][data-v3="a"] .lp-hm-b .lp-hm-sj,#lp_page .lp-hm[data-s="4"] .lp-hm-b .lp-hm-sk,#lp_page .lp-hm[data-s="5"] .lp-hm-b .lp-hm-sr,#lp_page .lp-hm-b .lp-hm-phC .lp-hm-sx{opacity:1}
#lp_page .lp-hm-b .lp-hm-cs2{opacity:1}
#lp_page .lp-hm-abA{justify-content:center}
#lp_page .lp-hm-seg{display:inline-flex;overflow:hidden;border:1px solid color-mix(in srgb,var(--lp-hm-on) 70%,transparent);border-radius:2em}
#lp_page .lp-hm-seg>*{padding:.2em .8em;font-weight:700}
#lp_page .lp-hm-seg b{background:var(--lp-hm-on);color:var(--lp-hm-app)}
#lp_page .lp-hm-wk{display:flex;justify-content:space-around;padding:.35em .3em;background:var(--lp-hm-card);border-bottom:1px solid var(--lp-hm-ln2)}
#lp_page .lp-hm-wk span{display:flex;flex-direction:column;align-items:center;padding:.15em .35em;border-radius:.7em;font-size:.85em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-wk b{font-size:1.4em;font-weight:500;color:var(--lp-hm-ti)}
#lp_page .lp-hm-wk .lp-hm-wkon{background:var(--lp-hm-acc-s)}
#lp_page .lp-hm-wk .lp-hm-wkon b{color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-ag{position:absolute;left:.55em;right:.55em;height:6.2em;padding:.5em .7em .4em 1em;border-radius:1em;background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh);overflow:hidden;--sc:var(--lp-hm-pre);--an:lp-hm-mv;--fy:-6.8em;--dl:2.6s;--ad:.4s}
#lp_page .lp-hm-ag:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.35em;background:var(--sc)}
#lp_page .lp-hm-ag>p{display:flex;justify-content:space-between;align-items:baseline}
#lp_page .lp-hm-ag>p b{font-size:1.2em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-ag>p span{color:var(--lp-hm-mu)}
#lp_page .lp-hm-ag>span{display:block;color:var(--lp-hm-fg)}
#lp_page .lp-hm-stp{display:inline-flex;align-items:center;margin-top:.3em;padding:.15em .6em;border-radius:1em;font-size:.85em;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:color-mix(in srgb,var(--sc) 16%,var(--lp-hm-card));color:color-mix(in srgb,var(--sc) 70%,var(--lp-hm-ti))}
#lp_page .lp-hm-stz{--sc:var(--lp-hm-prz)}
#lp_page .lp-hm-ag2{--sc:var(--lp-hm-prz)}
#lp_page .lp-hm-agN{top:6.8em;box-shadow:var(--lp-hm-sh),0 0 0 .15em var(--lp-hm-acc);--an:lp-hm-in;--fy:-1.2em;--fs:.95;--dl:2.75s}
#lp_page .lp-hm-ag1{top:13.6em}#lp_page .lp-hm-ag2{top:20.4em}
#lp_page .lp-hm[data-s="1"] .lp-hm-b .lp-hm-agN{opacity:0}
#lp_page .lp-hm[data-s="1"] .lp-hm-b .lp-hm-ag1,#lp_page .lp-hm[data-s="1"] .lp-hm-b .lp-hm-ag2{transform:translateY(-6.8em)}
#lp_page .lp-hm-agc{position:absolute;right:.6em;bottom:.5em;display:inline-flex;align-items:center;gap:.2em;padding:.15em .5em;border-radius:1em;background:var(--lp-hm-ok-s);color:var(--lp-hm-ok-i);font-size:.85em;font-weight:700;opacity:0;--an:lp-hm-pop;--dl:2.8s}
#lp_page .lp-hm-agc .lp-hm-ic{width:1em;height:1em;stroke-width:3}
#lp_page .lp-hm-rr{display:flex;justify-content:space-between;padding:.22em 0;font-size:1.1em}
#lp_page .lp-hm-rr b{color:var(--lp-hm-ti)}
#lp_page .lp-hm-rrt{margin-top:.2em;padding-top:.4em;border-top:1px solid var(--lp-hm-ln2);font-size:1.3em}
#lp_page .lp-hm-rrt b{font-weight:800}
#lp_page .lp-hm-pay{display:flex;gap:.4em;margin-top:.55em}
#lp_page .lp-hm-pay span{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.3em;padding:.35em 0;border-radius:.6em;border:1px solid var(--lp-hm-ln);font-weight:600;color:var(--lp-hm-mu)}
#lp_page .lp-hm-pay .lp-hm-payon{border-color:var(--lp-hm-app);background:color-mix(in srgb,var(--lp-hm-app) 14%,var(--lp-hm-card));color:var(--lp-hm-app-i)}
#lp_page .lp-hm-save{display:block;margin:.8em .55em 0;padding:.55em 0;border-radius:2em;background:var(--lp-hm-app);color:var(--lp-hm-on);text-align:center;font-size:1.15em;font-weight:700;--an:lp-hm-press;--dl:.5s;--ad:.35s}
#lp_page .lp-hm-sr>.lp-hm-st2{display:block;width:max-content;margin:.8em auto 0;font-size:1.1em;--an:lp-hm-pop;--dl:.75s;--ad:.45s}
#lp_page .lp-hm-tps{left:7.5em;top:17.3em;--dl:.45s}
#lp_page .lp-hm-b .lp-hm-phC .lp-hm-bub{--dl:1.65s}
#lp_page .lp-hm[data-v3="b"] .lp-hm-b .lp-hm-phC .lp-hm-bub{--dl:.95s}
#lp_page .lp-hm-b .lp-hm-tpl{left:5em;top:10.4em;--dl:1.35s}
#lp_page .lp-hm-b .lp-hm-cs2{--dl:1.5s}
#lp_page .lp-hm-b .lp-hm-pbtn{--dl:1.95s}
#lp_page .lp-hm-b .lp-hm-tpp{--dl:1.9s}
#lp_page .lp-hm-b .lp-hm-pok{--dl:2.1s}
/* żetony: pozycja = cel, --fx/--fy = skąd startują, --mx/--my = łuk */
#lp_page .lp-hm-tok{position:absolute;display:inline-flex;align-items:center;gap:.35em;padding:.35em .75em;border-radius:1em;background:var(--lp-hm-acc);color:var(--lp-hm-on);font-weight:700;white-space:nowrap;box-shadow:var(--lp-hm-sh2);opacity:0;z-index:7;--an:lp-hm-fly;--ad:.7s;--ae:cubic-bezier(.45,0,.25,1)}
#lp_page .lp-hm-tk2{left:37em;top:12.8em;--fx:-29em;--fy:11.6em;--mx:-15em;--my:-1em;--dl:2.15s}
#lp_page .lp-hm-tk3a{left:20.5em;top:10.2em;--fx:25em;--fy:-1em;--mx:12em;--my:-5em;--dl:1.1s;--ad:.6s}
#lp_page .lp-hm-tk3w{left:7em;top:22.6em;--fx:38em;--fy:-13.5em;--mx:18em;--my:-15em;--dl:1.55s;--ad:.7s}
#lp_page .lp-hm-tk3b{left:20.5em;top:10.2em;--fx:-12em;--fy:13em;--mx:-6em;--my:4em;--dl:.45s;--ad:.55s}
#lp_page .lp-hm-tk3c{left:6em;top:22.6em;--fx:17em;--fy:-6em;--mx:9em;--my:-9em;--dl:2.1s;--ad:.6s;background:var(--lp-hm-ok)}
#lp_page .lp-hm-tk4{left:6em;top:22.6em;--fx:35em;--fy:3em;--mx:17em;--my:-8em;--dl:1.9s;--ad:.6s;background:var(--lp-hm-app)}
#lp_page .lp-hm-tk5{left:20em;top:6.6em;--fx:21em;--fy:10em;--mx:10em;--my:1em;--dl:.75s;--ad:.6s;background:var(--lp-hm-ok)}
/* ========================= kadr podsumowujący (bez ruchu) ========================= */
#lp_page .lp-hm-sum{background:var(--lp-hm-card)}
#lp_page .lp-hm-sumh{position:absolute;left:1.2em;top:1em;font-size:1.5em;font-weight:800;color:var(--lp-hm-ti)}
#lp_page .lp-hm-srw{position:absolute;left:1.2em;width:31em;height:4.6em;display:grid;grid-template-columns:3.4em 1fr;column-gap:.9em;align-content:center;padding:0 .9em;border:1px solid var(--lp-hm-ln);border-radius:.9em;background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh)}
#lp_page .lp-hm-srw:nth-of-type(2){top:4.2em}#lp_page .lp-hm-srw:nth-of-type(3){top:9.4em}#lp_page .lp-hm-srw:nth-of-type(4){top:14.6em}#lp_page .lp-hm-srw:nth-of-type(5){top:19.8em}#lp_page .lp-hm-srw:nth-of-type(6){top:25em}
#lp_page .lp-hm-srw>i{grid-row:span 2;width:3.4em;height:3.4em;display:flex;align-items:center;justify-content:center;border-radius:.8em;color:var(--lp-hm-on)}
#lp_page .lp-hm-srw>i .lp-hm-ic{width:1.7em;height:1.7em}
#lp_page .lp-hm-si1{background:var(--lp-hm-mail)}#lp_page .lp-hm-si2{background:var(--lp-hm-acc)}#lp_page .lp-hm-si3{background:var(--lp-hm-pre)}#lp_page .lp-hm-si4{background:var(--lp-hm-app)}#lp_page .lp-hm-si5{background:var(--lp-hm-roz)}
#lp_page .lp-hm-srw>b{font-size:1.4em;line-height:1.15;color:var(--lp-hm-ti)}
#lp_page .lp-hm-srw>span{font-size:1.15em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-phS{left:35.2em;top:4em}
#lp_page .lp-hm-phS .lp-hm-ac>.lp-hm-st{margin-top:.4em}
/* ---------- postęp scen + pauza (poza rysunkiem, w px) ---------- */
/* czas paska postepu sceny (--lp-hm-d) ustawia JS stylem inline: tempo x czas sceny + pauza na przeczytanie */
#lp_page .lp-hm-ctl{position:absolute;right:6px;top:4px;z-index:3;display:none;align-items:center;gap:6px;padding:2px 2px 2px 9px;border-radius:999px;background:var(--lp-hm-ctl)}
#lp_page .lp-hm-js .lp-hm-ctl{display:flex}
#lp_page .lp-hm-prog{display:flex;gap:3px}
#lp_page .lp-hm-prog i{position:relative;width:12px;height:3px;overflow:hidden;border-radius:2px;background:color-mix(in srgb,var(--lp-hm-on) 35%,transparent)}
#lp_page .lp-hm-prog i:after{content:"";position:absolute;inset:0;background:var(--lp-hm-on);transform:scaleX(0);transform-origin:0 50%}
#lp_page .lp-hm[data-s="2"] .lp-hm-prog i:nth-child(-n+1):after,#lp_page .lp-hm[data-s="3"] .lp-hm-prog i:nth-child(-n+2):after,#lp_page .lp-hm[data-s="4"] .lp-hm-prog i:nth-child(-n+3):after,#lp_page .lp-hm[data-s="5"] .lp-hm-prog i:nth-child(-n+4):after{transform:none}
#lp_page .lp-hm[data-s="1"] .lp-hm-prog i:nth-child(1):after,#lp_page .lp-hm[data-s="2"] .lp-hm-prog i:nth-child(2):after,#lp_page .lp-hm[data-s="3"] .lp-hm-prog i:nth-child(3):after,#lp_page .lp-hm[data-s="4"] .lp-hm-prog i:nth-child(4):after,#lp_page .lp-hm[data-s="5"] .lp-hm-prog i:nth-child(5):after{animation:lp-hm-grow var(--lp-hm-d,2.6s) linear both}
#lp_page .lp-hm-pp{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--lp-hm-on);cursor:pointer}
#lp_page .lp-hm-pp svg{width:13px;height:13px;fill:currentColor}
#lp_page .lp-hm-pp:focus-visible{outline:2px solid var(--lp-hm-on);outline-offset:1px}
#lp_page .lp-hm-ppb,#lp_page .lp-hm-off .lp-hm-ppa{display:none}
#lp_page .lp-hm-off .lp-hm-ppb{display:inline}
/* ---------- wąska ramka (telefon, < 470 px): kadr kwadratowy, „kamera” zbliża i prowadzi po akcji ---------- */
@container lp-hm (max-width:470px){
	#lp_page .lp-hm-stage{aspect-ratio:1/1}
	#lp_page .lp-hm-cv{--z:1.6;transform:scale(var(--z)) translateX(calc(-1 * var(--c1,0em)))}
	#lp_page .lp-hm[data-s] .lp-hm-cv{animation:lp-hm-pan calc(.55s * var(--lp-hm-k,1)) cubic-bezier(.45,0,.25,1) calc(var(--cd,0s) * var(--lp-hm-k,1)) both}
	#lp_page .lp-hm-vb .lp-hm-cv{--c1:.6em}
	#lp_page .lp-hm-vb[data-s="2"] .lp-hm-cv{--c0:.6em;--c1:18.9em;--cd:2.1s}
	#lp_page .lp-hm-vb[data-s="3"] .lp-hm-cv{--c0:18.9em;--c1:1.2em;--cd:1.7s}
	#lp_page .lp-hm-vb[data-s="3"][data-v3="b"] .lp-hm-cv{--c0:1.6em;--c1:1.6em}
	#lp_page .lp-hm-vb[data-s="4"] .lp-hm-cv{--c0:18.9em;--c1:.8em;--cd:1.85s}
	#lp_page .lp-hm-vb[data-s="5"] .lp-hm-cv{--c0:18.9em;--c1:.6em;--cd:.9s}
	#lp_page .lp-hm-ctl{right:4px;top:4px}
}
/* ---------- wersje branzowe (lp_hm_vars() w lp_variants.php, klucz 'hm' wariantu) ----------
   Markup scen branzowych jest emitowany przez {if} tylko na swojej stronie; ich ruch idzie przez ten sam
   silnik (--an/--dl/--ad, tempo --lp-hm-k), a dluzsza scena sama dostaje dluzszy czas (JS: koniec ostatniej
   animacji + --lp-hm-r). Klasa korzenia wlacza zachowanie sceny, ktora podmienia warstwe bazowa:
   lp-hm-bk = Gantt (scena 2), lp-hm-bp = pomiary (scena 4), lp-hm-bc = „Uloz” (scena 2), lp-hm-bz = umowa w scenie 2. */
/* ========================= karta urządzenia w telefonie i dane branżowe czynności (scena 4) ========================= */
/* karta urządzenia w telefonie (scena 4): nazwa + własne pola typu urządzenia */
#lp_page .lp-hm-dv{margin:.5em .55em 0;padding:.3em .7em .35em;border-radius:1em;background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh);white-space:nowrap;overflow:hidden}
#lp_page .lp-hm-dv>b{display:block;font-size:.92em;line-height:1.2;color:var(--lp-hm-ti);overflow:hidden;text-overflow:ellipsis}
#lp_page .lp-hm-dv>span{display:block;font-size:.8em;line-height:1.2;color:var(--lp-hm-mu)}
/* pomiar w czynnościach może być w każdej pozycji; „poprz.” = wartość z poprzedniego przeglądu */
#lp_page .lp-hm-ack{flex-wrap:wrap}
#lp_page .lp-hm-ak2>em{--dl:.75s}
#lp_page .lp-hm-prv{flex-basis:100%;padding-left:1.75em;font-size:.82em;color:var(--lp-hm-mu)}

/* ========================= wysyłka masowa przed sezonem (scena 1: klimatyzacja, przeglądy) ========================= */
#lp_page .lp-hm-mh{position:absolute;left:1em;right:1em;top:.45em;height:2.2em}
#lp_page .lp-hm-mh b{display:block;font-size:1.35em;line-height:1.3;color:var(--lp-hm-ti)}
#lp_page .lp-hm-mch{position:absolute;right:0;top:.1em;display:inline-flex;align-items:center;gap:.3em;padding:.2em .7em;border-radius:1em;background:var(--lp-hm-acc-s);color:var(--lp-hm-acc-i);font-weight:700}
#lp_page .lp-hm-mb{position:absolute;left:.6em;width:32.6em;padding:.55em .8em .65em;border:1px solid var(--lp-hm-ln);border-radius:.8em;background:var(--lp-hm-card);--an:lp-hm-in;--fy:.8em;--ad:.4s}
#lp_page .lp-hm-mb>u{display:block;margin-bottom:.4em;font-size:.8em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-hm-mu)}
#lp_page .lp-hm-mbo{top:2.8em;--dl:.1s}
#lp_page .lp-hm-mbk{top:12em;--dl:1.15s}
#lp_page .lp-hm-mf{display:flex;flex-wrap:wrap;gap:.4em;margin-bottom:.55em}
#lp_page .lp-hm-mf span{display:inline-flex;align-items:center;gap:.3em;padding:.2em .7em;border-radius:1em;border:1px solid var(--lp-hm-acc);background:var(--lp-hm-acc-s);color:var(--lp-hm-acc-i);font-weight:600;white-space:nowrap;--an:lp-hm-pop;--ad:.4s}
#lp_page .lp-hm-mf span:first-child{--dl:.35s}#lp_page .lp-hm-mf span+span{--dl:.5s}
#lp_page .lp-hm-mc{display:flex;gap:.5em}
#lp_page .lp-hm-mc>span{flex:1;padding:.35em .65em;border-radius:.6em;border:1px solid var(--lp-hm-ln2);background:var(--lp-hm-col);color:var(--lp-hm-mu)}
#lp_page .lp-hm-mc>span>b{display:block;font-size:1.65em;line-height:1.15;color:var(--lp-hm-ti)}
#lp_page .lp-hm-mc>.lp-hm-mcs{border-color:var(--lp-hm-acc);background:var(--lp-hm-acc-s)}
#lp_page .lp-hm-mc>.lp-hm-mcs>b{color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-mc .lp-hm-odo{--od:.7s}#lp_page .lp-hm-mc>span+span .lp-hm-odo{--od:.82s}#lp_page .lp-hm-mc>span+span+span .lp-hm-odo{--od:.94s}
#lp_page .lp-hm-mk{display:flex;align-items:center;gap:.35em}
#lp_page .lp-hm-mk>span{flex:1;padding:.35em .4em;border-radius:.6em;border:1px solid var(--lp-hm-ln);text-align:center;color:var(--lp-hm-mu);white-space:nowrap}
#lp_page .lp-hm-mk>span>b{display:block;font-size:1.75em;line-height:1.15;color:var(--lp-hm-ti)}
#lp_page .lp-hm-mk>i{font-size:1.5em;font-weight:700;color:var(--lp-hm-mu)}
#lp_page .lp-hm-mk>.lp-hm-mkt{flex:1.45;border-color:var(--lp-hm-acc);background:var(--lp-hm-acc-s);--an:lp-hm-pop;--dl:1.55s;--ad:.45s}
#lp_page .lp-hm-mk>.lp-hm-mkt>b{color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-mpv{position:absolute;left:.6em;top:19em;width:20.2em;padding:.45em .7em .55em;border-radius:.8em;border:1px solid var(--lp-hm-ln2);background:var(--lp-hm-bg);--an:lp-hm-in;--fx:-.6em;--dl:1.75s;--ad:.4s}
#lp_page .lp-hm-mpv>u{display:block;margin-bottom:.15em;font-size:.82em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-mpv>span{display:block;font-size:.95em;line-height:1.3;color:var(--lp-hm-ti)}
#lp_page .lp-hm-mgo{position:absolute;left:21.4em;top:19em;width:11.8em;padding:.5em .6em;border-radius:.7em;background:var(--lp-hm-acc);color:var(--lp-hm-on);text-align:center;--an:lp-hm-press;--dl:2.15s;--ad:.35s}
#lp_page .lp-hm-mgo>b{display:block;font-size:1.12em;line-height:1.25}
#lp_page .lp-hm-mgo>span{display:block;font-size:.9em;opacity:.92}
#lp_page .lp-hm-mpr{position:absolute;left:21.4em;top:22.7em;width:11.8em;color:var(--lp-hm-mu);--an:lp-hm-in;--fy:.5em;--dl:2.45s;--ad:.35s}
#lp_page .lp-hm-mpr b{color:var(--lp-hm-ti)}
#lp_page .lp-hm-mpr>i{display:block;height:.55em;margin-top:.35em;border-radius:.3em;background:var(--lp-hm-nt);overflow:hidden}
#lp_page .lp-hm-mpr>i>s{display:block;width:14%;height:100%;background:var(--lp-hm-acc);transform-origin:0 50%;--an:lp-hm-grow;--dl:2.6s;--ad:.5s}
#lp_page .lp-hm-tpm{left:27.3em;top:20.5em;--dl:2.1s}
/* ========================= Gantt — montaż na 2 dni jednym paskiem (scena 2, .lp-hm-bk: klimatyzacja) ========================= */
#lp_page .lp-hm-bk[data-s="2"] .lp-hm-b .lp-hm-L2{opacity:0}
#lp_page .lp-hm-bk[data-s="2"] .lp-hm-b .lp-hm-Lg{opacity:1}
#lp_page .lp-hm-gt{position:absolute;left:.6em;top:.6em;width:32.6em;height:27.2em;overflow:hidden;border:1px solid var(--lp-hm-ln);border-radius:.6em;background:var(--lp-hm-card)}
#lp_page .lp-hm-gtb{display:flex;align-items:center;gap:.3em;height:2.4em;padding:0 .6em;border-bottom:1px solid var(--lp-hm-ln2)}
#lp_page .lp-hm-gtb>span,#lp_page .lp-hm-gtb>b{padding:.1em .55em;border-radius:.4em;border:1px solid var(--lp-hm-ln);font-size:.92em;color:var(--lp-hm-fg)}
#lp_page .lp-hm-gtb>b{border-color:var(--lp-hm-acc);background:var(--lp-hm-acc-s);color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-gtb>em{margin-left:auto;font-weight:700;color:var(--lp-hm-ti)}
#lp_page .lp-hm-gd{position:absolute;left:6.6em;right:0;top:2.4em;height:1.8em;display:flex}
#lp_page .lp-hm-gd>span{flex:1;padding-top:.3em;text-align:center;font-size:.92em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-gd>.lp-hm-gdon{font-weight:800;color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-gn{position:absolute;left:0;width:6.6em;height:7.4em;padding:.55em .4em 0 .6em;border-top:1px solid var(--lp-hm-ln2);--tc:var(--lp-hm-t1)}
#lp_page .lp-hm-gn>b{display:block;line-height:1.2;color:var(--tc)}
#lp_page .lp-hm-gn>span{display:block;font-size:.85em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-gn1{top:4.2em}#lp_page .lp-hm-gn2{top:11.6em;--tc:var(--lp-hm-t2)}#lp_page .lp-hm-gn3{top:19em;--tc:var(--lp-hm-t3)}
#lp_page .lp-hm-gsv{position:absolute;left:6.6em;top:4.2em;width:26em;height:22.2em}
#lp_page .lp-hm-gsv .gl{stroke:var(--lp-hm-ln2);stroke-width:1}
#lp_page .lp-hm-gsv .gc{fill:var(--lp-hm-card);stroke:var(--lp-hm-ln);stroke-width:.8}
#lp_page .lp-hm-gsv .gm{fill:var(--lp-hm-ln)}
#lp_page .lp-hm-gsv .g1{fill:var(--lp-hm-t1)}#lp_page .lp-hm-gsv .g2{fill:var(--lp-hm-t2)}#lp_page .lp-hm-gsv .g3{fill:var(--lp-hm-t3)}
#lp_page .lp-hm-gsel{position:absolute;left:11.8em;top:12.2em;width:10.3em;height:6.2em;border:.15em dashed var(--lp-hm-acc);border-radius:.4em;background:var(--lp-hm-acc-s);transform-origin:0 50%;opacity:0;--an:lp-hm-sel;--dl:.2s;--ad:1.05s;--ae:linear}
@keyframes lp-hm-sel{0%{opacity:1;transform:scaleX(.08)}62%{opacity:1;transform:none}86%{opacity:1}to{opacity:0;transform:none}}
#lp_page .lp-hm-ghn{position:absolute;left:11.4em;top:9.7em;padding:.3em .7em;border-radius:.5em;background:var(--lp-hm-ti);color:var(--lp-hm-card);font-weight:700;white-space:nowrap;opacity:0;z-index:3;--an:lp-hm-blk;--dl:.35s;--ad:1s;--ae:linear}
@keyframes lp-hm-blk{0%{opacity:0}12%,82%{opacity:1}to{opacity:0}}
#lp_page .lp-hm-gbar{position:absolute;left:11.8em;top:12.2em;width:10.3em;height:6.2em;padding:.4em .5em 0 .9em;border-radius:.4em;background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh2);overflow:hidden;color:var(--lp-hm-ti);--an:lp-hm-in;--fs:.96;--dl:1.15s;--ad:.4s}
#lp_page .lp-hm-gbar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.4em;background:var(--lp-hm-t2)}
#lp_page .lp-hm-gbar>p{display:flex;align-items:center;gap:.3em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-gbar>p em{margin-left:auto;padding:.05em .45em;border-radius:1em;background:var(--lp-hm-acc);color:var(--lp-hm-on);font-size:.92em;font-weight:800;--an:lp-hm-pop;--dl:1.45s;--ad:.4s}
#lp_page .lp-hm-gbar>b{display:block;margin-top:.15em;font-size:1.2em;line-height:1.2}
#lp_page .lp-hm-gbar>span{display:block;font-size:.95em;color:var(--lp-hm-fg)}
#lp_page .lp-hm-gk{position:absolute;left:26.1em;top:4.8em;width:1.25em;height:6.2em;border-radius:.35em;border:.15em solid var(--lp-hm-on);background:var(--lp-hm-acc);box-shadow:var(--lp-hm-sh2);--an:lp-hm-in;--fy:-2em;--fs:1.1;--dl:1.6s;--ad:.4s}
#lp_page .lp-hm-gkf{position:absolute;left:15.6em;top:5.4em;width:10em;padding:.35em .6em;border-radius:.6em;border:1px solid var(--lp-hm-acc);background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh2);z-index:3;--an:lp-hm-in;--fx:.8em;--dl:1.75s;--ad:.35s}
#lp_page .lp-hm-gkf>b{display:block;font-size:1.1em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-gkf>span{display:block;font-size:.92em;color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-bk .lp-hm-tk2{--fx:-11em;--fy:-3em;--mx:-5em;--my:-5em}

/* ========================= umowa sama zakłada przegląd (scena 1: pompy ciepła; scena 2: przeglądy) ========================= */
#lp_page .lp-hm-vw{position:absolute;left:.6em;right:.6em;top:.7em;display:flex;align-items:center;gap:.4em}
#lp_page .lp-hm-vw>*{padding:.25em .75em;border-radius:1em;font-size:.95em;font-weight:700;white-space:nowrap;background:var(--lp-hm-nt);color:var(--lp-hm-mu)}
#lp_page .lp-hm-vw>b{background:var(--lp-hm-prz);color:var(--lp-hm-on)}
#lp_page .lp-hm-vw>b .lp-hm-odo{--od:.55s}
#lp_page .lp-hm-ut{position:absolute;left:.6em;top:3.4em;width:32.6em;border:1px solid var(--lp-hm-ln);border-radius:.6em;overflow:hidden;background:var(--lp-hm-card)}
#lp_page .lp-hm-ut>p{display:grid;grid-template-columns:5.6em 5.2em 6.8em 1fr 2em;align-items:center;column-gap:.45em;padding:0 .5em}
#lp_page .lp-hm-uth{height:2.3em;background:var(--lp-hm-app);color:var(--lp-hm-on)}
#lp_page .lp-hm-uth>span{font-size:.85em;font-weight:700}
#lp_page .lp-hm-ur{height:3.7em;border-top:1px solid var(--lp-hm-ln2)}
#lp_page .lp-hm-ur>span{min-width:0;font-size:.92em;line-height:1.22;color:var(--lp-hm-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lp_page .lp-hm-ur>span>b{display:block;color:var(--lp-hm-ti);overflow:hidden;text-overflow:ellipsis}
#lp_page .lp-hm-ur>span>small{display:block;font-size:.9em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-upz{display:inline-block;padding:0 .4em;border-radius:.3em;background:var(--lp-hm-prz);color:var(--lp-hm-on);font-size:.78em;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#lp_page .lp-hm-uci{width:1.9em;height:1.9em;display:flex;align-items:center;justify-content:center;border-radius:.45em;border:1px solid var(--lp-hm-ln);color:var(--lp-hm-mu)}
#lp_page .lp-hm-urN{background:var(--lp-hm-ok-s);--an:lp-hm-in;--fx:-1.2em;--dl:.3s;--ad:.45s}
#lp_page .lp-hm-urN .lp-hm-uci{border-color:var(--lp-hm-acc);background:var(--lp-hm-card);color:var(--lp-hm-acc-i);--an:lp-hm-press;--dl:1.75s;--ad:.35s}
#lp_page .lp-hm-uto{position:absolute;left:.6em;top:21em;width:32.6em;display:grid;grid-template-columns:2.2em 1fr;column-gap:.6em;align-items:center;padding:.4em .8em;border-radius:.8em;border:1px solid var(--lp-hm-ok);background:var(--lp-hm-ok-s);color:var(--lp-hm-ok-i);--an:lp-hm-in;--fy:.6em;--dl:.8s;--ad:.4s}
#lp_page .lp-hm-uto>i{grid-row:span 2;width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lp-hm-ok);color:var(--lp-hm-on)}
#lp_page .lp-hm-uto>b{font-size:1.08em;line-height:1.2;color:var(--lp-hm-ti)}
#lp_page .lp-hm-uto>span{font-size:.95em}
#lp_page .lp-hm-tpu{left:31.65em;top:18.65em;--dl:1.7s}
#lp_page .lp-hm-bz[data-s="2"] .lp-hm-b .lp-hm-L2{opacity:0}
#lp_page .lp-hm-bz[data-s="2"] .lp-hm-b .lp-hm-Lu{opacity:1}
#lp_page .lp-hm-bz[data-s="2"] .lp-hm-t2{background:color-mix(in srgb,var(--lp-hm-card) 45%,transparent);color:var(--lp-hm-mfg)}
#lp_page .lp-hm-bz[data-s="2"] .lp-hm-tu{background:var(--lp-hm-card);color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-bz .lp-hm-tk2{--fx:-13em;--fy:9.2em;--mx:-6em;--my:1em}
/* ========================= pomiary z przeglądów w oknie urządzenia (scena 4, .lp-hm-bp: pompy ciepła) ========================= */
#lp_page .lp-hm-dw{position:absolute;left:1.4em;top:5em;width:31em;height:26.4em;border-radius:.9em;border:1px solid var(--lp-hm-ln);background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh2);overflow:hidden;opacity:0;z-index:5;transition:opacity .35s;--an:lp-hm-in;--fy:1.2em;--fs:.97;--dl:2.2s;--ad:.4s}
#lp_page .lp-hm-bp[data-s="4"] .lp-hm-dw{opacity:1}
#lp_page .lp-hm-dwh{display:grid;grid-template-columns:2.8em 1fr;column-gap:.7em;align-items:center;padding:.7em 1em .5em}
#lp_page .lp-hm-dwh>i{grid-row:span 2;width:2.8em;height:2.8em;display:flex;align-items:center;justify-content:center;border-radius:.7em;background:var(--lp-hm-acc-s);color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-dwh>i .lp-hm-ic{width:2.2em;height:2.2em;stroke-width:1.6}
#lp_page .lp-hm-dwh>b{font-size:1.25em;line-height:1.2;color:var(--lp-hm-ti)}
#lp_page .lp-hm-dwh>span{color:var(--lp-hm-mu)}
#lp_page .lp-hm-dws{margin:.15em 1em 0;padding:.45em 0 .45em;border-bottom:1px solid var(--lp-hm-ln);font-size:.95em;font-weight:600;letter-spacing:.03em;line-height:1.2;text-transform:uppercase;color:var(--lp-hm-ti);opacity:.6}
#lp_page .lp-hm-dwc{margin:.6em 1em 0;padding:.45em .8em .4em;border:1px solid var(--lp-hm-ln2);border-radius:.7em}
#lp_page .lp-hm-dwc>p{display:flex;align-items:center;justify-content:space-between}
#lp_page .lp-hm-dwc>p>u{font-weight:700;color:var(--lp-hm-ti)}
#lp_page .lp-hm-dwc>p>em{font-size:1.3em;font-weight:800;color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-dwc>p>em .lp-hm-odo{--od:2.95s}
#lp_page .lp-hm-spk{display:block;width:100%;height:4.9em;overflow:visible}
#lp_page .lp-hm-spk .sg{stroke:var(--lp-hm-ln2);stroke-width:1}
#lp_page .lp-hm-spk .sl{fill:none;stroke:var(--lp-hm-acc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#lp_page .lp-hm-spk .sn{fill:none;stroke:var(--lp-hm-acc);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:100;--an:lp-hm-draw;--dl:2.65s;--ad:.4s;--ae:linear}
#lp_page .lp-hm-spk circle{fill:var(--lp-hm-card);stroke:var(--lp-hm-acc);stroke-width:2}
#lp_page .lp-hm-spk .sp{fill:var(--lp-hm-acc);transform-box:fill-box;transform-origin:center;--an:lp-hm-pop;--dl:2.95s;--ad:.4s}
#lp_page .lp-hm-spk text{fill:var(--lp-hm-mu);font-size:11px;text-anchor:middle}
#lp_page .lp-hm-spk .st{fill:var(--lp-hm-acc-i);font-weight:700;--an:lp-hm-in;--dl:3s;--ad:.35s}
#lp_page .lp-hm-dwy{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:.85em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-dwy>b{color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-bp .lp-hm-tk4{left:12em;top:17em;--fx:28em;--fy:8.6em;--mx:14em;--my:-4em;--dl:1.75s}

/* ========================= propozycja terminu (scena 1: kalendarz i trasy) ========================= */
#lp_page .lp-hm-nz{position:absolute;left:.6em;top:.6em;width:20em;padding:.65em .8em;border:1px solid var(--lp-hm-ln);border-radius:.8em;background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh)}
#lp_page .lp-hm-nzh>b{display:block;font-size:1.3em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-nzh>span{display:flex;align-items:center;gap:.3em;margin-top:.1em;font-size:1.05em;color:var(--lp-hm-fg)}
#lp_page .lp-hm-nzf{display:grid;grid-template-columns:auto 1fr;gap:.4em;margin:.55em 0 .7em}
#lp_page .lp-hm-nzf>span{padding:.25em .5em;border-radius:.5em;border:1px solid var(--lp-hm-ln);font-weight:700;color:var(--lp-hm-ti);white-space:nowrap;overflow:hidden}
#lp_page .lp-hm-nzf>span>u{display:block;font-size:.75em;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--lp-hm-mu)}
#lp_page .lp-hm-nzf .lp-hm-odo{--od:1.75s}
#lp_page .lp-hm-nzf .lp-hm-n1{--an:lp-hm-flash2;--dl:1.75s;--ad:.6s}
@keyframes lp-hm-flash2{0%,to{box-shadow:none}35%{box-shadow:0 0 0 .2em var(--lp-hm-acc-s)}}
#lp_page .lp-hm-ptl{display:flex;justify-content:space-between;font-size:.8em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-hm-mu)}
#lp_page .lp-hm-ptl>span{font-weight:600;letter-spacing:0;text-transform:none}
#lp_page .lp-hm-pk{position:relative;display:grid;grid-template-columns:2em 1fr;column-gap:.5em;align-items:center;margin-top:.45em;padding:.45em .6em;border-radius:.7em;border:1px solid var(--lp-hm-ln);background:var(--lp-hm-card);--an:lp-hm-in;--fx:1em;--ad:.35s}
#lp_page .lp-hm-pk>i{grid-row:span 2;width:1.9em;height:1.9em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lp-hm-nt);font-weight:800;color:var(--lp-hm-ti)}
#lp_page .lp-hm-pk>b{font-size:1.1em;color:var(--lp-hm-ti);white-space:nowrap}
#lp_page .lp-hm-pk>span{display:flex;align-items:center;gap:.45em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-pk em{display:inline-flex;align-items:center;gap:.25em;padding:.05em .55em;border-radius:1em;background:var(--lp-hm-acc-s);color:var(--lp-hm-acc-i);font-size:.9em;font-weight:700;white-space:nowrap}
#lp_page .lp-hm-pk em .lp-hm-ic{width:1em;height:1em}
#lp_page .lp-hm-pk .lp-hm-pko{background:var(--lp-hm-ok-s);color:var(--lp-hm-ok-i)}
#lp_page .lp-hm-pk1{--dl:.45s}#lp_page .lp-hm-pk2{--dl:.6s}#lp_page .lp-hm-pk3{--dl:.75s}
#lp_page .lp-hm-pk1>i{background:var(--lp-hm-acc);color:var(--lp-hm-on)}
#lp_page .lp-hm-pks{position:absolute;inset:-1px;border-radius:.7em;border:.17em solid var(--lp-hm-acc);box-shadow:0 0 0 .25em var(--lp-hm-acc-s);--an:lp-hm-in;--fs:1.03;--dl:1.55s;--ad:.3s}
#lp_page .lp-hm-nzn{margin-top:.6em;font-size:.88em;line-height:1.3;color:var(--lp-hm-mu);--an:lp-hm-in;--fy:.4em;--dl:1.95s;--ad:.35s}
#lp_page .lp-hm-tpk{left:4.6em;top:11.3em;--dl:1.45s}
#lp_page .lp-hm-kmp{position:absolute;left:21.2em;top:.6em;width:12em;height:27.1em;border-radius:.8em;border:1px solid var(--lp-hm-ln);overflow:hidden;background:var(--lp-hm-map)}
#lp_page .lp-hm-kmh{position:absolute;left:.5em;top:.5em;right:.5em;padding:.25em .55em;border-radius:.6em;background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh);z-index:1}
#lp_page .lp-hm-kmh>b{display:block;color:var(--lp-hm-t1)}
#lp_page .lp-hm-kmh>span{display:block;font-size:.85em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-kmp>svg,#lp_page .lp-hm-uwm{display:block;width:100%;height:100%}
#lp_page .lp-hm-mpsv .mw{fill:none;stroke:var(--lp-hm-water);stroke-width:7;stroke-linecap:round}
#lp_page .lp-hm-mpsv .mr{fill:none;stroke:var(--lp-hm-road);stroke-width:2.2;stroke-linecap:round}
#lp_page .lp-hm-mpsv .mt{fill:none;stroke:var(--lp-hm-t1);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#lp_page .lp-hm-mpsv .md{fill:none;stroke:var(--lp-hm-acc);stroke-width:2.2;stroke-dasharray:4 3;stroke-linecap:round}
#lp_page .lp-hm-mpsv .mdd{stroke-dasharray:100;--an:lp-hm-draw;--dl:1.7s;--ad:.45s;--ae:linear}
#lp_page .lp-hm-mpsv .mp{fill:var(--lp-hm-t1);stroke:var(--lp-hm-on);stroke-width:1.6}
#lp_page .lp-hm-mpsv .mk{fill:var(--lp-hm-acc);stroke:var(--lp-hm-on);stroke-width:1.8;transform-box:fill-box;transform-origin:center;--an:lp-hm-pop;--dl:.9s;--ad:.45s}
#lp_page .lp-hm-mpsv .mrg{fill:none;stroke:var(--lp-hm-acc);stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0;--an:lp-hm-ring;--dl:1.6s;--ad:.9s}
@keyframes lp-hm-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}
#lp_page .lp-hm-mpsv text{fill:var(--lp-hm-on);font-size:9px;font-weight:800;text-anchor:middle}
#lp_page .lp-hm-mpsv .ml{fill:var(--lp-hm-ti);font-weight:700;font-size:8.5px;text-anchor:start}
#lp_page .lp-hm-mpsv .mb{fill:var(--lp-hm-ti)}
/* ========================= „Ułóż” z porównaniem teraz / po ułożeniu (scena 2, .lp-hm-bc: kalendarz i trasy) ========================= */
#lp_page .lp-hm-bc .lp-hm-tp2{--dl:1s}
#lp_page .lp-hm-bc .lp-hm-rt{--dl:1.05s}
#lp_page .lp-hm-bc .lp-hm-tD,#lp_page .lp-hm-bc .lp-hm-tS,#lp_page .lp-hm-bc .lp-hm-tW{--dl:2.95s}
#lp_page .lp-hm-bc .lp-hm-km,#lp_page .lp-hm-bc .lp-hm-gp .lp-hm-odo{--od:3.25s}
#lp_page .lp-hm-rtw{--od:3.35s}
#lp_page .lp-hm-bc .lp-hm-tk2{--dl:3.55s}
#lp_page .lp-hm-bc .lp-hm-ag{--dl:3.95s}
#lp_page .lp-hm-bc .lp-hm-agN{--dl:4.1s}
#lp_page .lp-hm-gp{position:absolute;left:12.3em;height:1.45em;display:inline-flex;align-items:center;gap:.25em;padding:0 .5em;border-radius:1em;border:1px solid var(--lp-hm-ln);background:var(--lp-hm-card);color:var(--lp-hm-mu);font-weight:600;white-space:nowrap;z-index:4}
#lp_page .lp-hm-gp .lp-hm-ic{width:1em;height:1em}
#lp_page .lp-hm-gp1{top:7.48em}#lp_page .lp-hm-gp2{top:12.28em}#lp_page .lp-hm-gp3{top:17.08em}
#lp_page .lp-hm-uw{position:absolute;left:1.1em;top:1em;width:31.6em;height:23.6em;border-radius:.9em;border:1px solid var(--lp-hm-ln);background:var(--lp-hm-card);box-shadow:var(--lp-hm-sh2);overflow:hidden;opacity:0;z-index:6;--an:lp-hm-win;--dl:1.2s;--ad:1.8s;--ae:linear}
@keyframes lp-hm-win{0%{opacity:0;transform:translateY(1em) scale(.97)}9%,88%{opacity:1;transform:none}to{opacity:0;transform:scale(.98)}}
#lp_page .lp-hm-uwh{display:flex;align-items:center;gap:.45em;height:2.5em;padding:0 .9em;border-bottom:1px solid var(--lp-hm-ln2);color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-uwh>b{font-size:1.12em;color:var(--lp-hm-ti)}
#lp_page .lp-hm-uwk{display:flex;gap:.5em;padding:.6em .8em 0}
#lp_page .lp-hm-uwk>p{flex:1;padding:.35em .6em;border-radius:.6em;border:1px solid var(--lp-hm-ln)}
#lp_page .lp-hm-uwk u{display:block;font-size:.78em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-hm-mu)}
#lp_page .lp-hm-uwk b{display:block;font-size:1.45em;line-height:1.15;color:var(--lp-hm-ti);white-space:nowrap}
#lp_page .lp-hm-uwk span{display:block;color:var(--lp-hm-fg)}
#lp_page .lp-hm-uwk>.lp-hm-uwz{border-color:var(--lp-hm-ok);background:var(--lp-hm-ok-s)}
#lp_page .lp-hm-uwk>.lp-hm-uwz b,#lp_page .lp-hm-uwk>.lp-hm-uwz span{color:var(--lp-hm-ok-i)}
#lp_page .lp-hm-uwl{position:absolute;top:8.3em;left:.8em;width:10.4em;height:11.8em;padding:.4em .5em;border-radius:.6em;background:var(--lp-hm-col);border:1px solid var(--lp-hm-ln2)}
#lp_page .lp-hm-uwl>u{display:block;margin-bottom:.25em;font-size:.78em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-hm-mu)}
#lp_page .lp-hm-uwl>p{display:grid;grid-template-columns:1.6em 1fr;column-gap:.3em;align-items:center;min-height:2.65em;color:var(--lp-hm-ti);line-height:1.15}
#lp_page .lp-hm-uwl>p>i{grid-row:span 2;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lp-hm-mu);color:var(--lp-hm-on);font-size:.85em;font-weight:800}
#lp_page .lp-hm-uwl>p>b{font-size:.95em;font-weight:700;white-space:nowrap}
#lp_page .lp-hm-uwl>p>em{grid-column:2;font-size:.85em;font-weight:700;color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-uwl>p>.lp-hm-uwn{color:var(--lp-hm-mu);font-weight:600}
#lp_page .lp-hm-uwp{left:11.5em;width:10.4em;border-color:var(--lp-hm-acc);background:var(--lp-hm-acc-s)}
#lp_page .lp-hm-uwp>p>i{background:var(--lp-hm-acc)}
#lp_page .lp-hm-uwm{position:absolute;left:22.2em;top:8.3em;width:8.6em;height:11.8em;border-radius:.6em;overflow:hidden;background:var(--lp-hm-map)}
#lp_page .lp-hm-uwm .mpo{fill:none;stroke:var(--lp-hm-acc);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
#lp_page .lp-hm-uwm .mpt{fill:none;stroke:var(--lp-hm-mu);stroke-width:1.8;stroke-dasharray:4 3;stroke-linecap:round}
#lp_page .lp-hm-uwm .mpa{fill:var(--lp-hm-acc);stroke:var(--lp-hm-on);stroke-width:1.4}
#lp_page .lp-hm-uwf{position:absolute;left:.8em;right:.8em;bottom:.8em;display:flex;align-items:center;justify-content:flex-end;gap:.5em}
#lp_page .lp-hm-uwf>small{margin-right:auto;font-size:.85em;color:var(--lp-hm-mu)}
#lp_page .lp-hm-uwf>span{padding:.4em .9em;border-radius:.6em;border:1px solid var(--lp-hm-ln);font-weight:700;color:var(--lp-hm-acc-i)}
#lp_page .lp-hm-uwf>.lp-hm-uwa{border-color:var(--lp-hm-acc);background:var(--lp-hm-acc);color:var(--lp-hm-on);--an:lp-hm-press;--dl:2.45s;--ad:.35s}
#lp_page .lp-hm-tpz{left:21.7em;top:21.8em;--dl:2.4s}
#lp_page .lp-hm-rb{position:absolute;left:19em;top:19.1em;width:13.6em;display:grid;grid-template-columns:2.2em 1fr;column-gap:.6em;align-items:center;padding:.5em .7em;border-radius:.8em;border:1px solid var(--lp-hm-ok);background:var(--lp-hm-ok-s);color:var(--lp-hm-ok-i);box-shadow:var(--lp-hm-sh2);z-index:4;--an:lp-hm-in;--fy:.8em;--dl:3.3s;--ad:.4s}
#lp_page .lp-hm-rb>i{grid-row:span 2;width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lp-hm-ok);color:var(--lp-hm-on)}
#lp_page .lp-hm-rb>i .lp-hm-ic{stroke-width:3}
#lp_page .lp-hm-rb>b{font-size:1.15em;line-height:1.2;color:var(--lp-hm-ti)}
#lp_page .lp-hm-rb>span{grid-column:2;font-weight:700}
#lp_page .lp-hm-rb>em{grid-column:1/3;justify-self:start;display:inline-flex;align-items:center;gap:.3em;margin-top:.45em;padding:.3em .8em;border-radius:.6em;border:1px solid var(--lp-hm-ln);background:var(--lp-hm-card);color:var(--lp-hm-acc-i);font-weight:700}

/* wąska ramka: kamera dla scen branżowych */
@container lp-hm (max-width:470px){
	#lp_page .lp-hm-bc[data-s="2"] .lp-hm-cv{--cd:3.5s}
	#lp_page .lp-hm-bk[data-s="2"] .lp-hm-cv{--cd:2.05s}
}
/* ---------- bez ruchu: systemowe „ogranicz animacje” — statyczny kadr podsumowujacy ---------- */
@media (prefers-reduced-motion:reduce){
	#lp_page .lp-hm .lp-hm-b,#lp_page .lp-hm .lp-hm-ctl{display:none}
	#lp_page .lp-hm .lp-hm-sum{display:block}
	#lp_page .lp-hm .lp-hm-cv{animation:none!important;--c1:.4em}
}
/* pauza: poza ekranem, karta w tle, przycisk */
#lp_page .lp-hm-paused *,#lp_page .lp-hm-paused *:before,#lp_page .lp-hm-paused *:after{animation-play-state:paused!important}
/* ---------- czipy hero: podswietlenie czipu pasujacego do sceny (pozycje: reguly .lp-chip1..3 wyzej) ---------- */
#lp_page .lp-hero-shot .lp-browser-bar span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lp_page .lp-hero-shot .lp-chip{z-index:4;transition:border-color .3s,box-shadow .3s,opacity .3s}
#lp_page .lp-hero-shot .lp-chip.lp-hm-on{border-color:var(--login-accent,#2A9FFF);box-shadow:var(--lp-shadow),0 0 0 3px var(--login-accent-ring,rgba(42,159,255,.22))}
#lp_page .lp-hero-shot .lp-chip.lp-hm-on .lp-ci{animation:lp-hm-pop .5s both}
@media (max-width:560px){
	#lp_page .lp-hero-shot .lp-chip{left:0;right:0;top:auto;bottom:-22px;width:max-content;max-width:92%;margin:0 auto}
	#lp_page .lp-hero-shot .lp-chip:not(.lp-hm-on){opacity:0;pointer-events:none}
	#lp_page .lp-hero-shot:not(.lp-hm-live) .lp-chip1{opacity:1}
}
@media (prefers-reduced-motion:reduce){ #lp_page .lp-hero-shot .lp-chip.lp-hm-on .lp-ci{animation:none} }
/* stara przegladarka (bez color-mix albo jednostek cqw - Safari < 16.2, Chrome < 111, Firefox < 113):
   zamiast animacji statyczny kadr podsumowujacy jako zwykla lista, bez skalowania plotna i bez
   telefonu (JS w tym trybie tez nie uruchamia scen). !important: Safari 16.0-16.1 zna juz @container
   (kamera 390 px), a nie zna color-mix - tamte reguly nie moga tu wygrac. */
@supports not ((width:1cqw) and (color:color-mix(in srgb,red 50%,blue))){
	#lp_page .lp-hm .lp-hm-b,#lp_page .lp-hm .lp-hm-ctl,#lp_page .lp-hm .lp-hm-phS{display:none}
	#lp_page .lp-hm-stage{aspect-ratio:auto}
	#lp_page .lp-hm .lp-hm-cv,#lp_page .lp-hm .lp-hm-sum{position:static;display:block;width:auto;height:auto;font-size:11px;transform:none!important;animation:none!important}
	#lp_page .lp-hm .lp-hm-sum{padding:1.2em 1.2em 3.4em}
	#lp_page .lp-hm .lp-hm-sumh{position:static;margin:0 0 .5em}
	#lp_page .lp-hm .lp-hm-srw{position:static;width:auto;height:auto;min-height:4.6em;margin:0 0 .6em;padding:.5em .9em}
}
#lp_page .lp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
#lp_page .lp-stat{background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:15px;padding:20px 18px;text-align:center}
#lp_page .lp-stat b{display:block;font-size:29px;font-weight:850;color:var(--login-title,#1e293b);letter-spacing:-.02em}
#lp_page .lp-stat b i{font-style:normal;color:var(--login-accent,#2A9FFF)}
#lp_page .lp-stat span{font-size:13px;color:var(--login-muted,#64748b)}
@media (max-width:860px){ #lp_page .lp-stats{grid-template-columns:repeat(2,1fr)} }

/* Mapa zasiegu (16 oddzialow) - kontur Polski + kropki, bez nazw i podpisow.
   Kropki nanosi szablon; ksztalt wygenerowany z danych granic (GeoJSON). */
#lp_page .lp-map{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;
	background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);
	border-radius:15px;padding:24px 28px;margin-top:26px}
#lp_page .lp-map svg{width:100%;max-width:300px;height:auto;display:block}
#lp_page .lp-map-land{fill:rgba(127,127,127,.10);stroke:rgba(127,127,127,.45);stroke-width:2;stroke-linejoin:round}
#lp_page .lp-map-dots{fill:var(--login-accent,#2A9FFF);opacity:.9}
#lp_page .lp-map h3{margin:0 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.1em;
	text-transform:uppercase;color:var(--login-accent,#2A9FFF)}
#lp_page .lp-map p{margin:0 0 10px;font-size:15px;color:var(--login-fg,#334155)}
#lp_page .lp-map p.lp-map-sub{margin:0;font-size:13.5px;color:var(--login-muted,#64748b)}
@media (max-width:700px){
	#lp_page .lp-map{grid-template-columns:1fr;gap:18px;text-align:center;justify-items:center}
	#lp_page .lp-map svg{max-width:230px}
}

/* Formularz: pola dodatkowe zwiniete (krotki formularz = wiecej zgloszen) */
#lp_page .lp-more{margin:6px 0 4px}
#lp_page .lp-more>summary{cursor:pointer;font-size:13.5px;color:var(--login-accent,#2A9FFF);list-style:revert}
#lp_page .lp-more>summary:hover{text-decoration:underline}
#lp_page .lp-more-in{margin-top:12px}
#lp_page .lp-form-hint{font-weight:400;color:var(--login-muted,#64748b)}

/* problemy + branze */
#lp_page .lp-probs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
#lp_page .lp-prob{background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:15px;padding:20px;position:relative;overflow:hidden}
#lp_page .lp-prob:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#f87171}
#lp_page .lp-prob h3{font-size:15.5px;margin-bottom:6px}
#lp_page .lp-prob p{margin:0;font-size:13.5px;color:var(--login-muted,#64748b)}
#lp_page .lp-inds{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}
#lp_page .lp-ind{position:relative;background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:15px;padding:18px 16px;transition:transform .25s,box-shadow .25s}
#lp_page .lp-ind:hover{transform:translateY(-3px);box-shadow:var(--lp-shadow)}
#lp_page .lp-ind h3{font-size:14.5px;margin-bottom:6px}
#lp_page .lp-ind p{margin:0;font-size:12.5px;color:var(--login-muted,#64748b)}
#lp_page .lp-opt{position:absolute;right:12px;top:-10px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-green-deep);background:var(--login-card-bg,#fff);border:1px solid rgba(102,211,125,.5);border-radius:999px;padding:3px 9px;box-shadow:0 0 0 3px var(--lp-green-soft)}
#lp_page .lp-ind-spec{border-color:rgba(102,211,125,.55)}
#lp_page .lp-ind-spec h3{padding-top:6px}
/* opinie / referencje - karty z lp_opinions() (sekcja #opinie) */
#lp_page .lp-quotes{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-flow:dense;gap:14px;margin-top:32px}
#lp_page .lp-quote{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;margin:0;background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:15px;padding:18px 18px 16px;transition:transform .2s ease,box-shadow .2s ease}
#lp_page .lp-quote:hover{transform:translateY(-3px);box-shadow:var(--lp-shadow)}
#lp_page .lp-quote blockquote{margin:0;padding-left:12px;border-left:3px solid var(--lp-green);font-size:14.5px;line-height:1.55;color:var(--login-fg,#334155);flex:1}
#lp_page .lp-quote figcaption{font-size:13px;line-height:1.4}
#lp_page .lp-quote figcaption b{display:block;font-size:14px;color:var(--login-title,#1e293b)}
#lp_page .lp-quote figcaption span{display:block;color:var(--login-fg,#334155)}
#lp_page .lp-quote figcaption small{display:block;margin-top:6px;font-size:12px;color:var(--login-muted,#64748b)}
#lp_page .lp-qcar{position:relative;margin-top:32px}
#lp_page .lp-qcar + .lp-qcar{margin-top:10px}
#lp_page .lp-qcar-row .lp-quotes{display:flex;grid-template-columns:none;gap:12px;margin-top:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px 10px;outline:0}
#lp_page .lp-qcar-row .lp-quotes::-webkit-scrollbar{display:none}
#lp_page .lp-qcar-row .lp-quote{flex:0 0 232px;scroll-snap-align:start}
#lp_page .lp-qcar-row .lp-quote:hover{transform:none}
#lp_page .lp-quotes-feat{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;outline:0}
#lp_page .lp-quotes-feat::-webkit-scrollbar{display:none}
#lp_page .lp-quotes-feat:focus-visible{box-shadow:0 0 0 2px var(--login-accent,#2A9FFF);border-radius:15px}
#lp_page .lp-quotes-feat > .lp-quote{flex:0 0 min(560px,86%);scroll-snap-align:center}
#lp_page .lp-quotes-feat > .lp-quote:only-child{flex-basis:min(860px,100%);margin:0 auto}
#lp_page .lp-qcar-btn{position:absolute;top:50%;z-index:2;width:40px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--login-input-border,#d8e0ea);background:var(--login-card-bg,#fff);color:var(--login-title,#1e293b);font-size:24px;line-height:1;cursor:pointer;box-shadow:var(--lp-shadow)}
#lp_page .lp-qcar-btn[hidden]{display:none}
#lp_page .lp-qcar-btn:hover{border-color:var(--login-accent,#2A9FFF);color:var(--login-accent,#2A9FFF)}
#lp_page .lp-qcar-prev{left:-14px}
#lp_page .lp-qcar-next{right:-14px}
@media (max-width:680px){ #lp_page .lp-qcar-prev{left:2px} #lp_page .lp-qcar-next{right:2px} }
#lp_page .lp-quote-has{border-color:rgba(102,211,125,.55);padding:22px 24px 18px}
#lp_page .lp-quote-has blockquote{font-size:15.5px}
@media (max-width:1020px){ #lp_page .lp-quotes{grid-template-columns:repeat(3,1fr)} }
@media (max-width:680px){ #lp_page .lp-quotes{grid-template-columns:repeat(2,1fr);gap:10px} #lp_page .lp-quote{padding:14px} }
@media (max-width:420px){ #lp_page .lp-quotes{grid-template-columns:1fr} }
@media (max-width:1020px){ #lp_page .lp-inds{grid-template-columns:repeat(3,1fr)} }
@media (max-width:860px){ #lp_page .lp-probs{grid-template-columns:repeat(2,1fr)} }
@media (max-width:680px){ #lp_page .lp-inds{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ #lp_page .lp-probs{grid-template-columns:1fr} }
@media (max-width:480px){ #lp_page .lp-inds{grid-template-columns:1fr} }

/* scrollytelling "jak dziala" */
#lp_page .lp-story{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;margin-top:40px;align-items:start}
#lp_page .lp-story-steps{display:flex;flex-direction:column;gap:12vh;padding:6vh 0 16vh}
#lp_page .lp-story-step{border-left:3px solid var(--login-input-border,#d8e0ea);padding:6px 0 6px 22px;transition:border-color .3s,opacity .3s;opacity:.42}
#lp_page .lp-story-step.lp-active{border-color:var(--login-accent,#2A9FFF);opacity:1}
#lp_page .lp-n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--login-accent-ring,rgba(42,159,255,.22));color:var(--login-accent,#2A9FFF);font-weight:800;font-size:14px;margin-bottom:10px}
#lp_page .lp-story-step h3{font-size:19px;margin-bottom:7px}
#lp_page .lp-story-step p{margin:0;font-size:14.5px;color:var(--login-muted,#64748b);max-width:400px}
#lp_page .lp-mob-img{display:none}
#lp_page .lp-story-visual{position:sticky;top:90px;height:calc(100vh - 130px);min-height:420px;display:flex;align-items:center}
#lp_page .lp-story-frame{position:relative;width:100%;background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:16px;box-shadow:var(--lp-shadow-lg);overflow:hidden;aspect-ratio:16/10.6}
#lp_page .lp-story-frame .lp-browser-bar{position:relative;z-index:2}
#lp_page .lp-story-imgs{position:absolute;inset:42px 0 0}
#lp_page .lp-story-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.03);transition:opacity .45s ease,transform .6s ease}
#lp_page .lp-story-imgs img.lp-phone{object-fit:contain;background:var(--login-head-bg,#f7fafc);padding:10px}
#lp_page .lp-story-imgs img.lp-on{opacity:1;transform:scale(1)}
@media (max-width:960px){
	#lp_page .lp-story{grid-template-columns:1fr;gap:0}
	#lp_page .lp-story-visual{display:none}
	#lp_page .lp-story-steps{gap:26px;padding:20px 0}
	#lp_page .lp-story-step{opacity:1}
	#lp_page .lp-mob-img{display:block;margin-top:14px;border:1px solid var(--login-input-border,#d8e0ea);border-radius:12px;box-shadow:var(--lp-shadow);max-width:100%}
}

/* deck ekranow (pionowy scroll -> karty jada w bok). Sekcja jest wysoka
   (550vh), a .lp-deck-pin jest sticky - postep pionowego scrolla mapujemy na
   translateX toru (JS). WAZNE: zaden przodek (patrz #lp_page) nie moze miec
   overflow:hidden - to psuje position:sticky; dlatego #lp_page ma overflow-x:clip.
   ⚠️ Wysokosc skaluje sie z LICZBA KART (~55vh na karte): przy 8 kartach bylo
   440vh, przy 10 (doszly Kanban i Komunikator) jest 550vh. Dokladajac karte
   w tpl/lp_kotly.tpl podnies te wartosc - inaczej tor dojedzie do konca, zanim
   ostatnia karta wjedzie w kadr, i reszta przewijania stoi w miejscu. */
#lp_page .lp-deck-outer{position:relative;height:550vh;margin-top:32px}
#lp_page .lp-deck-pin{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
#lp_page .lp-deck-track{display:flex;gap:34px;padding:0 max(22px,calc((100vw - 1140px)/2 + 22px));will-change:transform}
#lp_page .lp-deck-card{flex:0 0 auto;width:min(760px,78vw);background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:18px;box-shadow:var(--lp-shadow);overflow:hidden}
#lp_page .lp-deck-card figure{margin:0}
#lp_page .lp-deck-shot{display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--login-divider,rgba(0,0,0,.06));background:var(--login-head-bg,#f7fafc);cursor:zoom-in}
#lp_page .lp-deck-shot img{width:100%;height:100%;object-fit:cover;object-position:top}
#lp_page .lp-deck-card figcaption{display:flex;gap:14px;align-items:flex-start;padding:16px 20px 18px}
#lp_page .lp-di{flex:0 0 auto;width:40px;height:40px;border-radius:11px;background:var(--login-accent-ring,rgba(42,159,255,.22));color:var(--login-accent,#2A9FFF);display:flex;align-items:center;justify-content:center}
#lp_page .lp-di svg{width:21px;height:21px}
#lp_page .lp-deck-card b{display:block;font-size:16px;color:var(--login-title,#1e293b)}
#lp_page .lp-deck-card figcaption p{margin:3px 0 0;font-size:13.5px;color:var(--login-muted,#64748b)}
#lp_page .lp-deck-progress{display:flex;gap:8px;justify-content:center;margin-top:26px}
#lp_page .lp-deck-progress i{width:26px;height:4px;border-radius:3px;background:var(--login-input-border,#d8e0ea);transition:background .3s}
#lp_page .lp-deck-progress i.lp-on{background:var(--login-accent,#2A9FFF)}
#lp_page .lp-deck-hint{text-align:center;font-size:12.5px;color:var(--login-muted,#64748b);margin-top:12px}
/* wariant LP pokazuje 6-7 zrzutow ('shots') - krotsza droga przewijania decka */
#lp_page .lp-deck-outer.lp-deck-short{height:270vh}
@media (max-width:760px){
	#lp_page .lp-deck-outer,#lp_page .lp-deck-outer.lp-deck-short{height:auto}
	#lp_page .lp-deck-pin{position:static;height:auto;overflow:visible}
	#lp_page .lp-deck-track{overflow-x:auto;scroll-snap-type:x mandatory;padding:0 22px 14px;transform:none !important}
	#lp_page .lp-deck-card{scroll-snap-align:center;width:86vw}
	#lp_page .lp-deck-progress,#lp_page .lp-deck-hint{display:none}
}
/* fallback reduced-motion: deck jako zwykla lista przewijana recznie */
#lp_page .lp-deck-static,#lp_page .lp-deck-outer.lp-deck-static{height:auto}
#lp_page .lp-deck-static .lp-deck-pin{position:static;height:auto;overflow:visible}
#lp_page .lp-deck-static .lp-deck-track{overflow-x:auto;padding:0 22px 14px;transform:none !important}
#lp_page .lp-deck-static .lp-deck-progress,#lp_page .lp-deck-static .lp-deck-hint{display:none}

/* aplikacja mobilna + wdrozenie (karty) */
#lp_page .lp-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
#lp_page .lp-feat{background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:15px;padding:20px;transition:transform .25s,box-shadow .25s}
#lp_page .lp-feat:hover{transform:translateY(-3px);box-shadow:var(--lp-shadow)}
#lp_page .lp-fi{width:42px;height:42px;border-radius:11px;background:var(--login-accent-ring,rgba(42,159,255,.22));color:var(--login-accent,#2A9FFF);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
#lp_page .lp-fi svg{width:22px;height:22px}
#lp_page .lp-feat-green .lp-fi{background:var(--lp-green-soft);color:#2fa457}
#lp_page .lp-feat h3{font-size:15.5px;margin-bottom:5px}
#lp_page .lp-feat p{margin:0;font-size:13.5px;color:var(--login-muted,#64748b)}
#lp_page .lp-phones{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:900px;margin:38px auto 0}
#lp_page .lp-phone{margin:0;text-align:center}
#lp_page .lp-phone a.img{display:block;cursor:zoom-in}
#lp_page .lp-phone img{width:100%;height:auto;border-radius:20px;border:1px solid var(--login-input-border,#d8e0ea);box-shadow:var(--lp-shadow);transition:transform .3s}
#lp_page .lp-phone:hover img{transform:translateY(-6px) scale(1.02)}
#lp_page .lp-phone figcaption{margin-top:10px;font-size:12.5px;color:var(--login-muted,#64748b)}
#lp_page .lp-stores{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:32px 0 0}
#lp_page .lp-store{display:inline-flex;align-items:center;gap:11px;padding:11px 20px;border-radius:12px;background:var(--login-title,#1e293b);color:#fff;min-width:190px;text-decoration:none}
#lp_page .lp-store-ico{width:24px;height:26px;flex:0 0 auto;display:block}
#lp_page .lp-store span{display:flex;flex-direction:column;line-height:1.2;text-align:left}
#lp_page .lp-store small{font-size:11px;opacity:.75}
#lp_page .lp-store b{font-size:16px}
#lp_page .lp-store:hover{filter:brightness(1.12);text-decoration:none}
#lp_page .lp-store-soon{background:var(--login-card-bg,#fff);color:var(--login-muted,#64748b);border:1px dashed var(--login-input-border,#d8e0ea);cursor:default}
#lp_page .lp-store-soon:hover{filter:none}
@media (max-width:860px){ #lp_page .lp-feats{grid-template-columns:repeat(2,1fr)} #lp_page .lp-phones{grid-template-columns:repeat(2,1fr);max-width:460px} }
@media (max-width:560px){ #lp_page .lp-feats{grid-template-columns:1fr} }

/* moduly */
#lp_page .lp-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
#lp_page .lp-mod{background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:15px;padding:20px;position:relative;transition:transform .25s,box-shadow .25s}
#lp_page .lp-mod:hover{transform:translateY(-3px);box-shadow:var(--lp-shadow)}
#lp_page .lp-mod .lp-opt{top:14px;right:14px;box-shadow:none;background:var(--lp-green-soft)}
/* „w cenie” — moduly bezplatne, ktore klient wlacza sobie sam: ten sam pigulkowy badge co
   „modul opcjonalny”, tylko z mocniejsza obwodka (kolory z tokenow, zeby dzialaly i w ciemnych skorkach). */
#lp_page .lp-mod .lp-opt.lp-inc{border-color:var(--lp-green);box-shadow:0 0 0 3px var(--lp-green-soft)}
#lp_page .lp-mod h3{font-size:15.5px;margin-bottom:6px;padding-right:74px}
#lp_page .lp-mod p{margin:0;font-size:13.5px;color:var(--login-muted,#64748b)}
/* linki do ulotek PDF pod opisem kafelka (moduly i aplikacja) */
#lp_page .lp-mod p.lp-pdfs,#lp_page .lp-feat p.lp-pdfs{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px}
#lp_page .lp-pdf{font-size:12.5px;font-weight:600;color:var(--login-accent,#2A9FFF)}
#lp_page .lp-pdf::before{content:"PDF";display:inline-block;margin-right:6px;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.3px;border:1px solid currentColor;vertical-align:1px}
#lp_page .lp-pdf:hover{text-decoration:underline}
@media (max-width:960px){ #lp_page .lp-mods{grid-template-columns:repeat(2,1fr)} }
@media (max-width:600px){ #lp_page .lp-mods{grid-template-columns:1fr} }

/* motywy */
#lp_page .lp-themes{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
#lp_page .lp-theme-card{margin:0;background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:16px;overflow:hidden;box-shadow:var(--lp-shadow)}
#lp_page .lp-theme-card a.img{display:block;cursor:zoom-in}
#lp_page .lp-theme-card img{width:100%;height:auto;display:block}
#lp_page .lp-theme-card figcaption{padding:13px 18px;font-size:13.5px;color:var(--login-muted,#64748b);border-top:1px solid var(--login-divider,rgba(0,0,0,.06))}
#lp_page .lp-theme-card b{color:var(--login-title,#1e293b)}
@media (max-width:760px){ #lp_page .lp-themes{grid-template-columns:1fr} }

/* os wdrozenia */
#lp_page .lp-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;counter-reset:lptl}
#lp_page .lp-tl-step{position:relative;background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:15px;padding:20px 18px;text-align:center}
#lp_page .lp-tl-step:before{counter-increment:lptl;content:counter(lptl);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--login-accent,#2A9FFF);color:#fff;font-weight:800;font-size:15px;margin-bottom:10px;box-shadow:0 4px 12px var(--login-accent-shadow,rgba(42,159,255,.35))}
#lp_page .lp-tl-step b{display:block;font-size:14.5px;color:var(--login-title,#1e293b);margin-bottom:5px}
#lp_page .lp-tl-step p{margin:0;font-size:12.5px;color:var(--login-muted,#64748b)}
#lp_page .lp-honest{text-align:center;max-width:760px;margin:26px auto 0;font-size:13.5px;color:var(--login-muted,#64748b)}
@media (max-width:860px){ #lp_page .lp-timeline{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ #lp_page .lp-timeline{grid-template-columns:1fr} }

/* FAQ */
#lp_page .lp-faq{max-width:820px;margin:30px auto 0}
#lp_page .lp-faq-item{background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:13px;margin-bottom:10px;overflow:hidden}
#lp_page .lp-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;background:none;border:0;padding:16px 20px;font:inherit;font-size:15px;font-weight:700;color:var(--login-title,#1e293b);cursor:pointer;text-align:left}
#lp_page .lp-pl{flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:var(--login-accent-ring,rgba(42,159,255,.22));color:var(--login-accent,#2A9FFF);display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:transform .3s}
#lp_page .lp-faq-item.lp-open .lp-pl{transform:rotate(45deg)}
#lp_page .lp-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
#lp_page .lp-faq-a p{margin:0;padding:0 20px 17px;font-size:14px;color:var(--login-muted,#64748b)}

/* zobacz tez */
#lp_page .lp-seolinks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:860px;margin:26px auto 0}
#lp_page .lp-seolink{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:12px;padding:14px 18px;font-size:14px;font-weight:600;color:var(--login-title,#1e293b)}
#lp_page .lp-seolink:hover{border-color:var(--login-accent,#2A9FFF);text-decoration:none}
#lp_page .lp-ar{color:var(--login-accent,#2A9FFF);font-size:17px;flex:0 0 auto}
@media (max-width:680px){ #lp_page .lp-seolinks{grid-template-columns:1fr} }

/* wstep pod fraze wariantu (#wstep, lp_variants.php 'intro') - tylko strony wariantow */
#lp_page .lp-intro{max-width:860px;margin:0 auto;background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:18px;padding:30px 36px 28px;box-shadow:var(--lp-shadow)}
#lp_page .lp-intro .lp-h2{margin-bottom:4px}
#lp_page .lp-intro p{margin:14px 0 0;font-size:16px;line-height:1.7;color:var(--login-fg,#334155)}
#lp_page .lp-intro-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
#lp_page .lp-intro-list li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.6;color:var(--login-fg,#334155)}
#lp_page .lp-intro-list li:before{content:"";position:absolute;left:5px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--lp-green);box-shadow:0 0 0 3px var(--lp-green-soft)}
@media (max-width:600px){ #lp_page .lp-intro{padding:22px 18px 20px;border-radius:15px} #lp_page .lp-intro p{font-size:15.5px} }
/* link „Zobacz wszystkie …” pod skroconym zestawem kafelkow na wariancie */
#lp_page .lp-more-link{text-align:center;margin:22px 0 0;font-size:15px;font-weight:700}
#lp_page .lp-more-link a:hover{text-decoration:underline}
/* linki do stron branzowych w kafelku sekcji „Dla kogo” */
#lp_page .lp-ind p.lp-ind-links{display:flex;flex-direction:column;gap:4px;margin-top:9px}
#lp_page .lp-ind-links a{font-size:12.5px;font-weight:700}
#lp_page .lp-ind-links a:hover{text-decoration:underline}

/* formularz leadowy */
#lp_page .lp-formsec{padding-bottom:36px}
#lp_page .lp-formbox{max-width:820px;margin:30px auto 0;background:var(--login-card-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:18px;box-shadow:var(--lp-shadow);padding:30px 28px 26px;position:relative;overflow:hidden}
#lp_page .lp-formbox:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--login-accent,#2A9FFF)}
#lp_page .lp-frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:13px}
#lp_page .lp-formbox label{display:block;font-size:13px;font-weight:600;color:var(--login-title,#1e293b)}
#lp_page .lp-full{margin-bottom:13px}
#lp_page .lp-req{color:#dc2626}
#lp_page .lp-formbox input[type=text],#lp_page .lp-formbox input[type=tel],#lp_page .lp-formbox input[type=email],
#lp_page .lp-formbox select,#lp_page .lp-formbox textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:11px 13px;font:inherit;font-size:14px;font-weight:400;color:var(--login-fg,#334155);background:var(--login-input-bg,#fff);border:1px solid var(--login-input-border,#d8e0ea);border-radius:10px}
#lp_page .lp-formbox input:focus,#lp_page .lp-formbox select:focus,#lp_page .lp-formbox textarea:focus{outline:none;border-color:var(--login-accent,#2A9FFF);box-shadow:0 0 0 3px var(--login-accent-ring,rgba(42,159,255,.22))}
#lp_page .lp-formbox .lp-consent{display:flex;gap:9px;align-items:flex-start;font-weight:400;font-size:12.5px;color:var(--login-muted,#64748b);margin:12px 0 0}
#lp_page .lp-formbox .lp-consent input{width:auto;margin:2px 0 0}
#lp_page .lp-hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;opacity:0}
#lp_page .lp-form-err{margin-top:12px;padding:10px 14px;border-radius:9px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.35);color:#dc2626;font-size:13.5px}
#lp_page .lp-form-cta{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap;align-items:center}
#lp_page .lp-form-note{font-size:12.5px;color:var(--login-muted,#64748b)}
#lp_page .lp-thanks{max-width:820px;margin:30px auto 0;text-align:center;padding:14px 6px 4px}
#lp_page .lp-thanks h3{margin:0 0 8px;font-size:18px}
#lp_page .lp-thanks p{margin:0;color:var(--login-muted,#64748b);font-size:14.5px}
@media (max-width:640px){ #lp_page .lp-frow{grid-template-columns:1fr} #lp_page .lp-formbox{padding:22px 16px 20px} }

/* stopka + mobilny pasek CTA */
#lp_page .lp-foot{border-top:1px solid var(--login-divider,rgba(0,0,0,.06));margin-top:46px;padding:28px 0 90px;text-align:center;font-size:13px;color:var(--login-muted,#64748b)}
#lp_page .lp-mob-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--lp-nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--login-divider,rgba(0,0,0,.06))}
#lp_page .lp-mob-cta .lp-btn{flex:1}
@media (max-width:760px){ #lp_page .lp-mob-cta.lp-show{display:flex} }

/* reveal on scroll */
#lp_page .lp-rv{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
#lp_page .lp-rv.lp-in{opacity:1;transform:none}
#lp_page .lp-rv-d1{transition-delay:.08s}
#lp_page .lp-rv-d2{transition-delay:.16s}
#lp_page .lp-rv-d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
	#lp_page .lp-rv{opacity:1;transform:none;transition:none}
	#lp_page .lp-chip{animation:none}
	#lp_page .lp-browser{transform:none}
}

/* przeniesione z sekcji „Drobne” app.css (strona ofertowa: odstep nad ostatnia uwaga) */
#lp_kampania .lp-note-end { margin-top: 26px; }