/* Strona główna BHPAlfa — kierunek B+ „Warsztat Premium” (zatwierdzony 26.10.2026).
   Jeden element-bohater: scena, w której zdanie z opisu stanowiska staje się ustaleniem.
   Reszta spokojna: jasne tło, karty z jednopikselową linią, cień tylko pod sceną. */
@font-face{font-family:'DM Sans';src:url('/fonts/dm.ttf') format('truetype');font-weight:100 1000;font-display:swap}@font-face{font-family:'Space Grotesk';src:url('/fonts/space.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--ld-bg:#eef3f1;--ld-paper:#fff;--ld-line:#c9d6d1;--ld-line-soft:#e3ebe8;--ld-ink:#17282e;--ld-ink-2:#3d4d54;--ld-muted:#52636b;--ld-accent:#126456;--ld-accent-soft:#e4f2ec;--ld-accent-tint:#cfe9de;--ld-scene:#0f3f36;--ld-scene-line:#4f7a6f;--ld-scene-muted:#b9d9cf;--ld-amber:#805013;--ld-amber-soft:#fff4dc;--ld-red:#a32e35;--ld-radius-scene:28px;--ld-radius-card:22px;--ld-radius-control:14px;--ld-ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;background:var(--ld-bg);color:var(--ld-ink);font:16px/1.55 'DM Sans',sans-serif;font-synthesis:none}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.1;letter-spacing:-.04em;text-wrap:balance;margin:0}
h2{font-size:40px}h3{font-size:22px;letter-spacing:-.03em}p{margin:0;max-width:68ch}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ld-accent);outline-offset:4px}[hidden]{display:none!important}
.skip-link{position:fixed;top:-80px;left:16px;background:white;padding:12px;z-index:20}.skip-link:focus{top:8px}

