/* GrowVideo: 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): na szerokiej scenie wideo na całą szerokość, jak kadr WebP obok. */
.ld-stage--wide .ld-stage__live[data-live]{min-height:0;padding:0;background:#fbfaf8}
/* Zanim app.js wstawi nagranie, scena trzyma proporcje klipów (≈ 8:5), żeby treść pod demo nie skakała (CLS). */
.ld-stage--wide .ld-stage__live[data-live]:empty{aspect-ratio:8/5}
.ld-stage__live video{display:block;width:100%;max-width:100%;height:auto;background:#fbfaf8}
.ld-stage--phone .ld-stage__live video{background:#111513}
/* Podpis sceny: zdanie po lewej, plan i przycisk nagrania po prawej. */
.ld-stage figcaption>span:first-child{flex:1 1 260px}
.gv-ld-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;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)}
.gv-ld-toggle:hover{border-color:var(--ink)}
.gv-ld-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.gv-ld-toggle svg{width:14px;height:14px;fill:currentColor;stroke: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}
}