/* GrowProof: dodatki landingu „ld” (szablon ld.css bez zmian). */
/* Pułapka na boty formularza CRM poza ekranem. */
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* contact.js ustawia data-kind (success/error), szablon ld.css koloruje tylko data-tone. */
.ld-form__status[data-kind="error"]{color:#b42318}
.ld-form__status[data-kind="success"]{color:var(--brand-strong)}

/* Sceny z nagraniem prawdziwego widżetu (app.js): wideo w naturalnej szerokości, na wąskim ekranie skalowane w dół. */
.ld-stage__live{display:grid;justify-items:center;align-content:center;gap:14px;background:#f1efeb;text-align:center}
.ld-stage__live video{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 40px -28px rgba(17,21,19,.45)}
.ld-stage--phone .ld-stage__live video{border-radius:24px}
.gp-clip-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--ink);font:600 14px var(--font);cursor:pointer;transition:border-color var(--fast)}
.gp-clip-toggle:hover{border-color:var(--ink)}
.gp-clip-toggle svg{width:14px;height:14px;fill:currentColor;stroke:none}
/* Szablon nadaje dzieciom sceny telefonu ramkę telefonu; przycisk nagrania zostaje zwykłą pigułką. */
.ld-stage--phone .ld-stage__live>.gp-clip-toggle{width:auto;margin-inline:auto;border-radius:999px;box-shadow:none}

/* Sekcja pomocy z formularzem CRM: wysoka karta formularza, więc nagłówek przy górze i przyklejony podczas przewijania. */
@media (min-width:1081px){
  .ld-support{align-items:start}
  .ld-support-head{position:sticky;top:120px}
}