/* nagłówek */
.landing-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(24px,calc((100% - 1328px)/2));min-height:78px;background:#eef3f1f2;backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;border-bottom:1px solid transparent}
.landing-header.is-scrolled{border-bottom-color:var(--ld-line)}
.wordmark{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:-.03em;text-decoration:none;display:inline-flex;align-items:baseline;gap:3px}.wordmark-dot{width:6px;height:6px;background:var(--ld-accent);display:block}
.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a{padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px;min-height:44px;display:inline-flex;align-items:center}.desktop-nav a:hover{background:var(--ld-paper)}
.header-actions{display:flex;align-items:center;gap:8px}.login-link{padding:10px 14px;text-decoration:none;font-weight:600;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.header-cta{min-height:46px;padding:0 20px;border-radius:12px;background:var(--ld-ink);border-color:var(--ld-ink);font-size:15px}.mobile-nav{display:none}

/* przyciski */
.button{min-height:56px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:0 24px;border:1px solid var(--ld-line);border-radius:var(--ld-radius-control);text-decoration:none;font-weight:700;font-size:16px;cursor:pointer;background:var(--ld-paper);color:var(--ld-ink);transition:background-color .12s var(--ld-ease),border-color .12s var(--ld-ease),transform .15s var(--ld-ease)}
.button.primary{color:white;background:var(--ld-accent);border-color:var(--ld-accent)}.button:hover{border-color:var(--ld-ink)}.button.primary:hover{background:#0f5447;border-color:#0f5447}.button:active{transform:translateY(1px)}
.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:700;font-size:15px;color:var(--ld-accent)}

/* hero */
.hero,.landing-section,.landing-footer{max-width:1328px;padding:72px 24px;margin:auto}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:40px;padding-bottom:64px}
.hero h1{font-size:clamp(40px,4.3vw,62px);line-height:1.02;letter-spacing:-.045em;max-width:17ch}
.hero-lede{font-size:20px;line-height:1.5;color:var(--ld-ink-2);max-width:52ch;margin-top:24px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 14px}.hero-actions .button.primary{padding:0 28px;font-size:17px;min-height:58px}
.trial-note{font-size:14px;color:var(--ld-muted)}
.hero-scene{margin:0;position:relative;background:var(--ld-scene);border-radius:var(--ld-radius-scene);padding:32px 30px 28px;box-shadow:0 32px 70px -30px rgba(15,63,54,.6);display:flex;flex-direction:column;gap:14px;min-height:500px;color:var(--ld-ink)}
.scene-label{color:var(--ld-scene-muted);font-size:14px;font-weight:600;margin-bottom:4px}
.scene-description{background:var(--ld-paper);border-radius:18px;padding:20px 22px;font-size:15.5px;line-height:1.6}.scene-meta{font-size:12.5px;color:var(--ld-muted);font-weight:600;margin-bottom:8px}
.scene-quote{color:inherit;background:linear-gradient(transparent 62%,var(--ld-accent-tint) 62%) no-repeat;background-size:100% 100%;animation:ld-sweep .9s var(--ld-ease) .4s both}
.scene-result{background:var(--ld-accent-soft);border:1px solid #9fcdbb;border-radius:18px;padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:start;margin-left:40px;animation:ld-rise .5s var(--ld-ease) 1.1s both}
.scene-result>div{display:flex;flex-direction:column;gap:4px}.scene-result strong{font-family:'Space Grotesk',sans-serif;font-size:17px;letter-spacing:-.02em}.scene-result span{font-size:14px;color:var(--ld-ink-2)}.scene-result span+span{color:var(--ld-ink);margin-top:6px}
.scene-result em{font-style:normal;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--ld-paper);color:var(--ld-accent);white-space:nowrap}
.scene-docs{list-style:none;margin:auto 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.scene-docs li{font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;border:1px solid var(--ld-scene-line);color:#d7ebe3}.scene-docs li.is-active{background:var(--ld-paper);color:var(--ld-scene);border-color:var(--ld-paper);font-weight:700}
.scene-note{font-size:12.5px;color:var(--ld-scene-muted)}
@keyframes ld-sweep{from{background-size:0% 100%}to{background-size:100% 100%}}@keyframes ld-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* sekcje */
.landing-section{padding-top:56px;padding-bottom:72px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}.section-heading h2{max-width:22ch}.section-heading p{max-width:46ch;color:var(--ld-muted)}
.workflow-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.workflow-steps li{display:flex;gap:16px;background:var(--ld-paper);border:1px solid var(--ld-line);border-radius:var(--ld-radius-card);padding:22px}
.workflow-steps li>span{flex:0 0 36px;height:36px;border-radius:12px;background:var(--ld-accent-soft);color:var(--ld-accent);display:inline-flex;align-items:center;justify-content:center;font:700 15px 'Space Grotesk',sans-serif}
.workflow-steps h3{font-size:20px;margin-bottom:8px}.workflow-steps p{color:var(--ld-muted);font-size:15px}
.document-types{margin-top:28px;background:var(--ld-paper);border:1px solid var(--ld-line);border-radius:var(--ld-radius-card);padding:20px 22px}
.document-types h3{font-size:16px;margin-bottom:12px}.document-types>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.document-types>div>*{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-top:1px solid var(--ld-line-soft);font-size:15px;font-weight:500;padding:10px 0;gap:10px;text-decoration:none}.document-types>div>a:hover{color:var(--ld-accent)}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.module-grid article{background:var(--ld-paper);border:1px solid var(--ld-line);border-radius:var(--ld-radius-card);padding:22px;display:flex;flex-direction:column;gap:14px}
.module-grid h3{font-size:22px;line-height:1.2}.module-grid article>p{color:var(--ld-muted);font-size:15px}.module-note{font-size:13px;color:var(--ld-muted);margin-top:auto}
.mini-view{border:1px solid var(--ld-line);border-radius:14px;padding:14px;font-size:14px;background:#f7faf9;display:flex;flex-direction:column;gap:8px}
.mini-view p{color:var(--ld-muted);font-size:14px}.mini-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.mini-row>span:last-child,.mini-context .mini-row span{color:var(--ld-accent);font-weight:700}
.mini-context .mini-row+p+.mini-row{border-top:1px solid var(--ld-line);padding-top:8px}
.mini-list{padding:0;overflow:hidden;gap:0}.mini-list .mini-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:#f1f6f4;border-bottom:1px solid var(--ld-line)}.mini-list .mini-head span{color:var(--ld-muted);font-size:13px}
.mini-list .mini-row{padding:10px 14px;border-bottom:1px solid var(--ld-line-soft)}.mini-list .mini-row:last-child{border-bottom:0}
.mini-view em{font-style:normal;font-weight:700}.is-red{color:var(--ld-red)}.is-amber{color:var(--ld-amber)}.mini-radar em.is-amber{align-self:flex-start;font-size:12.5px;padding:4px 10px;border-radius:999px;background:var(--ld-amber-soft)}
.mini-radar b{line-height:1.35}

/* podział odpowiedzialności — ciemna scena */
.trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;background:var(--ld-ink);color:white;border-radius:var(--ld-radius-scene);padding:48px 56px;margin-left:24px;margin-right:24px;max-width:1280px}
.trust-copy{display:flex;flex-direction:column;gap:16px}.trust-copy h2{font-size:36px}.trust-copy p{color:#b9c8c3;max-width:46ch}.trust-copy .text-link{color:var(--ld-accent-tint)}
.trust-split{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:15px}.trust-split>div{display:flex;flex-direction:column;gap:10px;padding-left:16px;border-left:2px solid var(--ld-scene-line)}.trust-split>div+div{border-left-color:var(--ld-accent-tint)}
.trust-split dt{font-weight:700;font-size:17px}.trust-split dd{margin:0;color:#b9c8c3}

/* cennik */
.pricing .section-heading p{max-width:56ch}.offer-status{font-size:13px;color:var(--ld-muted);margin-bottom:14px}.offer-status[data-error=true]{padding:12px;border-left:3px solid var(--ld-amber);color:var(--ld-amber);background:#fff8ed}
#offerRetry{min-height:44px;margin-bottom:14px}

/* pytania i zamknięcie */
.closing{display:grid;grid-template-columns:1.2fr .8fr;gap:48px}.closing h2{margin-bottom:12px}
.faq-list details{border-bottom:1px solid var(--ld-line)}.faq-list summary{font-weight:700;padding:18px 0;min-height:52px;cursor:pointer;list-style-position:outside;margin-left:18px}.faq-list p{color:var(--ld-muted);font-size:15px;padding:0 0 18px}
.final-cta{background:var(--ld-scene);color:white;border-radius:var(--ld-radius-scene);padding:36px;align-self:start;display:flex;flex-direction:column;gap:12px}.final-cta h2{font-size:32px}.final-cta p{color:var(--ld-scene-muted)}
.final-cta .button{width:100%;margin:8px 0 4px;background:white;color:var(--ld-scene);border-color:white}.final-cta .button:hover{background:var(--ld-accent-tint);border-color:var(--ld-accent-tint)}.final-cta>a:last-child{font-size:14px;color:var(--ld-scene-muted)}

/* stopka */
.landing-footer{border-top:1px solid var(--ld-line);padding-block:32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.landing-footer p{font-size:13px;color:var(--ld-muted)}.landing-footer .footer-identity{flex-basis:100%;font-size:13px;line-height:1.65;font-style:normal;color:var(--ld-muted)}
.landing-footer nav{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto;font-size:13px}.landing-footer nav a{min-height:44px;display:flex;align-items:center}

/* komunikaty */
.cookie-note{position:fixed;bottom:16px;left:16px;z-index:11;background:white;box-shadow:0 6px 24px #17282e22;border:1px solid var(--ld-line);border-radius:12px;padding:12px 16px;max-width:calc(100% - 32px);display:flex;align-items:center;gap:16px;font-size:13px}
.cookie-note button{background:var(--ld-ink);border:0;color:white;padding:10px 14px;min-height:44px;border-radius:10px;cursor:pointer}
.review-notice,.noscript-note{padding:16px 24px;background:#fff8ed;border-bottom:1px solid var(--ld-line);font-size:14px}.review-paused{opacity:.65;cursor:not-allowed}

@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:28px;padding-top:32px}.hero h1{max-width:16ch}.hero-scene{max-width:760px;min-height:0}.workflow-steps,.module-grid{grid-template-columns:1fr 1fr}.trust{grid-template-columns:1fr;padding:36px}.closing{grid-template-columns:1fr;gap:32px}.plan-cards{font-size:14px}}
@media(max-width:700px){html{scroll-padding-top:84px}.landing-header{padding:10px 16px;min-height:64px;gap:8px}.wordmark{font-size:22px}.desktop-nav,.header-cta{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{font-size:14px;font-weight:700;min-height:44px;min-width:44px;padding:0 12px;display:flex;align-items:center;cursor:pointer;border:1px solid var(--ld-line);border-radius:12px;background:var(--ld-paper)}.mobile-nav nav{position:absolute;right:0;top:48px;min-width:240px;padding:12px;background:white;border:1px solid var(--ld-line);border-radius:12px;box-shadow:0 6px 24px #17282e22}.mobile-nav a{display:block;padding:12px;font-size:15px}.login-link{font-size:14px;padding:10px}
.hero,.landing-section{padding:28px 16px}.hero{gap:20px}.hero h1{font-size:40px;max-width:none}.hero-lede{font-size:17px;margin-top:16px}.hero-actions{margin:20px 0 12px;gap:10px;flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.trial-note{font-size:13.5px}
.hero-scene{padding:20px 16px 16px;border-radius:22px}.scene-description{padding:14px 16px;font-size:14.5px}.scene-result{margin-left:18px;padding:14px 16px;grid-template-columns:1fr}.scene-result em{justify-self:start}.scene-docs{display:none}
h2{font-size:28px}.section-heading{margin-bottom:18px;gap:10px}.workflow-steps,.module-grid,.document-types>div{grid-template-columns:1fr}.workflow-steps li{padding:16px}.workflow-steps h3{font-size:18px}.document-types{padding:16px}.document-types>div>*{min-height:46px;font-size:14px}
.module-grid article{padding:16px;border-radius:18px}.module-grid h3{font-size:19px}
.trust{margin-left:16px;margin-right:16px;padding:24px 20px;border-radius:22px;gap:20px}.trust-copy h2{font-size:26px}.trust-split{grid-template-columns:1fr;gap:16px}
.final-cta{padding:24px}.final-cta h2{font-size:26px}.landing-footer{padding:24px 16px;gap:10px;display:block}.landing-footer nav{gap:4px 20px;margin:16px 0 0}
.cookie-note{left:10px;bottom:10px;max-width:calc(100% - 20px);padding:10px 12px;gap:10px}.cookie-note p{max-width:22ch}.offer-status{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}