/* Wspólne elementy wszystkich układów */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:8px 12px}
:focus-visible{outline:3px solid var(--focus,#ff9a3c);outline-offset:2px}

/* pasek wyboru stylu (zawsze ten sam, niezależnie od układu) */
.themebar{background:#120d1f;color:#fff;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;z-index:60}
.tb-in{max-width:1280px;margin:0 auto;padding:8px 16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tb-in b{font-weight:700;margin-right:6px}
.themebar .tb-in a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:4px 12px;display:inline-flex;gap:7px;align-items:center}
.themebar .tb-in a i{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.5)}
.themebar .tb-in a:hover{background:rgba(255,255,255,.14)}
.themebar .tb-in a[aria-current]{background:#fff;color:#120d1f}

/* formularz */
.fgrid{display:grid;gap:14px}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.fgrid label{display:grid;gap:6px;font-weight:700;font-size:.9rem}
.fgrid input,.fgrid select,.fgrid textarea{font:inherit;font-weight:400;width:100%;padding:12px 14px;color:var(--text);background:var(--field-bg,#fff);border:1px solid var(--field-line,#c9ccd8);border-radius:var(--field-radius,10px)}
.fgrid textarea{min-height:130px;resize:vertical}
.fgrid label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.85rem;opacity:.85}
.fgrid label.check input{width:auto;margin-top:4px}
.hp{position:absolute;left:-9999px}
.form-msg{min-height:1.4em;font-weight:700;margin:0}
.form-msg.ok{color:var(--ok,#0a7d5a)}
.form-msg.err{color:#e5484d}

/* przepływ automatyzacji */
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.node{font-size:.78rem;font-weight:700;padding:5px 10px;border-radius:8px;border:1px solid var(--node-line,currentColor);background:var(--node-bg,transparent);white-space:nowrap}
.node.make{background:var(--accent);color:var(--on-accent,#fff);border-color:var(--accent)}
.arrow{opacity:.7;font-weight:900}

details{border-bottom:1px solid var(--line,rgba(128,128,128,.3));padding:16px 0}
summary{cursor:pointer;font-weight:700;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;font-weight:900;color:var(--accent)}
details[open] summary::after{content:"–"}
details p{margin:10px 0 0;opacity:.8}

.btn{display:inline-block;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;border:0;padding:13px 26px;border-radius:999px;background:var(--accent);color:var(--on-accent,#fff);transition:transform .15s,filter .15s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* karty przykładów branżowych */
.inds{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.ind{display:block;text-decoration:none!important;color:inherit!important;border:1px solid var(--line,rgba(128,128,128,.3));border-radius:var(--ind-r,16px);overflow:hidden;background:var(--ind-bg,transparent);transition:transform .2s}
.ind:hover{transform:translateY(-4px)}
.ind img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.ind b{display:block;padding:12px 16px 0}
.ind span{display:block;padding:2px 16px 16px;font-size:.9rem;opacity:.75}

body a.btn{color:var(--on-accent,#fff);text-decoration:none}