/* ===== Sasari — styl strony ===== */
:root {
    --bg: #050505;
    --bg-alt: #080a0d;
    --surface: #0d1014;
    --surface-2: #12161b;
    --border: rgba(255, 255, 255, 0.09);
    --border-strong: rgba(255, 255, 255, 0.16);
    --primary: #00f2ff;
    --primary-dim: rgba(0, 242, 255, 0.12);
    --secondary: #7000ff;
    --warn: #ffc23d;
    --text: #ffffff;
    --muted: #aab1ba;
    --radius: 18px;
    --radius-sm: 12px;
    --container: 1200px;
    --header-h: 76px;
    --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 12px); -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: var(--font);
    font-size: 1.0625rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
img, svg { display: block; max-width: 100%; }
h1, h2, h3, h4 { margin: 0 0 .6em; line-height: 1.15; letter-spacing: -0.02em; font-weight: 750; }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; }
a { color: var(--primary); text-underline-offset: 3px; }
a:hover { color: #7ff8ff; }

:focus-visible {
    outline: 3px solid var(--primary);
    outline-offset: 3px;
    border-radius: 4px;
}

.visually-hidden {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.skip-link {
    position: absolute; left: 1rem; top: -100px; z-index: 1000;
    background: var(--primary); color: #000; padding: .75rem 1rem; border-radius: 8px;
    font-weight: 700; text-decoration: none;
}
.skip-link:focus { top: 1rem; }

.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 1.25rem; }
.narrow { max-width: 860px; }

/* ===== Przyciski ===== */
.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
    padding: .9rem 1.5rem;
    background: var(--primary); color: #001214;
    border: 2px solid var(--primary); border-radius: 999px;
    font: inherit; font-weight: 700; text-decoration: none; line-height: 1.2;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(0, 242, 255, 0);
    transition: transform .2s ease, box-shadow .25s ease, background .2s ease;
}
.btn:hover { color: #001214; background: #5ff7ff; transform: translateY(-2px); box-shadow: 0 10px 30px -8px rgba(0, 242, 255, .55); }
.btn svg { width: 1.15em; height: 1.15em; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.btn:hover svg { transform: translateX(3px); }
.btn-lg { padding: 1.05rem 1.8rem; font-size: 1.08rem; }
.btn-small { padding: .55rem 1.1rem; font-size: .95rem; }
.btn-block { width: 100%; }
.btn-outline { background: transparent; color: var(--primary); }
.btn-outline:hover { background: var(--primary); }

/* ===== Nagłówek ===== */
.site-header {
    position: fixed; inset: 0 0 auto 0; z-index: 100;
    height: var(--header-h);
    background: rgba(5, 5, 5, .72);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border);
}
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.brand img { width: 156px; height: auto; }
.main-nav { display: flex; align-items: center; gap: 2rem; }
.main-nav ul { list-style: none; display: flex; gap: 1.6rem; }
.main-nav ul a { color: var(--muted); text-decoration: none; font-size: .97rem; font-weight: 550; }
.main-nav ul a:hover { color: var(--text); }
.nav-actions { display: flex; align-items: center; gap: 1rem; }
.nav-phone {
    display: inline-flex; align-items: center; gap: .45rem;
    color: var(--text); text-decoration: none; font-weight: 650; white-space: nowrap;
}
.nav-phone svg, .call-fab svg { width: 1.05rem; height: 1.05rem; fill: var(--primary); }
.nav-phone:hover { color: var(--primary); }

.nav-toggle {
    display: none; width: 44px; height: 44px; border-radius: 10px;
    background: transparent; border: 1px solid var(--border-strong); color: var(--text); cursor: pointer;
    position: relative;
}
.nav-toggle-bars, .nav-toggle-bars::before, .nav-toggle-bars::after {
    position: absolute; left: 11px; width: 20px; height: 2px; background: currentColor; border-radius: 2px;
    transition: transform .25s, opacity .25s;
}
.nav-toggle-bars { top: 20px; }
.nav-toggle-bars::before { content: ""; left: 0; top: -6px; }
.nav-toggle-bars::after { content: ""; left: 0; top: 6px; }
.nav-toggle[aria-expanded="true"] .nav-toggle-bars { background: transparent; }
.nav-toggle[aria-expanded="true"] .nav-toggle-bars::before { transform: translateY(6px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle-bars::after { transform: translateY(-6px) rotate(-45deg); }

/* ===== Hero ===== */
.hero {
    position: relative; overflow: hidden;
    padding: calc(var(--header-h) + 4rem) 0 3rem;
    min-height: min(100vh, 980px);
    display: flex; flex-direction: column; justify-content: center;
    isolation: isolate;
}
.hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; opacity: .55; }
.hero-glow {
    position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background:
        radial-gradient(600px 420px at 78% 40%, rgba(0, 242, 255, .13), transparent 70%),
        radial-gradient(520px 420px at 12% 85%, rgba(112, 0, 255, .14), transparent 70%),
        linear-gradient(180deg, transparent 60%, var(--bg) 100%);
}
.hero-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 3rem; align-items: center; }
.eyebrow {
    display: inline-block; margin-bottom: 1.4rem;
    padding: .4rem .9rem; border: 1px solid rgba(0, 242, 255, .3); border-radius: 999px;
    background: rgba(0, 242, 255, .06);
    color: #bdfcff; font-size: .85rem; font-weight: 600; letter-spacing: .02em;
}
.hero h1 { font-size: clamp(2.2rem, 3.7vw, 3.35rem); font-weight: 800; margin-bottom: 1.4rem; }
.grad {
    background: linear-gradient(120deg, #ffffff 0%, var(--primary) 60%, #7ff8ff 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.h1-limit { display: block; margin-top: .35em; font-size: .62em; color: var(--muted); font-weight: 700; letter-spacing: -0.01em; }
.hero-lead { font-size: clamp(1.05rem, 1.5vw, 1.2rem); color: var(--muted); max-width: 40rem; margin-bottom: 2rem; }
.hero-lead strong { color: var(--primary); }
.hero-facts { list-style: none; margin-top: 1.6rem; display: grid; gap: .5rem; max-width: 36rem; }
.hero-facts li { position: relative; padding-left: 1.5rem; color: var(--muted); font-size: .95rem; line-height: 1.45; }
.hero-facts li::before { content: ""; position: absolute; left: .2rem; top: .5em; width: .5rem; height: .5rem; border-radius: 50%; background: var(--primary); box-shadow: 0 0 10px var(--primary); }
.hero-facts li:last-child { color: #dffdff; }

.hero-visual { position: relative; }
.logo-map { width: 100%; max-width: 560px; margin-left: auto; overflow: visible; }
.lm-line { fill: none; stroke: #00787d; stroke-width: 18; stroke-linecap: round; }
.lm-node { fill: #0cf4ff; transform-box: fill-box; transform-origin: center; }
.lm-pulse { fill: #ffffff; filter: drop-shadow(0 0 10px #00f2ff); }
.lm-label rect { fill: rgba(8, 12, 15, .9); stroke: rgba(0, 242, 255, .4); stroke-width: 2; }
.lm-label text { fill: #e9feff; font: 600 28px var(--font); text-anchor: middle; letter-spacing: .01em; }

.js .lm-node { animation: nodeIn .55s cubic-bezier(.3, 1.6, .5, 1) both, nodeBreathe 3.6s ease-in-out infinite alternate; animation-delay: calc(var(--i) * .14s + .2s), calc(var(--i) * .4s + 1.4s); }
.js .lm-line { stroke-dasharray: 1; stroke-dashoffset: 1; animation: lineDraw .9s ease forwards 1.15s; }
.js .lm-label { opacity: 0; animation: labelIn .5s ease forwards; animation-delay: calc(var(--i) * .09s + 1.9s); }
.js .lm-pulses { opacity: 0; animation: labelIn .6s ease forwards 2.6s; }
@keyframes nodeIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes nodeBreathe { from { transform: scale(1); } to { transform: scale(1.05); } }
@keyframes lineDraw { to { stroke-dashoffset: 0; } }
@keyframes labelIn { from { opacity: 0; } to { opacity: 1; } }

.proof-bar {
    list-style: none; margin-top: 3.5rem;
    display: grid; grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--border); border-radius: var(--radius);
    background: rgba(13, 16, 20, .7); backdrop-filter: blur(8px);
}
.proof-bar li { padding: 1.1rem 1.3rem; color: var(--muted); font-size: .95rem; border-left: 1px solid var(--border); }
.proof-bar li:first-child { border-left: 0; }
.proof-bar strong { display: block; color: var(--text); font-size: 1.05rem; }

/* ===== Sekcje ===== */
.section { padding: clamp(4rem, 9vw, 7rem) 0; position: relative; }
.section-alt { background: var(--bg-alt); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.section-head { max-width: 760px; margin-bottom: 3rem; }
.section h2 { font-size: clamp(1.8rem, 3.6vw, 2.7rem); }
.kicker {
    margin-bottom: .8rem; color: var(--primary);
    font-family: var(--font-mono); font-size: .82rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
}
.kicker-warn { color: var(--warn); }
.section-lead { color: var(--muted); font-size: 1.1rem; }

.checks, .crosses { list-style: none; display: grid; gap: .6rem; }
.checks li, .crosses li { position: relative; padding-left: 1.8rem; color: var(--muted); }
.checks li strong, .crosses li strong { color: var(--text); }
.checks li::before {
    content: ""; position: absolute; left: 0; top: .35em; width: 1.05rem; height: 1.05rem; border-radius: 50%;
    background: var(--primary-dim) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f2ff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 70% no-repeat;
}
.crosses li::before {
    content: ""; position: absolute; left: 0; top: .35em; width: 1.05rem; height: 1.05rem; border-radius: 50%;
    background: rgba(255, 110, 110, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8a8a' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center / 62% no-repeat;
}
.checks-lg { gap: 1rem; margin: 1.5rem 0; font-size: 1.05rem; }

.note-box {
    padding: 1rem 1.2rem; margin: 1.5rem 0;
    border-left: 3px solid var(--primary); border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    background: var(--primary-dim); color: #dffdff;
}

/* ===== Objawy ===== */
.symptoms { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.symptom {
    display: flex; flex-direction: column; gap: .7rem; padding: 1.5rem;
    background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
    transition: border-color .25s;
}
.symptom:hover { border-color: rgba(0, 242, 255, .35); }
.symptom p { margin: 0; font-size: 1.05rem; }
.symptom-tag {
    align-self: flex-start; font-family: var(--font-mono); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    color: var(--primary); padding: .2rem .55rem; border-radius: 6px; background: var(--primary-dim);
}

/* ===== Przed / po ===== */
.before-after { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1.25rem; align-items: stretch; }
.ba-col { padding: clamp(1.5rem, 3vw, 2.2rem); border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); }
.ba-col h3 { font-size: 1.3rem; margin-bottom: 1.2rem; }
.ba-col li { font-size: 1.03rem; }
.ba-before h3 { color: #ffb3b3; }
.ba-after { border-color: rgba(0, 242, 255, .4); background: radial-gradient(500px 300px at 100% 0%, rgba(0, 242, 255, .1), transparent 70%), var(--surface); }
.ba-after h3 { color: var(--primary); }
.ba-after li { color: #e6fdff; }
.ba-arrow { display: grid; place-items: center; }
.ba-arrow svg { width: 2.4rem; height: 2.4rem; fill: none; stroke: var(--primary); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* ===== Usługi — drabina ===== */
.ladder { display: grid; gap: 1.25rem; }
.level {
    padding: clamp(1.25rem, 2.5vw, 2rem); border-radius: calc(var(--radius) + 6px);
    border: 1px solid var(--border); background: rgba(255, 255, 255, .015);
}
.level-2 { border-color: rgba(0, 242, 255, .3); background: radial-gradient(700px 360px at 100% 0%, rgba(112, 0, 255, .1), transparent 70%), rgba(0, 242, 255, .02); }
.level-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.4rem; }
.level-head > div { min-width: 0; }
.level-num {
    flex-shrink: 0; width: 3rem; height: 3rem; display: grid; place-items: center; border-radius: 50%;
    border: 2px solid var(--primary); color: var(--primary); font-weight: 800; font-size: 1.2rem;
    box-shadow: 0 0 20px rgba(0, 242, 255, .3);
}
.level-num-sm { width: 2.4rem; height: 2.4rem; font-size: 1.1rem; }
.level-tag { margin: 0 0 .15rem; font-family: var(--font-mono); font-size: .8rem; font-weight: 700; color: var(--primary); text-transform: uppercase; letter-spacing: .1em; }
.level-title { margin: 0; font-size: clamp(1.2rem, 2vw, 1.5rem); }
.level-note { margin: 1.2rem 0 0; color: var(--muted); }
.level-note a { font-weight: 700; }
.level-always {
    display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.4rem; border-radius: var(--radius);
    border: 1px dashed rgba(0, 242, 255, .35); color: var(--muted);
}
.level-always p { margin: 0; }
.level-always strong { color: var(--text); }

.services { display: grid; gap: 1.1rem; }
.services-3 { grid-template-columns: repeat(3, 1fr); }
.services-2 { grid-template-columns: repeat(2, 1fr); }
.service {
    display: flex; flex-direction: column;
    padding: 1.6rem; border-radius: var(--radius);
    background: linear-gradient(180deg, var(--surface-2), var(--surface));
    border: 1px solid var(--border);
    transition: border-color .25s, transform .25s, box-shadow .25s;
}
.service:hover { border-color: rgba(0, 242, 255, .4); transform: translateY(-3px); box-shadow: 0 18px 40px -20px rgba(0, 242, 255, .35); }
.service h4 { font-size: 1.3rem; margin-top: 1.1rem; }
.service-icon {
    width: 3rem; height: 3rem; display: grid; place-items: center; border-radius: 14px;
    background: var(--primary-dim); border: 1px solid rgba(0, 242, 255, .25);
}
.service-icon svg { width: 1.5rem; height: 1.5rem; fill: none; stroke: var(--primary); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.badge {
    display: inline-block; padding: .3rem .7rem; border-radius: 999px; background: var(--primary); color: #001214;
    font-size: .75rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.service-lead { color: #dfe3e8; }
.service .checks { margin-bottom: 1.3rem; font-size: .96rem; }
.service-for, .service-meta { margin: auto 0 0; padding-top: 1rem; border-top: 1px solid var(--border); font-size: .92rem; color: var(--muted); }
.service-for strong { color: var(--text); }
.service-meta { font-family: var(--font-mono); font-size: .82rem; color: #c7f9fc; }
.service-featured {
    border-color: rgba(0, 242, 255, .5);
    background:
        radial-gradient(420px 260px at 0% 0%, rgba(0, 242, 255, .15), transparent 70%),
        radial-gradient(380px 260px at 100% 100%, rgba(112, 0, 255, .18), transparent 70%),
        var(--surface);
}

.ksef {
    margin-top: 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem;
    padding: clamp(1.4rem, 3vw, 2rem); border-radius: var(--radius);
    border: 1px solid rgba(255, 194, 61, .4);
    background: linear-gradient(120deg, rgba(255, 194, 61, .1), transparent 60%), var(--surface);
}
.ksef h3 { font-size: 1.35rem; }
.ksef p:not(.kicker) { margin: 0; color: var(--muted); max-width: 46rem; }
.btn-warn { flex-shrink: 0; background: transparent; color: var(--warn); border-color: var(--warn); }
.btn-warn:hover { background: var(--warn); color: #1a1200; box-shadow: 0 10px 30px -8px rgba(255, 194, 61, .5); }

.section-cta { margin-top: 2.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.section-cta p { margin: 0; color: var(--muted); font-size: 1.08rem; }

/* ===== Agenci AI ===== */
.agent-flow {
    display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-bottom: 2rem;
    padding: 1rem 1.2rem; border-radius: var(--radius); border: 1px solid var(--border); background: var(--surface);
}
.agent-flow span { padding: .45rem .9rem; border-radius: 999px; background: var(--primary-dim); color: #c9fcff; font-weight: 600; font-size: .92rem; }
.agent-flow .agent-flow-human { background: rgba(255, 194, 61, .16); color: #ffd97a; }
.agent-flow i { width: 1.6rem; height: 2px; background: linear-gradient(90deg, var(--primary), rgba(0, 242, 255, .2)); }
.industries { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; }
.industry { padding: 1.6rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); transition: border-color .25s; }
.industry:hover { border-color: rgba(0, 242, 255, .4); }
.industry h3 { font-size: 1.12rem; margin: 1rem 0 1rem; }
.industry .checks { font-size: .93rem; }
.industry-icon { width: 2.75rem; height: 2.75rem; display: grid; place-items: center; border-radius: 12px; background: var(--primary-dim); border: 1px solid rgba(0, 242, 255, .25); }
.industry-icon svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: var(--primary); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ===== Partner AI ===== */
.partner {
    background:
        radial-gradient(800px 420px at 90% 0%, rgba(112, 0, 255, .14), transparent 70%),
        radial-gradient(700px 400px at 0% 100%, rgba(0, 242, 255, .09), transparent 70%);
}
.partner-grid { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.partner-item { padding: 1.6rem; border-radius: var(--radius); background: rgba(13, 16, 20, .85); border: 1px solid rgba(0, 242, 255, .2); }
.partner-num { font-family: var(--font-mono); font-weight: 700; color: var(--primary); }
.partner-item h3 { margin: .7rem 0 .5rem; font-size: 1.15rem; }
.partner-item p { margin: 0; color: var(--muted); font-size: .96rem; }
.compare { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); }
.compare-col { padding: 1.6rem 1.8rem; background: var(--surface); }
.compare-col h3 { font-size: 1.1rem; margin-bottom: 1rem; color: var(--muted); }
.compare-col-rec { background: radial-gradient(500px 260px at 100% 0%, rgba(0, 242, 255, .12), transparent 70%), var(--surface-2); border-left: 1px solid rgba(0, 242, 255, .35); }
.compare-col-rec h3 { color: var(--primary); }
.compare-col-rec li { color: #e6fdff; }

.sectors { list-style: none; display: grid; gap: .8rem; margin-bottom: 1.4rem; }
.sectors li { display: grid; gap: .1rem; padding-bottom: .8rem; border-bottom: 1px solid var(--border); }
.sectors strong { color: var(--text); }
.sectors span { color: var(--muted); font-size: .95rem; }

/* ===== Dwie ścieżki ===== */
.paths-title { margin: 4rem 0 1.4rem; font-size: clamp(1.4rem, 2.4vw, 1.8rem); }
.paths { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.path { position: relative; padding: 1.8rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); }
.path-rec { border-color: rgba(0, 242, 255, .5); box-shadow: 0 20px 50px -30px rgba(0, 242, 255, .5); }
.path .badge { position: absolute; top: 1.4rem; right: 1.4rem; }
.path-label { margin: 0 0 .3rem; font-family: var(--font-mono); font-size: .8rem; color: var(--primary); text-transform: uppercase; letter-spacing: .1em; }
.path h4 { font-size: 1.3rem; padding-right: 6rem; }
.path p { color: var(--muted); }
.path-fit { margin: 0; padding-top: 1rem; border-top: 1px solid var(--border); }
.path-fit strong { color: var(--text); }

/* ===== Mapa / split ===== */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.split-top { align-items: start; }
.map-mock {
    margin: 0; border-radius: var(--radius); overflow: hidden;
    background: var(--surface); border: 1px solid var(--border-strong);
    box-shadow: 0 30px 70px -30px rgba(0, 242, 255, .35);
}
.map-mock-head {
    display: flex; align-items: center; gap: .4rem; padding: .85rem 1.1rem;
    background: var(--surface-2); border-bottom: 1px solid var(--border);
}
.map-mock-head .dot { width: .7rem; height: .7rem; border-radius: 50%; background: #3a4048; }
.map-mock-title { margin-left: .6rem; font-family: var(--font-mono); font-size: .8rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.map-steps { list-style: none; counter-reset: st; padding: 1rem 1.1rem; display: grid; gap: .55rem; }
.map-steps li {
    counter-increment: st;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    padding: .8rem 1rem; border-radius: 10px; background: rgba(255, 255, 255, .03); border: 1px solid var(--border);
    font-size: .95rem;
}
.map-steps li span::before { content: counter(st) ". "; color: var(--primary); font-family: var(--font-mono); }
.tag { flex-shrink: 0; font-style: normal; font-size: .75rem; font-weight: 700; padding: .25rem .6rem; border-radius: 999px; white-space: nowrap; }
.tag-auto { background: rgba(0, 242, 255, .14); color: #9ffbff; }
.tag-ai { background: rgba(143, 107, 255, .2); color: #d2c4ff; }
.tag-human { background: rgba(255, 194, 61, .16); color: #ffd97a; }
.map-mock figcaption { padding: 0 1.1rem 1.1rem; color: var(--muted); font-size: .85rem; }

/* ===== Mierniki ===== */
.metrics { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.metric { padding: 1.6rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); }
.metric h3 { font-size: 1.12rem; margin-top: 1rem; }
.metric p { margin: 0; color: var(--muted); font-size: .95rem; }
.metric-ico { width: 2.75rem; height: 2.75rem; display: grid; place-items: center; border-radius: 12px; background: var(--primary-dim); }
.metric-ico svg { width: 1.4rem; height: 1.4rem; fill: none; stroke: var(--primary); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

/* ===== Proces my / Ty ===== */
.process { list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
.pstep { padding: 1.4rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); display: flex; flex-direction: column; gap: 1.1rem; }
.pstep:nth-child(3) { border-color: rgba(0, 242, 255, .45); }
.pstep-head { display: grid; gap: .9rem; }
.step-num {
    width: 2.8rem; height: 2.8rem; display: grid; place-items: center; border-radius: 50%;
    background: var(--bg); border: 2px solid var(--primary); color: var(--primary);
    font-weight: 800; font-size: 1.1rem; box-shadow: 0 0 20px rgba(0, 242, 255, .3);
}
.pstep h3 { font-size: 1.1rem; margin-bottom: .2rem; }
.step-tag { margin: 0; font-family: var(--font-mono); font-size: .74rem; color: var(--primary); text-transform: uppercase; letter-spacing: .05em; line-height: 1.4; }
.pstep-roles { margin: 0; display: grid; gap: .7rem; }
.pstep-roles div { padding-top: .7rem; border-top: 1px solid var(--border); }
.pstep-roles dt { font-family: var(--font-mono); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--text); }
.pstep-roles div:last-child dt { color: var(--warn); }
.pstep-roles dd { margin: .15rem 0 0; color: var(--muted); font-size: .93rem; line-height: 1.45; }

/* ===== Wyróżniki ===== */
.principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.principle { padding: 1.8rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); }
.principle-num { font-family: var(--font-mono); font-weight: 700; color: var(--primary); }
.principle h3 { margin-top: .8rem; font-size: 1.25rem; }
.principle p { margin: 0; color: var(--muted); }

/* ===== Dla kogo ===== */
.fit { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.fit-col { padding: 1.8rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); }
.fit-col h3 { font-size: 1.2rem; margin-bottom: 1.2rem; }
.fit-yes { border-color: rgba(0, 242, 255, .45); }
.fit-yes li { color: #e6fdff; }

/* ===== Panele ===== */
.two-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.panel { padding: clamp(1.6rem, 3vw, 2.6rem); border-radius: var(--radius); background: var(--surface); border: 1px solid rgba(0, 242, 255, .25); }
.panel h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); }
.panel > p { color: var(--muted); }
.panel-muted { border-color: var(--border); }

/* ===== Realizacje ===== */
.cases { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.case { padding: 1.6rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); display: flex; flex-direction: column; }
.case h3 { font-size: 1.18rem; margin: .9rem 0 1rem; }
.case-tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.case-tag {
    display: inline-block; font-family: var(--font-mono); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
    padding: .2rem .55rem; border-radius: 6px; background: rgba(0, 242, 255, .12); color: #9ffbff;
}
.case-tag-muted { background: rgba(255, 255, 255, .07); color: var(--muted); }
.case-flow { margin: 0; display: grid; gap: .8rem; flex: 1; }
.case-flow dt { font-family: var(--font-mono); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }
.case-flow dd { margin: .15rem 0 0; color: #dfe3e8; font-size: .97rem; }
.case-effect { margin-top: auto; padding: .9rem 1rem; border-radius: 10px; background: var(--primary-dim); }
.case-effect dt { color: var(--primary); }
.case-effect dd { color: #e6fdff; font-weight: 600; }

/* ===== FAQ ===== */
.faq { display: grid; gap: .75rem; }
.faq details { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); transition: border-color .2s; }
.faq details[open] { border-color: rgba(0, 242, 255, .35); }
.faq summary {
    list-style: none; cursor: pointer; padding: 1.15rem 3.2rem 1.15rem 1.3rem; position: relative;
    font-weight: 650; font-size: 1.06rem;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
    content: ""; position: absolute; right: 1.3rem; top: 50%; width: .65rem; height: .65rem;
    border-right: 2px solid var(--primary); border-bottom: 2px solid var(--primary);
    transform: translateY(-70%) rotate(45deg); transition: transform .25s;
}
.faq details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.faq details p { margin: 0; padding: 0 1.3rem 1.25rem; color: var(--muted); }

/* ===== Kontakt ===== */
.contact {
    background:
        radial-gradient(700px 400px at 85% 20%, rgba(0, 242, 255, .09), transparent 70%),
        radial-gradient(600px 400px at 0% 100%, rgba(112, 0, 255, .1), transparent 70%);
}
.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 3.5rem; align-items: start; }
.contact-info { position: sticky; top: calc(var(--header-h) + 2rem); }
.next-title { margin: 2rem 0 1rem; font-size: 1.1rem; }
.next-steps { list-style: none; counter-reset: nx; display: grid; gap: .8rem; }
.next-steps li { counter-increment: nx; position: relative; padding-left: 2.6rem; color: var(--muted); }
.next-steps li strong { color: var(--text); }
.next-steps li::before {
    content: counter(nx); position: absolute; left: 0; top: 0; width: 1.8rem; height: 1.8rem; display: grid; place-items: center;
    border-radius: 50%; border: 1.5px solid var(--primary); color: var(--primary); font-weight: 800; font-size: .85rem;
}
.trust-micro { list-style: none; display: grid; gap: .5rem; padding: 1rem 1.1rem; border-radius: var(--radius-sm); background: rgba(255, 255, 255, .03); border: 1px solid var(--border); }
.trust-micro li { display: flex; align-items: center; gap: .65rem; font-size: .9rem; color: #d4d9df; }
.trust-micro svg { flex-shrink: 0; width: 1.1rem; height: 1.1rem; fill: none; stroke: var(--primary); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ===== Pasek CTA ===== */
.cta-strip {
    padding: clamp(3rem, 6vw, 4.5rem) 0;
    background:
        radial-gradient(600px 300px at 15% 50%, rgba(0, 242, 255, .16), transparent 70%),
        radial-gradient(600px 300px at 85% 50%, rgba(112, 0, 255, .18), transparent 70%),
        #07090b;
    border-top: 1px solid rgba(0, 242, 255, .25);
}
.cta-strip-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.cta-strip h2 { margin: 0; font-size: clamp(1.5rem, 3vw, 2.2rem); max-width: 40rem; }
.cta-strip .btn { flex-shrink: 0; }

.contact-list { margin: 2rem 0 0; display: grid; gap: 1.1rem; }
.contact-list div { padding-bottom: 1.1rem; border-bottom: 1px solid var(--border); }
.contact-list dt { font-family: var(--font-mono); font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }
.contact-list dd { margin: .2rem 0 0; font-size: 1.1rem; font-weight: 600; }
.contact-list a { color: var(--text); text-decoration: none; }
.contact-list a:hover { color: var(--primary); }

.form-card {
    padding: clamp(1.4rem, 3vw, 2.4rem); border-radius: var(--radius);
    background: rgba(13, 16, 20, .9); border: 1px solid var(--border-strong);
    box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .8);
}
.form { display: grid; gap: 1.1rem; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.field { display: grid; gap: .4rem; }
.field label { font-weight: 600; font-size: .95rem; }
.req { color: var(--primary); }
.field input, .field select, .field textarea {
    width: 100%; font: inherit; font-size: 1rem; color: var(--text);
    padding: .8rem .95rem; border-radius: 10px;
    background: #07090b; border: 1px solid #39414b;
    transition: border-color .2s, box-shadow .2s;
}
.field textarea { resize: vertical; min-height: 8rem; }
.field select {
    appearance: none; -webkit-appearance: none; padding-right: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f2ff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right .8rem center; background-size: 1.1rem;
}
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0, 242, 255, .3); }
.field [aria-invalid="true"] { border-color: #ff7b7b; }
.field-error { color: #ff9c9c; font-size: .88rem; margin: 0; }
.hint { margin: 0; color: var(--muted); font-size: .87rem; }
.field-check { grid-template-columns: auto 1fr; align-items: start; gap: .75rem; }
.field-check input { width: 1.25rem; height: 1.25rem; margin-top: .2rem; accent-color: var(--primary); padding: 0; }
.field-check label { font-weight: 400; color: var(--muted); font-size: .92rem; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-status:empty { display: none; }
.form-status { padding: 1rem 1.2rem; border-radius: var(--radius-sm); font-weight: 550; }
.form-status.is-ok { background: rgba(0, 242, 255, .1); border: 1px solid rgba(0, 242, 255, .4); color: #dffdff; }
.form-status.is-error { background: rgba(255, 110, 110, .1); border: 1px solid rgba(255, 110, 110, .45); color: #ffd6d6; }
.form-status a { color: inherit; font-weight: 700; }
.form.is-sending button[type="submit"] { opacity: .7; pointer-events: none; }

/* ===== Stopka ===== */
.site-footer { border-top: 1px solid var(--border); padding: 3.5rem 0 1.5rem; background: #030303; color: var(--muted); font-size: .95rem; }
.footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 2.5rem; }
.footer-logo { width: 140px; height: auto; margin-bottom: 1rem; }
.footer-small { font-size: .87rem; }
.footer-title { font-size: .8rem; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .12em; color: var(--text); margin-bottom: 1rem; }
.footer-links { list-style: none; display: grid; gap: .45rem; }
.site-footer a { color: var(--muted); text-decoration: none; }
.site-footer a:hover { color: var(--primary); }
address { font-style: normal; line-height: 1.8; }
.social { list-style: none; display: flex; gap: .6rem; margin-top: 1rem; }
.social a { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--border-strong); }
.social svg { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.footer-bottom { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border); font-size: .85rem; }
.footer-bottom p { margin: 0; }

/* ===== Przycisk dzwonienia (mobile) ===== */
.call-fab {
    display: none; position: fixed; right: 1rem; bottom: 1rem; z-index: 90;
    align-items: center; gap: .5rem; padding: .85rem 1.2rem; border-radius: 999px;
    background: var(--primary); color: #001214; font-weight: 800; text-decoration: none;
    box-shadow: 0 10px 30px -6px rgba(0, 242, 255, .6);
}
.call-fab svg { fill: #001214; }
.call-fab:hover { color: #001214; }

/* ===== Animacje wejścia (tylko z JS) ===== */
.js .reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.js .reveal.is-visible { opacity: 1; transform: none; }
.reveal-group > .reveal:nth-child(2) { transition-delay: .07s; }
.reveal-group > .reveal:nth-child(3) { transition-delay: .14s; }
.reveal-group > .reveal:nth-child(4) { transition-delay: .21s; }
.reveal-group > .reveal:nth-child(5) { transition-delay: .28s; }
.reveal-group > .reveal:nth-child(6) { transition-delay: .35s; }

/* ===== Podstrony usług (wzór: /agenci-ai/) ===== */
.page-hero { min-height: 0; padding-top: calc(var(--header-h) + 1.5rem); padding-bottom: 4rem; }
.page-hero h1 { font-size: clamp(2rem, 3.6vw, 3.1rem); }
.breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 2rem; font-size: .88rem; color: var(--muted); }
.breadcrumbs li + li::before { content: "›"; margin-right: .4rem; color: var(--primary); }
.breadcrumbs a { color: var(--muted); text-decoration: none; }
.breadcrumbs a:hover { color: var(--primary); }
.tldr { margin: 0 0 2rem; padding: 1.1rem 1.3rem; border-radius: var(--radius-sm); border: 1px solid rgba(0, 242, 255, .3); background: rgba(0, 242, 255, .06); max-width: 40rem; }
.tldr p { margin: 0; color: #dffdff; }
.tldr .tldr-label { margin-bottom: .35rem; font-family: var(--font-mono); font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--primary); }

.agent-mock { margin: 0; border-radius: var(--radius); overflow: hidden; background: rgba(13, 16, 20, .92); border: 1px solid var(--border-strong); box-shadow: 0 30px 70px -30px rgba(0, 242, 255, .4); }
.agent-log { list-style: none; padding: 1.1rem; display: grid; gap: .7rem; }
.agent-log li { display: flex; gap: .9rem; align-items: flex-start; padding: .85rem 1rem; border-radius: 12px; border: 1px solid var(--border); background: rgba(255, 255, 255, .03); }
.agent-log strong { display: block; font-size: .98rem; }
.agent-log span:not(.agent-log-ico) { color: var(--muted); font-size: .86rem; }
.agent-log-ico { flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin-top: .1rem; border-radius: 50%; }
.agent-log .is-done .agent-log-ico {
    background: var(--primary-dim) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f2ff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 62% no-repeat;
}
.agent-log .is-wait { border-color: rgba(255, 194, 61, .45); background: rgba(255, 194, 61, .07); }
.agent-log .is-wait .agent-log-ico { border: 2px solid var(--warn); box-shadow: 0 0 0 4px rgba(255, 194, 61, .15); }
.agent-mock figcaption { padding: 0 1.1rem 1.1rem; color: var(--muted); font-size: .84rem; }
.js .agent-log li { animation: logIn .5s ease both; animation-delay: calc(var(--i) * .45s + .4s); }
.js .agent-log .is-wait .agent-log-ico { animation: waitPulse 1.6s ease-in-out infinite 2.2s; }
@keyframes logIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes waitPulse { 50% { box-shadow: 0 0 0 8px rgba(255, 194, 61, 0); } }

.vs-table { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); }
.vs-row { display: grid; grid-template-columns: .8fr 1fr 1.2fr; }
.vs-row > span { padding: 1rem 1.3rem; border-top: 1px solid var(--border); color: var(--muted); }
.vs-row > span:nth-child(1) { color: var(--text); font-weight: 650; background: var(--surface); }
.vs-row > span:nth-child(3) { color: #e6fdff; background: rgba(0, 242, 255, .06); border-left: 1px solid rgba(0, 242, 255, .3); }
.vs-head > span { border-top: 0; font-family: var(--font-mono); font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; background: var(--surface-2) !important; }
.vs-head > span:nth-child(3) { color: var(--primary); }

.agent-cases { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.agent-case { display: flex; flex-direction: column; padding: 1.6rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); transition: border-color .25s; }
.agent-case:hover { border-color: rgba(0, 242, 255, .4); }
.agent-case h3 { font-size: 1.2rem; }
.agent-case p { color: var(--muted); }
.agent-case-for { margin: auto 0 0; padding-top: .9rem; border-top: 1px solid var(--border); font-family: var(--font-mono); font-size: .78rem; color: #c7f9fc !important; }

.fit-2 { grid-template-columns: 1fr 1fr; }

.timeline { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; position: relative; }
.timeline::before { content: ""; position: absolute; left: 1.6rem; right: 1.6rem; top: 1.05rem; height: 2px; background: linear-gradient(90deg, var(--primary), rgba(143, 107, 255, .8)); opacity: .45; }
.tl-step { position: relative; padding-top: 3rem; }
.tl-step::before { content: ""; position: absolute; top: .45rem; left: 0; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: var(--bg); border: 3px solid var(--primary); box-shadow: 0 0 16px rgba(0, 242, 255, .45); }
.tl-days { margin: 0 0 .3rem; font-family: var(--font-mono); font-size: .8rem; font-weight: 700; color: var(--primary); text-transform: uppercase; letter-spacing: .08em; }
.tl-step h3 { font-size: 1.15rem; }
.tl-step p:last-child { color: var(--muted); font-size: .97rem; }

.chips { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }
.chips li { padding: .45rem .9rem; border-radius: 999px; border: 1px solid var(--border-strong); background: var(--surface); font-size: .92rem; color: #dfe3e8; }
.panel-h3 { font-size: 1.35rem; }

.next-box { margin-top: 1.5rem; padding: 1.6rem 1.8rem; border-radius: var(--radius); border: 1px dashed rgba(0, 242, 255, .4); }
.next-box h3 { font-size: 1.2rem; }
.next-box p { margin: 0; color: var(--muted); }
.next-box a { font-weight: 700; }

.related-section { padding: 3.5rem 0; }
.related-title { font-size: 1.4rem !important; margin-bottom: 1.2rem; }
.related { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.related a { display: grid; gap: .3rem; height: 100%; padding: 1.2rem 1.3rem; border-radius: var(--radius-sm); background: var(--surface); border: 1px solid var(--border); text-decoration: none; transition: border-color .2s, transform .2s; }
.related a:hover { border-color: rgba(0, 242, 255, .45); transform: translateY(-2px); }
.related strong { color: var(--text); }
.related strong::after { content: " →"; color: var(--primary); }
.related span { color: var(--muted); font-size: .9rem; }

.section-more { margin: 1.5rem 0 0; }
.section-more a { font-weight: 700; }

/* ===== Podstrony tekstowe ===== */
.page { padding: calc(var(--header-h) + 3.5rem) 0 5rem; }
.page h1 { font-size: clamp(2rem, 4vw, 2.8rem); }
.page h2 { font-size: 1.35rem; margin-top: 2.2rem; }
.page p, .page li { color: var(--muted); }
.page ul { padding-left: 1.2rem; display: grid; gap: .4rem; margin-bottom: 1em; }

/* ===== Responsywność ===== */
@media (max-width: 1080px) {
    .main-nav ul { gap: 1.1rem; }
    .nav-phone { display: none; }
    .services-3 { grid-template-columns: 1fr 1fr; }
    .services-3 > :last-child { grid-column: 1 / -1; }
    .metrics { grid-template-columns: 1fr 1fr; }
    .process { grid-template-columns: repeat(3, 1fr); }
    .principles, .fit { grid-template-columns: 1fr 1fr; }
    .principles > :last-child, .fit > :last-child { grid-column: 1 / -1; }
    .cases, .industries, .partner-grid, .agent-cases, .related { grid-template-columns: 1fr 1fr; }
    .timeline { grid-template-columns: 1fr 1fr; row-gap: 2rem; }
    .timeline::before { display: none; }
}

@media (max-width: 900px) {
    :root { --header-h: 68px; }
    .brand img { width: 132px; }
    .nav-toggle { display: inline-block; }
    .main-nav {
        position: fixed; top: var(--header-h); left: 0; right: 0;
        flex-direction: column; align-items: stretch; gap: 1.5rem;
        padding: 1.5rem 1.25rem 2rem;
        background: rgba(5, 5, 5, .97); border-bottom: 1px solid var(--border);
        display: none;
    }
    .main-nav.is-open { display: flex; }
    .main-nav ul { flex-direction: column; gap: 0; }
    .main-nav ul a { display: block; padding: .9rem 0; border-bottom: 1px solid var(--border); font-size: 1.1rem; color: var(--text); }
    .nav-actions { flex-direction: column; align-items: stretch; }
    .nav-phone { display: inline-flex; justify-content: center; padding: .7rem; border: 1px solid var(--border-strong); border-radius: 999px; }
    html:not(.js) .nav-toggle { display: none; }

    .hero { min-height: 0; padding-top: calc(var(--header-h) + 2.5rem); }
    .hero-grid { grid-template-columns: 1fr; gap: 2rem; }
    .hero-visual { max-width: 420px; margin: 0 auto; width: 100%; }
    .proof-bar { grid-template-columns: 1fr 1fr; }
    .proof-bar li:nth-child(3) { border-left: 0; }
    .proof-bar li:nth-child(n+3) { border-top: 1px solid var(--border); }

    .symptoms { grid-template-columns: 1fr 1fr; }
    .before-after { grid-template-columns: 1fr; }
    .ba-arrow svg { transform: rotate(90deg); }
    .services-2, .paths { grid-template-columns: 1fr; }
    .process { grid-template-columns: 1fr 1fr; }
    .ksef, .cta-strip-inner { flex-direction: column; align-items: flex-start; gap: 1.25rem; }
    .split, .contact-grid, .two-cards { grid-template-columns: 1fr; gap: 2.5rem; }
    .contact-info { position: static; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .footer-grid > :first-child { grid-column: span 2; }
    .call-fab { display: inline-flex; }
    .site-footer { padding-bottom: 5rem; }
}

@media (max-width: 640px) {
    body { font-size: 1rem; }
    .hero-visual { max-width: 330px; }
    .hero-copy > .btn { width: 100%; }
    .symptoms, .services-3, .metrics, .process, .cases, .principles, .fit, .form-row, .industries, .partner-grid, .compare, .agent-cases, .related, .timeline, .fit-2 { grid-template-columns: 1fr; }
    .vs-row { grid-template-columns: 1fr 1fr; }
    .vs-row > span:nth-child(1) { grid-column: 1 / -1; padding-bottom: .5rem; }
    .vs-row > span:nth-child(2), .vs-row > span:nth-child(3) { border-top: 0; font-size: .92rem; }
    .vs-head > span:nth-child(1) { display: none; }
    .vs-head > span:nth-child(2), .vs-head > span:nth-child(3) { border-top: 0; }
    .services-3 > :last-child, .principles > :last-child, .fit > :last-child { grid-column: auto; }
    .compare-col-rec { border-left: 0; border-top: 1px solid rgba(0, 242, 255, .35); }
    .agent-flow { flex-direction: column; align-items: flex-start; }
    .agent-flow i { width: 2px; height: 1rem; margin-left: 1.2rem; }
    .level { padding: 1rem .75rem; }
    .service { padding: 1.3rem; }
    .path h4 { padding-right: 0; }
    .path .badge { position: static; margin-bottom: .8rem; }
    .cta-strip .btn, .ksef .btn { width: 100%; }
    .proof-bar li { padding: .9rem 1rem; font-size: .88rem; }
    .map-steps li { flex-direction: column; align-items: flex-start; gap: .4rem; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-grid > :first-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .001ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; }
    .js .reveal { opacity: 1; transform: none; }
    .lm-pulses { display: none; }
    .hero-canvas { display: none; }
}

/* FAQ: pytania jako nagłówki H3 (SEO / AI) — wygląd bez zmian */
.faq summary .faq-q { display: inline; margin: 0; font: inherit; color: inherit; letter-spacing: inherit; }
.faq-sources { margin: 1.5rem 0 0; font-size: .9rem; color: var(--muted); }

/* ===== Podstrony oferty (landingi) ===== */
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.5rem; }
.agent-case h3 a { color: var(--text); text-decoration: none; }
.agent-case h3 a::after { content: " →"; color: var(--primary); }
.agent-case h3 a:hover { color: var(--primary); }
.case-mini { margin: 1.25rem 0; padding: 1.1rem 1.2rem; border-radius: var(--radius-sm); border: 1px solid var(--border); background: rgba(255, 255, 255, .02); }
.case-mini h3 { font-size: 1.05rem; margin: 0 0 .6rem; }
.case-mini p { margin: .25rem 0; color: var(--muted); font-size: .95rem; }
.case-mini p strong { color: var(--text); }
@media (max-width: 560px) { .hero-actions .btn { width: 100%; justify-content: center; } }
/* 5 kafelków „Pozostałe usługi” w jednym rzędzie na dużym ekranie */
@media (min-width: 1100px) { .related:has(> li:nth-child(5):last-child) { grid-template-columns: repeat(5, 1fr); } }

/* Linki „Więcej →” z kart usług na stronie głównej */
.service-more { display: inline-block; margin-top: .9rem; font-weight: 650; font-size: .95rem; text-decoration: none; }
.service-more:hover { text-decoration: underline; }
.ksef-more { display: inline-block; margin-left: 1rem; font-weight: 650; color: var(--warn); }
/* Poradnik: tekst artykułu i tabela 2-kolumnowa */
.prose { max-width: 780px; margin-bottom: 1.5rem; }
.prose p { color: var(--muted); line-height: 1.75; margin: 0 0 1rem; font-size: 1.05rem; }
.prose p strong, .prose li strong { color: var(--text); }
.prose code { font-family: var(--font-mono); font-size: .85em; padding: .1em .35em; border-radius: 6px; background: var(--surface-2); color: #c7f9fc; word-break: break-all; }
.prose .checks, .prose .crosses { margin: .5rem 0 1rem; }
.section .prose + .agent-cases, .section .prose + .vs-table, .section .prose + .timeline, .section .prose + .fit { margin-top: 1.5rem; }
.vs-row.vs-2 { grid-template-columns: .9fr 2fr; }
.vs-row.vs-2 > span:nth-child(2) { color: #e6fdff; background: rgba(0, 242, 255, .06); border-left: 1px solid rgba(0, 242, 255, .3); }
.next-box + .prose, .agent-cases + .prose, .vs-table + .prose, .timeline + .prose, .fit + .prose, .agent-cases + .next-box, .fit + .next-box { margin-top: 1.5rem; }
@media (max-width: 720px) { .vs-row.vs-2 { grid-template-columns: 1fr; } }

/* =========================================================
   JASNE PRZEŁAMANIA (.theme-light) — kremowe tło jak w grafikach,
   czarny tekst, akcent turkusowy, przyciski czarne z cyjanem
   ========================================================= */
.theme-light {
    --bg: #f6f1e8; --bg-alt: #f2ece1; --surface: #fffdf8; --surface-2: #f4eee4;
    --text: #121314; --muted: #4a4f57; --border: rgba(18, 19, 20, .10); --border-strong: rgba(18, 19, 20, .18);
    --primary: #00737c; --primary-dim: rgba(0, 115, 124, .10);
    background: var(--bg); color: var(--text);
}
.section-alt.theme-light { background: var(--bg-alt); }
.theme-light a:not(.btn) { color: var(--primary); }
.theme-light .section-lead, .theme-light p { color: var(--muted); }
.theme-light h2, .theme-light h3 { color: var(--text); }
.theme-light .checks li::before {
    background: var(--primary-dim) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007a83' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 70% no-repeat;
}
.theme-light .crosses li::before {
    background: rgba(180, 35, 24, .09) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b42318' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center / 62% no-repeat;
}
.theme-light .btn { background: #0b0b0b; color: #2fe3f0; border-color: #0b0b0b; }
.theme-light .btn:hover { background: #000; color: #6ff4ff; box-shadow: 0 12px 28px -12px rgba(0, 0, 0, .45); }
.theme-light .btn-outline { background: transparent; color: #121314; border-color: #121314; }
.theme-light .ba-col, .theme-light .case { box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 14px 32px -18px rgba(0, 0, 0, .18); }
.theme-light .ba-before h3 { color: #b42318; }
.theme-light .ba-after { border-color: rgba(0, 115, 124, .35); background: radial-gradient(500px 300px at 100% 0%, rgba(0, 115, 124, .08), transparent 70%), var(--surface); }
.theme-light .ba-after li, .theme-light .case-effect dd { color: var(--text); }
.theme-light .case-flow dd { color: #2b2f35; }
.theme-light .case-tag { background: #0b0b0b; color: #2fe3f0; }
.theme-light .case-tag-muted { background: rgba(0, 0, 0, .06); color: var(--muted); }
/* czarna ramka z cyjanem — jak „swojej firmy” na grafikach */
.mark-box { background: #0b0b0b; color: #2fe3f0; padding: 0 .22em; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 1.35; }

/* Sekcja „W praktyce” — wiersze grafika + tekst */
.show-row { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.show-row + .show-row { margin-top: clamp(3rem, 7vw, 5.5rem); }
.show-row-rev .show-media { order: 2; }
.show-media { margin: 0; border-radius: 22px; overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 30px 60px -30px rgba(0, 0, 0, .35); background: #e9e2d6; }
.show-media img { width: 100%; height: auto; }
.show-copy h3 { font-size: clamp(1.5rem, 2.6vw, 2rem); margin-bottom: .8rem; }
.show-copy p { font-size: 1.08rem; }
.show-copy .checks { margin: 1.2rem 0 1.6rem; }
.show-copy .checks li { color: var(--text); }

/* Grafika w ciemnej sekcji agentów */
.head-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; margin-bottom: 3rem; }
.head-split .section-head { margin-bottom: 0; }
.agent-visual { margin: 0; border-radius: 22px; overflow: hidden; border: 1px solid var(--border-strong); box-shadow: 0 30px 70px -30px rgba(0, 242, 255, .35); }
.agent-visual img { width: 100%; height: auto; }

@media (max-width: 900px) {
    .show-row, .head-split { grid-template-columns: 1fr; }
    .show-row-rev .show-media { order: 0; }
}

/* ===== Postrzępione krawędzie jasnych sekcji (papier, jak na grafikach) ===== */
.theme-light { position: relative; z-index: 2; border-top: 0 !important; border-bottom: 0 !important;
    --edge: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 44%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3Cfilter id=%22b%22 x=%22-5%25%22 y=%22-50%25%22 width=%22110%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%222.2%22/%3E%3C/filter%3E%3C/defs%3E%3Cg fill=%22%23fff%22 opacity=%22.14%22%3E%3Ccircle cx=%224%22 cy=%2216%22 r=%221.32%22/%3E%3Ccircle cx=%2213%22 cy=%229%22 r=%221.18%22/%3E%3Ccircle cx=%2222%22 cy=%222%22 r=%220.62%22/%3E%3Ccircle cx=%2231%22 cy=%229%22 r=%221.26%22/%3E%3Ccircle cx=%2249%22 cy=%2216%22 r=%221.17%22/%3E%3Ccircle cx=%2258%22 cy=%229%22 r=%220.47%22/%3E%3Ccircle cx=%2276%22 cy=%229%22 r=%220.72%22/%3E%3Ccircle cx=%2285%22 cy=%222%22 r=%221.36%22/%3E%3Ccircle cx=%2285%22 cy=%229%22 r=%220.37%22/%3E%3Ccircle cx=%2285%22 cy=%2216%22 r=%221.09%22/%3E%3Ccircle cx=%2294%22 cy=%2216%22 r=%221.15%22/%3E%3Ccircle cx=%22103%22 cy=%2216%22 r=%220.98%22/%3E%3Ccircle cx=%22121%22 cy=%229%22 r=%221.12%22/%3E%3Ccircle cx=%22121%22 cy=%2216%22 r=%221.2%22/%3E%3Ccircle cx=%22130%22 cy=%2216%22 r=%221.3%22/%3E%3Ccircle cx=%22139%22 cy=%229%22 r=%220.74%22/%3E%3Ccircle cx=%22157%22 cy=%222%22 r=%220.44%22/%3E%3Ccircle cx=%22157%22 cy=%229%22 r=%221.06%22/%3E%3Ccircle cx=%22157%22 cy=%2216%22 r=%220.7%22/%3E%3Ccircle cx=%22166%22 cy=%222%22 r=%220.49%22/%3E%3Ccircle cx=%22202%22 cy=%229%22 r=%220.57%22/%3E%3Ccircle cx=%22211%22 cy=%2216%22 r=%221.04%22/%3E%3Ccircle cx=%22229%22 cy=%222%22 r=%220.94%22/%3E%3Ccircle cx=%22238%22 cy=%229%22 r=%220.62%22/%3E%3Ccircle cx=%22247%22 cy=%222%22 r=%220.77%22/%3E%3Ccircle cx=%22247%22 cy=%229%22 r=%221.35%22/%3E%3Ccircle cx=%22247%22 cy=%2216%22 r=%220.5%22/%3E%3Ccircle cx=%22256%22 cy=%229%22 r=%220.7%22/%3E%3Ccircle cx=%22256%22 cy=%2216%22 r=%220.71%22/%3E%3Ccircle cx=%22265%22 cy=%222%22 r=%220.37%22/%3E%3Ccircle cx=%22265%22 cy=%229%22 r=%220.56%22/%3E%3Ccircle cx=%22274%22 cy=%222%22 r=%220.43%22/%3E%3Ccircle cx=%22283%22 cy=%229%22 r=%220.55%22/%3E%3Ccircle cx=%22283%22 cy=%2216%22 r=%221.38%22/%3E%3Ccircle cx=%22301%22 cy=%229%22 r=%221.14%22/%3E%3Ccircle cx=%22319%22 cy=%222%22 r=%220.97%22/%3E%3Ccircle cx=%22328%22 cy=%222%22 r=%220.5%22/%3E%3Ccircle cx=%22346%22 cy=%229%22 r=%220.92%22/%3E%3Ccircle cx=%22346%22 cy=%2216%22 r=%221.03%22/%3E%3Ccircle cx=%22373%22 cy=%229%22 r=%220.9%22/%3E%3Ccircle cx=%22409%22 cy=%222%22 r=%221.25%22/%3E%3Ccircle cx=%22418%22 cy=%2216%22 r=%220.38%22/%3E%3Ccircle cx=%22427%22 cy=%222%22 r=%221.32%22/%3E%3Ccircle cx=%22427%22 cy=%229%22 r=%220.81%22/%3E%3Ccircle cx=%22454%22 cy=%2216%22 r=%220.42%22/%3E%3Ccircle cx=%22463%22 cy=%222%22 r=%220.48%22/%3E%3Ccircle cx=%22463%22 cy=%229%22 r=%221.18%22/%3E%3Ccircle cx=%22472%22 cy=%2216%22 r=%221.26%22/%3E%3Ccircle cx=%22490%22 cy=%222%22 r=%220.39%22/%3E%3Ccircle cx=%22490%22 cy=%2216%22 r=%221.17%22/%3E%3Ccircle cx=%22499%22 cy=%222%22 r=%221.31%22/%3E%3Ccircle cx=%22517%22 cy=%229%22 r=%221.01%22/%3E%3Ccircle cx=%22526%22 cy=%229%22 r=%220.4%22/%3E%3Ccircle cx=%22526%22 cy=%2216%22 r=%221.3%22/%3E%3Ccircle cx=%22535%22 cy=%222%22 r=%220.66%22/%3E%3Ccircle cx=%22535%22 cy=%2216%22 r=%221.37%22/%3E%3Ccircle cx=%22544%22 cy=%222%22 r=%220.92%22/%3E%3Ccircle cx=%22562%22 cy=%2216%22 r=%220.63%22/%3E%3Ccircle cx=%22571%22 cy=%2216%22 r=%220.48%22/%3E%3Ccircle cx=%22589%22 cy=%2216%22 r=%220.47%22/%3E%3Ccircle cx=%22607%22 cy=%222%22 r=%221.21%22/%3E%3Ccircle cx=%22607%22 cy=%229%22 r=%220.38%22/%3E%3Ccircle cx=%22616%22 cy=%229%22 r=%221.22%22/%3E%3Ccircle cx=%22634%22 cy=%2216%22 r=%221.36%22/%3E%3Ccircle cx=%22661%22 cy=%229%22 r=%221.1%22/%3E%3Ccircle cx=%22670%22 cy=%222%22 r=%220.43%22/%3E%3Ccircle cx=%22688%22 cy=%222%22 r=%220.54%22/%3E%3Ccircle cx=%22688%22 cy=%229%22 r=%220.84%22/%3E%3Ccircle cx=%22706%22 cy=%2216%22 r=%220.43%22/%3E%3Ccircle cx=%22715%22 cy=%229%22 r=%220.59%22/%3E%3Ccircle cx=%22733%22 cy=%222%22 r=%220.96%22/%3E%3Ccircle cx=%22733%22 cy=%2216%22 r=%220.71%22/%3E%3Ccircle cx=%22742%22 cy=%222%22 r=%221.36%22/%3E%3Ccircle cx=%22742%22 cy=%229%22 r=%221.15%22/%3E%3Ccircle cx=%22751%22 cy=%222%22 r=%221.06%22/%3E%3Ccircle cx=%22760%22 cy=%2216%22 r=%221.33%22/%3E%3Ccircle cx=%22769%22 cy=%222%22 r=%220.55%22/%3E%3Ccircle cx=%22769%22 cy=%229%22 r=%221.36%22/%3E%3Ccircle cx=%22787%22 cy=%229%22 r=%220.46%22/%3E%3Ccircle cx=%22796%22 cy=%2216%22 r=%220.52%22/%3E%3Ccircle cx=%22814%22 cy=%222%22 r=%221.34%22/%3E%3Ccircle cx=%22814%22 cy=%229%22 r=%221.35%22/%3E%3Ccircle cx=%22832%22 cy=%222%22 r=%221.29%22/%3E%3Ccircle cx=%22841%22 cy=%229%22 r=%221.07%22/%3E%3Ccircle cx=%22850%22 cy=%229%22 r=%221.29%22/%3E%3Ccircle cx=%22859%22 cy=%222%22 r=%220.47%22/%3E%3Ccircle cx=%22868%22 cy=%222%22 r=%220.44%22/%3E%3Ccircle cx=%22895%22 cy=%229%22 r=%221.3%22/%3E%3Ccircle cx=%22904%22 cy=%229%22 r=%220.85%22/%3E%3Ccircle cx=%22913%22 cy=%222%22 r=%221.1%22/%3E%3Ccircle cx=%22913%22 cy=%2216%22 r=%221.05%22/%3E%3Ccircle cx=%22922%22 cy=%2216%22 r=%220.77%22/%3E%3Ccircle cx=%22931%22 cy=%229%22 r=%221.38%22/%3E%3Ccircle cx=%22940%22 cy=%2216%22 r=%220.63%22/%3E%3Ccircle cx=%22958%22 cy=%229%22 r=%221.18%22/%3E%3Ccircle cx=%22967%22 cy=%222%22 r=%221.03%22/%3E%3Ccircle cx=%22994%22 cy=%222%22 r=%221.39%22/%3E%3Ccircle cx=%221003%22 cy=%229%22 r=%220.41%22/%3E%3Ccircle cx=%221021%22 cy=%229%22 r=%221.32%22/%3E%3Ccircle cx=%221030%22 cy=%229%22 r=%220.52%22/%3E%3Ccircle cx=%221039%22 cy=%229%22 r=%220.91%22/%3E%3Ccircle cx=%221048%22 cy=%2216%22 r=%220.44%22/%3E%3Ccircle cx=%221066%22 cy=%229%22 r=%220.89%22/%3E%3Ccircle cx=%221075%22 cy=%229%22 r=%220.4%22/%3E%3Ccircle cx=%221075%22 cy=%2216%22 r=%221.33%22/%3E%3Ccircle cx=%221093%22 cy=%229%22 r=%221.02%22/%3E%3Ccircle cx=%221120%22 cy=%222%22 r=%221.27%22/%3E%3Ccircle cx=%221120%22 cy=%2216%22 r=%220.71%22/%3E%3Ccircle cx=%221129%22 cy=%229%22 r=%221.3%22/%3E%3Ccircle cx=%221138%22 cy=%222%22 r=%221.35%22/%3E%3Ccircle cx=%221147%22 cy=%222%22 r=%220.68%22/%3E%3Ccircle cx=%221156%22 cy=%222%22 r=%221.15%22/%3E%3Ccircle cx=%221156%22 cy=%229%22 r=%221.1%22/%3E%3Ccircle cx=%221165%22 cy=%222%22 r=%221.16%22/%3E%3Ccircle cx=%221174%22 cy=%222%22 r=%220.54%22/%3E%3Ccircle cx=%221192%22 cy=%222%22 r=%221.17%22/%3E%3Ccircle cx=%221192%22 cy=%2216%22 r=%220.88%22/%3E%3Ccircle cx=%221219%22 cy=%229%22 r=%220.64%22/%3E%3Ccircle cx=%221219%22 cy=%2216%22 r=%220.66%22/%3E%3Ccircle cx=%221228%22 cy=%229%22 r=%220.6%22/%3E%3Ccircle cx=%221237%22 cy=%229%22 r=%220.89%22/%3E%3Ccircle cx=%221246%22 cy=%222%22 r=%220.72%22/%3E%3Ccircle cx=%221246%22 cy=%2216%22 r=%221.33%22/%3E%3Ccircle cx=%221282%22 cy=%229%22 r=%221.26%22/%3E%3Ccircle cx=%221282%22 cy=%2216%22 r=%221.14%22/%3E%3Ccircle cx=%221300%22 cy=%222%22 r=%220.45%22/%3E%3Ccircle cx=%221309%22 cy=%229%22 r=%221.25%22/%3E%3Ccircle cx=%221309%22 cy=%2216%22 r=%221.1%22/%3E%3Ccircle cx=%221327%22 cy=%222%22 r=%221.24%22/%3E%3Ccircle cx=%221345%22 cy=%229%22 r=%221.04%22/%3E%3Ccircle cx=%221345%22 cy=%2216%22 r=%221.15%22/%3E%3Ccircle cx=%221354%22 cy=%2216%22 r=%220.44%22/%3E%3Ccircle cx=%221381%22 cy=%222%22 r=%220.91%22/%3E%3Ccircle cx=%221381%22 cy=%2216%22 r=%220.5%22/%3E%3Ccircle cx=%221390%22 cy=%222%22 r=%220.5%22/%3E%3Ccircle cx=%221399%22 cy=%2216%22 r=%221.31%22/%3E%3Ccircle cx=%221417%22 cy=%229%22 r=%220.37%22/%3E%3Ccircle cx=%221426%22 cy=%2216%22 r=%221.03%22/%3E%3Ccircle cx=%221435%22 cy=%222%22 r=%221.26%22/%3E%3C/g%3E%3Cpath d=%22M0 44 L0 9.5 L19.0 17.6 L32.3 16.7 L39.1 7.9 L46.9 23.0 L55.4 19.0 L80.3 14.4 L105.9 28.0 L117.6 4.3 L129.8 10.1 L147.4 13.9 L164.4 2.4 L174.5 15.1 L186.8 15.6 L198.8 20.5 L209.7 17.0 L233.2 12.3 L258.8 13.9 L279.9 16.3 L286.7 21.8 L304.2 12.8 L324.1 18.1 L339.2 25.4 L354.7 7.7 L374.7 26.4 L397.2 14.2 L416.5 15.3 L425.9 2.4 L447.3 8.4 L461.1 8.1 L476.1 24.2 L498.4 12.1 L512.7 24.2 L537.9 10.0 L548.5 16.2 L566.3 6.6 L580.7 17.8 L605.8 16.8 L624.1 7.6 L648.1 24.0 L670.1 14.5 L678.1 7.7 L685.5 9.7 L698.3 0.5 L707.3 12.1 L713.8 18.8 L722.8 13.4 L736.1 27.7 L761.9 16.2 L769.7 11.5 L780.9 9.7 L787.4 17.1 L796.3 7.0 L812.9 23.8 L832.8 13.8 L842.2 17.2 L863.7 11.0 L886.0 23.6 L908.1 21.3 L918.6 13.6 L925.2 9.4 L936.4 25.6 L951.3 26.3 L976.4 10.9 L987.0 10.6 L1005.5 23.3 L1021.1 22.5 L1028.7 24.7 L1050.4 16.1 L1060.0 13.2 L1082.0 14.4 L1096.0 21.0 L1105.4 5.3 L1129.5 9.4 L1152.0 19.6 L1165.0 9.1 L1171.3 19.5 L1187.9 15.2 L1211.3 10.7 L1222.3 11.3 L1240.1 14.9 L1248.7 13.6 L1263.8 24.6 L1278.3 16.5 L1294.9 6.9 L1309.7 6.6 L1331.7 16.0 L1352.2 13.0 L1368.6 22.2 L1376.7 11.5 L1388.2 16.7 L1405.4 24.7 L1420.3 16.6 L1436.6 15.5 L1440 9.5 L1440 44 Z%22 fill=%22%23000%22 opacity=%22.35%22 filter=%22url%28%23b%29%22/%3E%3Cpath d=%22M0 44 L0 13.0 L19.0 21.1 L32.3 20.2 L39.1 11.4 L46.9 26.5 L55.4 22.5 L80.3 17.9 L105.9 31.5 L117.6 7.8 L129.8 13.6 L147.4 17.4 L164.4 5.9 L174.5 18.6 L186.8 19.1 L198.8 24.0 L209.7 20.5 L233.2 15.8 L258.8 17.4 L279.9 19.8 L286.7 25.3 L304.2 16.3 L324.1 21.6 L339.2 28.9 L354.7 11.2 L374.7 29.9 L397.2 17.7 L416.5 18.8 L425.9 5.9 L447.3 11.9 L461.1 11.6 L476.1 27.7 L498.4 15.6 L512.7 27.7 L537.9 13.5 L548.5 19.7 L566.3 10.1 L580.7 21.3 L605.8 20.3 L624.1 11.1 L648.1 27.5 L670.1 18.0 L678.1 11.2 L685.5 13.2 L698.3 4.0 L707.3 15.6 L713.8 22.3 L722.8 16.9 L736.1 31.2 L761.9 19.7 L769.7 15.0 L780.9 13.2 L787.4 20.6 L796.3 10.5 L812.9 27.3 L832.8 17.3 L842.2 20.7 L863.7 14.5 L886.0 27.1 L908.1 24.8 L918.6 17.1 L925.2 12.9 L936.4 29.1 L951.3 29.8 L976.4 14.4 L987.0 14.1 L1005.5 26.8 L1021.1 26.0 L1028.7 28.2 L1050.4 19.6 L1060.0 16.7 L1082.0 17.9 L1096.0 24.5 L1105.4 8.8 L1129.5 12.9 L1152.0 23.1 L1165.0 12.6 L1171.3 23.0 L1187.9 18.7 L1211.3 14.2 L1222.3 14.8 L1240.1 18.4 L1248.7 17.1 L1263.8 28.1 L1278.3 20.0 L1294.9 10.4 L1309.7 10.1 L1331.7 19.5 L1352.2 16.5 L1368.6 25.7 L1376.7 15.0 L1388.2 20.2 L1405.4 28.2 L1420.3 20.1 L1436.6 19.0 L1440 13.0 L1440 44 Z%22 fill=%22%23f6f1e8%22/%3E%3C/svg%3E"); }
.section-alt.theme-light { --edge: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 44%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3Cfilter id=%22b%22 x=%22-5%25%22 y=%22-50%25%22 width=%22110%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%222.2%22/%3E%3C/filter%3E%3C/defs%3E%3Cg fill=%22%23fff%22 opacity=%22.14%22%3E%3Ccircle cx=%224%22 cy=%2216%22 r=%221.32%22/%3E%3Ccircle cx=%2213%22 cy=%229%22 r=%221.18%22/%3E%3Ccircle cx=%2222%22 cy=%222%22 r=%220.62%22/%3E%3Ccircle cx=%2231%22 cy=%229%22 r=%221.26%22/%3E%3Ccircle cx=%2249%22 cy=%2216%22 r=%221.17%22/%3E%3Ccircle cx=%2258%22 cy=%229%22 r=%220.47%22/%3E%3Ccircle cx=%2276%22 cy=%229%22 r=%220.72%22/%3E%3Ccircle cx=%2285%22 cy=%222%22 r=%221.36%22/%3E%3Ccircle cx=%2285%22 cy=%229%22 r=%220.37%22/%3E%3Ccircle cx=%2285%22 cy=%2216%22 r=%221.09%22/%3E%3Ccircle cx=%2294%22 cy=%2216%22 r=%221.15%22/%3E%3Ccircle cx=%22103%22 cy=%2216%22 r=%220.98%22/%3E%3Ccircle cx=%22121%22 cy=%229%22 r=%221.12%22/%3E%3Ccircle cx=%22121%22 cy=%2216%22 r=%221.2%22/%3E%3Ccircle cx=%22130%22 cy=%2216%22 r=%221.3%22/%3E%3Ccircle cx=%22139%22 cy=%229%22 r=%220.74%22/%3E%3Ccircle cx=%22157%22 cy=%222%22 r=%220.44%22/%3E%3Ccircle cx=%22157%22 cy=%229%22 r=%221.06%22/%3E%3Ccircle cx=%22157%22 cy=%2216%22 r=%220.7%22/%3E%3Ccircle cx=%22166%22 cy=%222%22 r=%220.49%22/%3E%3Ccircle cx=%22202%22 cy=%229%22 r=%220.57%22/%3E%3Ccircle cx=%22211%22 cy=%2216%22 r=%221.04%22/%3E%3Ccircle cx=%22229%22 cy=%222%22 r=%220.94%22/%3E%3Ccircle cx=%22238%22 cy=%229%22 r=%220.62%22/%3E%3Ccircle cx=%22247%22 cy=%222%22 r=%220.77%22/%3E%3Ccircle cx=%22247%22 cy=%229%22 r=%221.35%22/%3E%3Ccircle cx=%22247%22 cy=%2216%22 r=%220.5%22/%3E%3Ccircle cx=%22256%22 cy=%229%22 r=%220.7%22/%3E%3Ccircle cx=%22256%22 cy=%2216%22 r=%220.71%22/%3E%3Ccircle cx=%22265%22 cy=%222%22 r=%220.37%22/%3E%3Ccircle cx=%22265%22 cy=%229%22 r=%220.56%22/%3E%3Ccircle cx=%22274%22 cy=%222%22 r=%220.43%22/%3E%3Ccircle cx=%22283%22 cy=%229%22 r=%220.55%22/%3E%3Ccircle cx=%22283%22 cy=%2216%22 r=%221.38%22/%3E%3Ccircle cx=%22301%22 cy=%229%22 r=%221.14%22/%3E%3Ccircle cx=%22319%22 cy=%222%22 r=%220.97%22/%3E%3Ccircle cx=%22328%22 cy=%222%22 r=%220.5%22/%3E%3Ccircle cx=%22346%22 cy=%229%22 r=%220.92%22/%3E%3Ccircle cx=%22346%22 cy=%2216%22 r=%221.03%22/%3E%3Ccircle cx=%22373%22 cy=%229%22 r=%220.9%22/%3E%3Ccircle cx=%22409%22 cy=%222%22 r=%221.25%22/%3E%3Ccircle cx=%22418%22 cy=%2216%22 r=%220.38%22/%3E%3Ccircle cx=%22427%22 cy=%222%22 r=%221.32%22/%3E%3Ccircle cx=%22427%22 cy=%229%22 r=%220.81%22/%3E%3Ccircle cx=%22454%22 cy=%2216%22 r=%220.42%22/%3E%3Ccircle cx=%22463%22 cy=%222%22 r=%220.48%22/%3E%3Ccircle cx=%22463%22 cy=%229%22 r=%221.18%22/%3E%3Ccircle cx=%22472%22 cy=%2216%22 r=%221.26%22/%3E%3Ccircle cx=%22490%22 cy=%222%22 r=%220.39%22/%3E%3Ccircle cx=%22490%22 cy=%2216%22 r=%221.17%22/%3E%3Ccircle cx=%22499%22 cy=%222%22 r=%221.31%22/%3E%3Ccircle cx=%22517%22 cy=%229%22 r=%221.01%22/%3E%3Ccircle cx=%22526%22 cy=%229%22 r=%220.4%22/%3E%3Ccircle cx=%22526%22 cy=%2216%22 r=%221.3%22/%3E%3Ccircle cx=%22535%22 cy=%222%22 r=%220.66%22/%3E%3Ccircle cx=%22535%22 cy=%2216%22 r=%221.37%22/%3E%3Ccircle cx=%22544%22 cy=%222%22 r=%220.92%22/%3E%3Ccircle cx=%22562%22 cy=%2216%22 r=%220.63%22/%3E%3Ccircle cx=%22571%22 cy=%2216%22 r=%220.48%22/%3E%3Ccircle cx=%22589%22 cy=%2216%22 r=%220.47%22/%3E%3Ccircle cx=%22607%22 cy=%222%22 r=%221.21%22/%3E%3Ccircle cx=%22607%22 cy=%229%22 r=%220.38%22/%3E%3Ccircle cx=%22616%22 cy=%229%22 r=%221.22%22/%3E%3Ccircle cx=%22634%22 cy=%2216%22 r=%221.36%22/%3E%3Ccircle cx=%22661%22 cy=%229%22 r=%221.1%22/%3E%3Ccircle cx=%22670%22 cy=%222%22 r=%220.43%22/%3E%3Ccircle cx=%22688%22 cy=%222%22 r=%220.54%22/%3E%3Ccircle cx=%22688%22 cy=%229%22 r=%220.84%22/%3E%3Ccircle cx=%22706%22 cy=%2216%22 r=%220.43%22/%3E%3Ccircle cx=%22715%22 cy=%229%22 r=%220.59%22/%3E%3Ccircle cx=%22733%22 cy=%222%22 r=%220.96%22/%3E%3Ccircle cx=%22733%22 cy=%2216%22 r=%220.71%22/%3E%3Ccircle cx=%22742%22 cy=%222%22 r=%221.36%22/%3E%3Ccircle cx=%22742%22 cy=%229%22 r=%221.15%22/%3E%3Ccircle cx=%22751%22 cy=%222%22 r=%221.06%22/%3E%3Ccircle cx=%22760%22 cy=%2216%22 r=%221.33%22/%3E%3Ccircle cx=%22769%22 cy=%222%22 r=%220.55%22/%3E%3Ccircle cx=%22769%22 cy=%229%22 r=%221.36%22/%3E%3Ccircle cx=%22787%22 cy=%229%22 r=%220.46%22/%3E%3Ccircle cx=%22796%22 cy=%2216%22 r=%220.52%22/%3E%3Ccircle cx=%22814%22 cy=%222%22 r=%221.34%22/%3E%3Ccircle cx=%22814%22 cy=%229%22 r=%221.35%22/%3E%3Ccircle cx=%22832%22 cy=%222%22 r=%221.29%22/%3E%3Ccircle cx=%22841%22 cy=%229%22 r=%221.07%22/%3E%3Ccircle cx=%22850%22 cy=%229%22 r=%221.29%22/%3E%3Ccircle cx=%22859%22 cy=%222%22 r=%220.47%22/%3E%3Ccircle cx=%22868%22 cy=%222%22 r=%220.44%22/%3E%3Ccircle cx=%22895%22 cy=%229%22 r=%221.3%22/%3E%3Ccircle cx=%22904%22 cy=%229%22 r=%220.85%22/%3E%3Ccircle cx=%22913%22 cy=%222%22 r=%221.1%22/%3E%3Ccircle cx=%22913%22 cy=%2216%22 r=%221.05%22/%3E%3Ccircle cx=%22922%22 cy=%2216%22 r=%220.77%22/%3E%3Ccircle cx=%22931%22 cy=%229%22 r=%221.38%22/%3E%3Ccircle cx=%22940%22 cy=%2216%22 r=%220.63%22/%3E%3Ccircle cx=%22958%22 cy=%229%22 r=%221.18%22/%3E%3Ccircle cx=%22967%22 cy=%222%22 r=%221.03%22/%3E%3Ccircle cx=%22994%22 cy=%222%22 r=%221.39%22/%3E%3Ccircle cx=%221003%22 cy=%229%22 r=%220.41%22/%3E%3Ccircle cx=%221021%22 cy=%229%22 r=%221.32%22/%3E%3Ccircle cx=%221030%22 cy=%229%22 r=%220.52%22/%3E%3Ccircle cx=%221039%22 cy=%229%22 r=%220.91%22/%3E%3Ccircle cx=%221048%22 cy=%2216%22 r=%220.44%22/%3E%3Ccircle cx=%221066%22 cy=%229%22 r=%220.89%22/%3E%3Ccircle cx=%221075%22 cy=%229%22 r=%220.4%22/%3E%3Ccircle cx=%221075%22 cy=%2216%22 r=%221.33%22/%3E%3Ccircle cx=%221093%22 cy=%229%22 r=%221.02%22/%3E%3Ccircle cx=%221120%22 cy=%222%22 r=%221.27%22/%3E%3Ccircle cx=%221120%22 cy=%2216%22 r=%220.71%22/%3E%3Ccircle cx=%221129%22 cy=%229%22 r=%221.3%22/%3E%3Ccircle cx=%221138%22 cy=%222%22 r=%221.35%22/%3E%3Ccircle cx=%221147%22 cy=%222%22 r=%220.68%22/%3E%3Ccircle cx=%221156%22 cy=%222%22 r=%221.15%22/%3E%3Ccircle cx=%221156%22 cy=%229%22 r=%221.1%22/%3E%3Ccircle cx=%221165%22 cy=%222%22 r=%221.16%22/%3E%3Ccircle cx=%221174%22 cy=%222%22 r=%220.54%22/%3E%3Ccircle cx=%221192%22 cy=%222%22 r=%221.17%22/%3E%3Ccircle cx=%221192%22 cy=%2216%22 r=%220.88%22/%3E%3Ccircle cx=%221219%22 cy=%229%22 r=%220.64%22/%3E%3Ccircle cx=%221219%22 cy=%2216%22 r=%220.66%22/%3E%3Ccircle cx=%221228%22 cy=%229%22 r=%220.6%22/%3E%3Ccircle cx=%221237%22 cy=%229%22 r=%220.89%22/%3E%3Ccircle cx=%221246%22 cy=%222%22 r=%220.72%22/%3E%3Ccircle cx=%221246%22 cy=%2216%22 r=%221.33%22/%3E%3Ccircle cx=%221282%22 cy=%229%22 r=%221.26%22/%3E%3Ccircle cx=%221282%22 cy=%2216%22 r=%221.14%22/%3E%3Ccircle cx=%221300%22 cy=%222%22 r=%220.45%22/%3E%3Ccircle cx=%221309%22 cy=%229%22 r=%221.25%22/%3E%3Ccircle cx=%221309%22 cy=%2216%22 r=%221.1%22/%3E%3Ccircle cx=%221327%22 cy=%222%22 r=%221.24%22/%3E%3Ccircle cx=%221345%22 cy=%229%22 r=%221.04%22/%3E%3Ccircle cx=%221345%22 cy=%2216%22 r=%221.15%22/%3E%3Ccircle cx=%221354%22 cy=%2216%22 r=%220.44%22/%3E%3Ccircle cx=%221381%22 cy=%222%22 r=%220.91%22/%3E%3Ccircle cx=%221381%22 cy=%2216%22 r=%220.5%22/%3E%3Ccircle cx=%221390%22 cy=%222%22 r=%220.5%22/%3E%3Ccircle cx=%221399%22 cy=%2216%22 r=%221.31%22/%3E%3Ccircle cx=%221417%22 cy=%229%22 r=%220.37%22/%3E%3Ccircle cx=%221426%22 cy=%2216%22 r=%221.03%22/%3E%3Ccircle cx=%221435%22 cy=%222%22 r=%221.26%22/%3E%3C/g%3E%3Cpath d=%22M0 44 L0 9.5 L19.0 17.6 L32.3 16.7 L39.1 7.9 L46.9 23.0 L55.4 19.0 L80.3 14.4 L105.9 28.0 L117.6 4.3 L129.8 10.1 L147.4 13.9 L164.4 2.4 L174.5 15.1 L186.8 15.6 L198.8 20.5 L209.7 17.0 L233.2 12.3 L258.8 13.9 L279.9 16.3 L286.7 21.8 L304.2 12.8 L324.1 18.1 L339.2 25.4 L354.7 7.7 L374.7 26.4 L397.2 14.2 L416.5 15.3 L425.9 2.4 L447.3 8.4 L461.1 8.1 L476.1 24.2 L498.4 12.1 L512.7 24.2 L537.9 10.0 L548.5 16.2 L566.3 6.6 L580.7 17.8 L605.8 16.8 L624.1 7.6 L648.1 24.0 L670.1 14.5 L678.1 7.7 L685.5 9.7 L698.3 0.5 L707.3 12.1 L713.8 18.8 L722.8 13.4 L736.1 27.7 L761.9 16.2 L769.7 11.5 L780.9 9.7 L787.4 17.1 L796.3 7.0 L812.9 23.8 L832.8 13.8 L842.2 17.2 L863.7 11.0 L886.0 23.6 L908.1 21.3 L918.6 13.6 L925.2 9.4 L936.4 25.6 L951.3 26.3 L976.4 10.9 L987.0 10.6 L1005.5 23.3 L1021.1 22.5 L1028.7 24.7 L1050.4 16.1 L1060.0 13.2 L1082.0 14.4 L1096.0 21.0 L1105.4 5.3 L1129.5 9.4 L1152.0 19.6 L1165.0 9.1 L1171.3 19.5 L1187.9 15.2 L1211.3 10.7 L1222.3 11.3 L1240.1 14.9 L1248.7 13.6 L1263.8 24.6 L1278.3 16.5 L1294.9 6.9 L1309.7 6.6 L1331.7 16.0 L1352.2 13.0 L1368.6 22.2 L1376.7 11.5 L1388.2 16.7 L1405.4 24.7 L1420.3 16.6 L1436.6 15.5 L1440 9.5 L1440 44 Z%22 fill=%22%23000%22 opacity=%22.35%22 filter=%22url%28%23b%29%22/%3E%3Cpath d=%22M0 44 L0 13.0 L19.0 21.1 L32.3 20.2 L39.1 11.4 L46.9 26.5 L55.4 22.5 L80.3 17.9 L105.9 31.5 L117.6 7.8 L129.8 13.6 L147.4 17.4 L164.4 5.9 L174.5 18.6 L186.8 19.1 L198.8 24.0 L209.7 20.5 L233.2 15.8 L258.8 17.4 L279.9 19.8 L286.7 25.3 L304.2 16.3 L324.1 21.6 L339.2 28.9 L354.7 11.2 L374.7 29.9 L397.2 17.7 L416.5 18.8 L425.9 5.9 L447.3 11.9 L461.1 11.6 L476.1 27.7 L498.4 15.6 L512.7 27.7 L537.9 13.5 L548.5 19.7 L566.3 10.1 L580.7 21.3 L605.8 20.3 L624.1 11.1 L648.1 27.5 L670.1 18.0 L678.1 11.2 L685.5 13.2 L698.3 4.0 L707.3 15.6 L713.8 22.3 L722.8 16.9 L736.1 31.2 L761.9 19.7 L769.7 15.0 L780.9 13.2 L787.4 20.6 L796.3 10.5 L812.9 27.3 L832.8 17.3 L842.2 20.7 L863.7 14.5 L886.0 27.1 L908.1 24.8 L918.6 17.1 L925.2 12.9 L936.4 29.1 L951.3 29.8 L976.4 14.4 L987.0 14.1 L1005.5 26.8 L1021.1 26.0 L1028.7 28.2 L1050.4 19.6 L1060.0 16.7 L1082.0 17.9 L1096.0 24.5 L1105.4 8.8 L1129.5 12.9 L1152.0 23.1 L1165.0 12.6 L1171.3 23.0 L1187.9 18.7 L1211.3 14.2 L1222.3 14.8 L1240.1 18.4 L1248.7 17.1 L1263.8 28.1 L1278.3 20.0 L1294.9 10.4 L1309.7 10.1 L1331.7 19.5 L1352.2 16.5 L1368.6 25.7 L1376.7 15.0 L1388.2 20.2 L1405.4 28.2 L1420.3 20.1 L1436.6 19.0 L1440 13.0 L1440 44 Z%22 fill=%22%23f2ece1%22/%3E%3C/svg%3E"); }
.theme-light::before, .theme-light::after {
    content: ""; position: absolute; left: 0; right: 0; height: 44px; pointer-events: none;
    background: var(--edge) center bottom / 1440px 44px repeat-x;
}
.theme-light::before { top: -43px; }
.theme-light::after { bottom: -43px; transform: rotate(180deg); }
@media (max-width: 640px) { .theme-light::before, .theme-light::after { background-size: 900px 30px; height: 30px; } .theme-light::before { top: -29px; } .theme-light::after { bottom: -29px; } }

/* Ciemne karty (makiety) zostają ciemne także w jasnych sekcjach */
.theme-light .map-mock, .theme-light .agent-mock {
    --bg: #050505; --surface: #0d1014; --surface-2: #12161b; --text: #fff; --muted: #aab1ba;
    --border: rgba(255, 255, 255, .09); --border-strong: rgba(255, 255, 255, .16); --primary: #00f2ff; --primary-dim: rgba(0, 242, 255, .12);
    color: var(--text); box-shadow: 0 30px 60px -28px rgba(0, 0, 0, .45);
}
.theme-light .note-box { color: var(--text); }
.theme-light .badge { background: #0b0b0b; color: #2fe3f0; }
.theme-light .path, .theme-light .pstep { box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 14px 32px -18px rgba(0, 0, 0, .18); }
.theme-light .path-rec, .theme-light .pstep:nth-child(3) { border-color: rgba(0, 115, 124, .45); }
.theme-light .step-num { background: #0b0b0b; border-color: #0b0b0b; color: #2fe3f0; box-shadow: none; }
.theme-light .pstep-roles div:last-child dt { color: #8a5a00; }
.theme-light .tag-auto { background: rgba(0, 115, 124, .12); color: #005a61; }
.theme-light .tag-ai { background: rgba(98, 60, 220, .12); color: #4b2bb8; }
.theme-light .tag-human { background: rgba(200, 130, 0, .14); color: #7a4d00; }

/* „Regularnie.” — czarna, postrzępiona belka z cyjanem + animacja zamalowania */
.mark-box {
    display: inline-block; padding: .02em .32em .08em; transform: rotate(-1.2deg);
    clip-path: polygon(1.5% 6%, 6% 0, 14% 5%, 23% 1%, 34% 6%, 45% 0, 57% 5%, 68% 1%, 79% 6%, 90% 0, 98.5% 4%, 100% 50%, 98% 96%, 89% 100%, 78% 95%, 66% 100%, 55% 94%, 43% 100%, 31% 95%, 20% 100%, 9% 94%, 2% 98%, 0 50%);
}
.js .mark-box.reveal { opacity: 1; transform: rotate(-1.2deg); background: linear-gradient(#0b0b0b, #0b0b0b) left center / 0% 100% no-repeat; color: var(--text); transition: background-size .9s cubic-bezier(.6, 0, .2, 1) .2s, color .4s ease .7s; }
.js .mark-box.reveal.is-visible { background-size: 100% 100%; color: #2fe3f0; }

/* Delikatny ruch grafik */
.show-media { transition: transform .5s cubic-bezier(.2, .7, .2, 1), box-shadow .5s; }
.show-row:hover .show-media { transform: translateY(-6px) rotate(-.6deg); box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 40px 70px -30px rgba(0, 0, 0, .4); }
.show-row-rev:hover .show-media { transform: translateY(-6px) rotate(.6deg); }
.agent-visual img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.agent-visual:hover img { transform: scale(1.03); }
@media (prefers-reduced-motion: reduce) {
    .js .mark-box.reveal { transition: none; background-size: 100% 100%; color: #2fe3f0; }
    .show-media, .agent-visual img { transition: none; }
}

/* Grafika w hero podstron (zamiast makiety) */
.hero-figure { margin: 0; align-self: center; border-radius: 22px; overflow: hidden; border: 1px solid var(--border-strong); background: #f4efe6; box-shadow: 0 30px 70px -30px rgba(0, 242, 255, .35); aspect-ratio: 4 / 3; }
.hero-figure img { width: 100%; height: 100%; object-fit: cover; }
.partner-visual { box-shadow: 0 30px 70px -30px rgba(0, 242, 255, .25); }

/* Grafika obok nagłówka jasnej sekcji na podstronach */
.head-media { align-self: center; }
.theme-light .head-split { margin-bottom: 3rem; }

/* Jasne sekcje — poprawki kontrastu dla wszystkich komponentów (podstrony) */
.theme-light .fit-yes { border-color: rgba(0, 115, 124, .45); }
.theme-light .fit-yes li, .theme-light .compare-col-rec li, .theme-light .vs-row > span:nth-child(3), .theme-light .vs-row.vs-2 > span:nth-child(2) { color: var(--text); }
.theme-light .vs-row > span:nth-child(3), .theme-light .vs-row.vs-2 > span:nth-child(2) { background: rgba(0, 115, 124, .06); border-left-color: rgba(0, 115, 124, .3); }
.theme-light .service-lead { color: #2b2f35; }
.theme-light .service-meta { color: #005a61; }
.theme-light .tldr p, .theme-light .next-box p { color: var(--text); }
.theme-light .next-box { border-color: rgba(0, 115, 124, .45); }
.theme-light .agent-case, .theme-light .metric, .theme-light .fit-col, .theme-light .panel { box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 14px 32px -18px rgba(0, 0, 0, .18); }
.theme-light .agent-case:hover, .theme-light .related a:hover { border-color: rgba(0, 115, 124, .45); }
.theme-light .agent-case-for { color: #005a61 !important; }
.theme-light .panel { border-color: rgba(0, 115, 124, .3); }
.theme-light .tl-step::before { background: #0b0b0b; border-color: #0b0b0b; box-shadow: none; }
.theme-light .chips li { background: var(--surface); }
/* abonament.css */
.theme-light .lp-tag { border-color: rgba(0, 0, 0, .14); color: var(--muted); background: transparent; }
.theme-light .lp-tag.is-on { background: #0b0b0b; border-color: #0b0b0b; color: #2fe3f0; }
.theme-light .lp-scope-item, .theme-light .lp-month-step, .theme-light .lp-outcome { box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 14px 32px -18px rgba(0, 0, 0, .18); }
.theme-light .lp-scope-item:hover, .theme-light .lp-outcome:hover { border-color: rgba(0, 115, 124, .45); }
.theme-light .lp-month-step:nth-child(3) { border-color: rgba(0, 115, 124, .45); }
.theme-light .lp-table td:nth-child(3) { color: var(--text); background: rgba(0, 115, 124, .06); }
.theme-light .lp-outcome-effect, .theme-light .lp-pricing-note, .theme-light .lp-month-note { color: var(--text); border-color: rgba(0, 115, 124, .45); }

/* Pasek „jak układamy współpracę” w sekcji oferty */
.step-bar { list-style: none; padding: 0; margin: clamp(3rem, 7vw, 5rem) 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; counter-reset: none; }
.step-bar li { display: flex; gap: .9rem; align-items: center; padding: 1.1rem 1.2rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 14px 32px -18px rgba(0, 0, 0, .18); }
.step-bar-num { flex-shrink: 0; width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border-radius: 50%; background: #0b0b0b; color: #2fe3f0; font-weight: 800; }
.step-bar strong { display: block; color: var(--text); }
.step-bar span:not(.step-bar-num) { color: var(--muted); font-size: .93rem; }
.showcase .section-cta { margin-top: 2rem; }
/* KSeF jako osobny, krótki pasek */
.ksef-band { padding: clamp(3rem, 6vw, 4.5rem) 0; }
.ksef-band .ksef { margin: 0; }
@media (max-width: 900px) { .step-bar { grid-template-columns: 1fr; } }

/* Baner zgód — mały pasek na dole, bez zasłaniania strony */
.cookie-bar { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 1000; max-width: 760px; margin: 0 auto; display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: .9rem 1.1rem; border-radius: 14px; background: rgba(13, 16, 20, .97); border: 1px solid var(--border-strong); box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .7); color: var(--text); font-size: .92rem; }
.cookie-bar p { margin: 0; color: var(--muted); }
.cookie-bar a { color: var(--primary); }
.cookie-actions { display: flex; gap: .5rem; flex-shrink: 0; }
@media (max-width: 640px) { .cookie-bar { flex-direction: column; align-items: stretch; bottom: .5rem; left: .5rem; right: .5rem; } .cookie-actions .btn { flex: 1; justify-content: center; } }
.cookie-open .call-fab { display: none; }

/* Poradnik: karta pliku do pobrania i kalkulator */
.download-card { display: grid; grid-template-columns: auto 1fr auto; gap: 1.2rem; align-items: center; margin: 1.5rem 0; padding: 1.4rem 1.6rem; border-radius: var(--radius); border: 1px solid rgba(0, 242, 255, .45); background: radial-gradient(500px 240px at 100% 0%, rgba(0, 242, 255, .1), transparent 70%), var(--surface); max-width: 900px; }
.download-card h3 { margin: 0 0 .3rem; font-size: 1.15rem; }
.download-card p { margin: 0; color: var(--muted); }
.download-ico { width: 3rem; height: 3rem; display: grid; place-items: center; border-radius: 12px; background: var(--primary-dim); }
.download-ico svg { width: 1.5rem; height: 1.5rem; fill: none; stroke: var(--primary); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.theme-light .download-card { border-color: rgba(0, 115, 124, .4); background: var(--surface); }
@media (max-width: 720px) { .download-card { grid-template-columns: 1fr; } }
.calc { max-width: 900px; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; padding: 1.6rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border-strong); }
.calc .field { margin-bottom: 1rem; }
.calc label { display: block; font-weight: 650; margin-bottom: .35rem; }
.calc input { width: 100%; padding: .75rem .9rem; border-radius: 10px; border: 1px solid var(--border-strong); background: var(--bg); color: var(--text); font: inherit; }
.calc-out { display: grid; gap: .8rem; align-content: start; }
.calc-out div { padding: 1rem 1.1rem; border-radius: 12px; background: var(--primary-dim); }
.calc-out strong { display: block; font-size: 1.6rem; color: var(--text); }
.calc-out span { color: var(--muted); font-size: .92rem; }
@media (max-width: 720px) { .calc { grid-template-columns: 1fr; } }