/*
 * Style wydzielone z start/kontrolazarzadcza.php.
 * Arkusz jest ładowany po Bootstrapie i Skeletonie.
 */

.gf-kz {
            --navy-950: #041a30;
            --navy-900: #072541;
            --navy-800: #0a355b;
            --navy-700: #174f75;
            --navy-600: #2c6688;
            --ink: #17364f;
            --muted: #63798b;
            --line: #d9e5ec;
            --paper: #f8fbfd;
            --white: #ffffff;
            --yellow: #f4c64e;
            --yellow-strong: #efb72a;
            --orange: #e98b4a;
            --red: #cf4650;
            --red-deep: #a92f3a;
            --red-soft: #fff0f1;
            --sky: #eaf5fb;
            --sky-strong: #bfdeee;
            --mint: #eaf7f1;
            --mint-strong: #b9dfce;
            --lilac: #f3effb;
            --lilac-strong: #d7cbea;
            --sand: #fff7df;
            --sand-strong: #ecd791;
            --peach: #fff0e6;
            --peach-strong: #f1c4a8;
            --shadow: 0 28px 70px rgba(7, 37, 65, .14);
            --shadow-soft: 0 12px 34px rgba(7, 37, 65, .08);
            --max: 1240px;
            color: var(--ink);
            background: var(--white);
            font-family: Montserrat, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
            line-height: 1.58;
            overflow: hidden;
            text-rendering: optimizeLegibility;
        }
        .gf-kz, .gf-kz * { box-sizing: border-box; }
        .gf-kz a { color: inherit; }
        .gf-kz img, .gf-kz svg { display: block; max-width: 100%; }
        .gf-kz button, .gf-kz input, .gf-kz select, .gf-kz textarea { font: inherit; }
        .gf-kz :where(p, span, li, i) { color: inherit; }
        .gf-kz button {
            height: auto;
            margin: 0;
            border-radius: 0;
            letter-spacing: normal;
            line-height: normal;
            text-transform: none;
            white-space: normal;
            cursor: pointer;
        }
        .gf-kz h1, .gf-kz h2, .gf-kz h3, .gf-kz h4 { margin: 0; color: var(--navy-900); line-height: 1.08; letter-spacing: -.035em; }
        .gf-kz h1 { font-size: clamp(42.4px, 6.2vw, 90.4px); }
        .gf-kz h2 { font-size: clamp(32px, 4.2vw, 60px); }
        .gf-kz h3 { font-size: clamp(17.28px, 1.7vw, 22.72px); }
        .gf-kz p { margin: 0; }
        .gf-kz ul { margin: 0; }
        .gf-kz .container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
        .gf-kz .section { padding: 100px 0; text-align: left; }
        .gf-kz .section-paper { background: var(--paper); }
        .gf-kz .section-sky { background: linear-gradient(180deg, #fbfdfe, var(--sky)); }
        .gf-kz .section-mint { background: linear-gradient(180deg, #fcfefd, var(--mint)); }
        .gf-kz .section-lilac { background: linear-gradient(180deg, #fdfcfe, var(--lilac)); }
        .gf-kz .section-navy { color: var(--white); background: linear-gradient(145deg, var(--navy-950), var(--navy-800)); }
        .gf-kz .section-navy h2, .gf-kz .section-navy h3, .gf-kz .section-navy h4 { color: var(--white); }
        .gf-kz .lead { max-width: 820px; color: var(--muted); font-size: clamp(16.64px, 1.8vw, 20px); }
        .gf-kz .muted { color: var(--muted); }
        .gf-kz .section-head { display: flex; align-items: end; justify-content: space-between; gap: 42px; margin-bottom: 48px; }
        .gf-kz .section-head .lead { max-width: 660px; }
        .gf-kz .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 16px;
            color: var(--navy-600);
            font-size: 12.16px;
            font-weight: 900;
            letter-spacing: .14em;
            text-transform: uppercase;
        }
        .gf-kz .eyebrow::before { content: ""; width: 26px; height: 4px; background: linear-gradient(90deg, var(--yellow), var(--orange)); }
        .gf-kz .section-navy .eyebrow { color: rgba(255,255,255,.72); }
        .gf-kz .section-navy .lead, .gf-kz .section-navy .muted { color: rgba(255,255,255,.72); }

        .gf-kz .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 54px;
            padding: 0 25px;
            border: 1px solid transparent;
            border-radius: 999px;
            text-decoration: none;
            font-weight: 900;
            transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
        }
        .gf-kz .btn:hover { transform: translateY(-2px); }
        .gf-kz .btn-primary { color: var(--navy-950); background: var(--yellow); box-shadow: 0 14px 30px rgba(244,198,78,.25); }
        .gf-kz .btn-primary:hover { background: #ffd365; }
        .gf-kz .btn-light { color: var(--navy-900); background: var(--white); border-color: rgba(255,255,255,.32); }
        .gf-kz .btn-outline { color: var(--navy-800); background: rgba(255,255,255,.75); border-color: rgba(10,53,91,.22); }
        .gf-kz .btn-red { color: var(--white); background: var(--red); box-shadow: 0 14px 30px rgba(207,70,80,.20); }

        .gf-kz .hero {
            position: relative;
            overflow: hidden;
            padding: 88px 0 84px;
            color: var(--white);
            background:
                    radial-gradient(circle at 84% 12%, rgba(244,198,78,.22), transparent 25%),
                    radial-gradient(circle at 63% 93%, rgba(106,205,176,.18), transparent 28%),
                    linear-gradient(135deg, var(--navy-950) 0%, var(--navy-800) 68%, #0d416a 100%);
        }
        .gf-kz .hero::before {
            content: "";
            position: absolute;
            width: 620px;
            height: 620px;
            top: -390px;
            left: -250px;
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 50%;
            box-shadow: 0 0 0 90px rgba(255,255,255,.025), 0 0 0 180px rgba(255,255,255,.018);
        }
        .gf-kz .hero::after {
            content: "";
            position: absolute;
            width: 260px;
            height: 260px;
            right: -70px;
            bottom: -100px;
            background: var(--yellow);
            opacity: .09;
            transform: rotate(18deg);
        }
        .gf-kz .hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.04fr .96fr; gap: 58px; align-items: center; }
        .gf-kz .hero .eyebrow { color: rgba(255,255,255,.74); }
        .gf-kz .hero h1 { color: var(--white); }
        .gf-kz .hero h1 span { color: var(--yellow); }
        .gf-kz .hero-copy .lead { margin-top: 25px; color: rgba(255,255,255,.77); }
        .gf-kz .hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
        .gf-kz .hero-note { margin-top: 17px; color: rgba(255,255,255,.60); font-size: 13.28px; }
        .gf-kz .trust-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 27px; }
        .gf-kz .trust-chip { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.07); color: rgba(255,255,255,.88); font-size: 12.64px; font-weight: 800; backdrop-filter: blur(8px); }
        .gf-kz .trust-chip::before { content: "✓"; color: var(--yellow); font-weight: 900; }

        .gf-kz .app-preview { position: relative; padding: 17px; border: 1px solid rgba(255,255,255,.19); border-radius: 0 34px 0 34px; background: rgba(255,255,255,.10); box-shadow: 0 36px 90px rgba(0,0,0,.30); backdrop-filter: blur(14px); }
        .gf-kz .preview-bar { display: flex; align-items: center; justify-content: space-between; padding: 4px 4px 15px; color: rgba(255,255,255,.68); font-size: 11.2px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
        .gf-kz .dots { display: flex; gap: 6px; }
        .gf-kz .dots i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.25); }
        .gf-kz .dots i:nth-child(1) { background: #f0838c; }
        .gf-kz .dots i:nth-child(2) { background: #f4ca60; }
        .gf-kz .dots i:nth-child(3) { background: #7dd2b3; }
        .gf-kz .app-shell { overflow: hidden; display: grid; grid-template-columns: 145px 1fr; min-height: 458px; background: #f6fafc; border-radius: 0 23px 0 23px; }
        .gf-kz .app-side { padding: 20px 13px; color: rgba(255,255,255,.82); background: linear-gradient(180deg, var(--navy-800), var(--navy-950)); }
        .gf-kz .app-brand { margin-bottom: 20px; color: var(--white); font-size: 12.8px; font-weight: 950; }
        .gf-kz .app-menu { display: grid; gap: 7px; }
        .gf-kz .app-menu div { padding: 9px 9px; border-radius: 8px; font-size: 10.24px; }
        .gf-kz .app-menu div.active { color: var(--navy-950); background: var(--yellow); font-weight: 900; }
        .gf-kz .app-content { padding: 17px; }
        .gf-kz .app-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
        .gf-kz .app-head strong { color: var(--navy-900); font-size: 15.2px; }
        .gf-kz .app-head span { padding: 6px 9px; border-radius: 999px; color: #287659; background: var(--mint); font-size: 9.6px; font-weight: 900; }
        .gf-kz .app-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 15px; }
        .gf-kz .app-kpi { padding: 13px; background: var(--white); box-shadow: 0 8px 20px rgba(7,37,65,.07); }
        .gf-kz .app-kpi:nth-child(2) { border-radius: 14px; }
        .gf-kz .app-kpi:nth-child(3) { border-radius: 0 14px 0 14px; }
        .gf-kz .app-kpi small { display: block; color: var(--muted); font-size: 8.96px; }
        .gf-kz .app-kpi b { display: block; margin-top: 5px; color: var(--navy-900); font-size: 19.2px; }
        .gf-kz .app-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 10px; margin-top: 11px; }
        .gf-kz .app-panel { padding: 14px; background: var(--white); box-shadow: 0 8px 20px rgba(7,37,65,.06); }
        .gf-kz .app-panel.round { border-radius: 15px; }
        .gf-kz .app-panel.cut { border-radius: 0 15px 0 15px; }
        .gf-kz .app-panel h4 { font-size: 11.52px; letter-spacing: 0; }
        .gf-kz .client-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; padding: 9px 0; border-bottom: 1px solid #edf2f5; }
        .gf-kz .client-row:last-child { border-bottom: 0; }
        .gf-kz .client-row strong { display: block; color: var(--ink); font-size: 9.76px; }
        .gf-kz .client-row small { display: block; margin-top: 2px; color: var(--muted); font-size: 8.32px; }
        .gf-kz .status { padding: 4px 7px; border-radius: 999px; font-size: 8px; font-style: normal; font-weight: 900; }
        .gf-kz .status.ok { color: #277052; background: var(--mint); }
        .gf-kz .status.mid { color: #8a650b; background: var(--sand); }
        .gf-kz .status.high { color: var(--red-deep); background: var(--red-soft); }
        .gf-kz .task { display: flex; gap: 7px; padding: 8px 0; border-bottom: 1px solid #edf2f5; color: var(--muted); font-size: 8.8px; }
        .gf-kz .task:last-child { border-bottom: 0; }
        .gf-kz .task::before { content: ""; width: 8px; height: 8px; flex: 0 0 8px; margin-top: 2px; border: 2px solid #83b5ce; border-radius: 50%; }

        .gf-kz .legal-alert { position: relative; z-index: 3; margin-top: -1px; background: linear-gradient(105deg,#fffaf0,#fff3cf); border-top: 1px solid #efd58b; border-bottom: 1px solid #efd58b; }
        .gf-kz .legal-alert-inner { display: grid; grid-template-columns: auto 1fr auto; gap: 19px; align-items: center; padding: 24px 0; }
        .gf-kz .alert-mark { width: 50px; height: 50px; display: grid; place-items: center; color: var(--navy-950); background: var(--yellow-strong); font-size: 21.6px; font-weight: 950; box-shadow: 0 8px 20px rgba(122,88,16,.16); }
        .gf-kz .legal-alert strong { display: block; color: var(--navy-900); font-size: 16.32px; }
        .gf-kz .legal-alert p { margin-top: 4px; color: #665b43; font-size: 14.4px; }
        .gf-kz .legal-alert a { display: inline-flex; align-items: center; justify-content: center; min-height: 43px; padding: 10px 17px; border: 1px solid rgba(7,37,65,.12); border-radius: 999px; color: var(--navy-900); background: var(--white); box-shadow: 0 8px 22px rgba(89,67,20,.12); font-size: 12.48px; font-weight: 900; line-height: 1.35; text-align: center; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
        .gf-kz .legal-alert a:hover { border-color: rgba(7,37,65,.25); box-shadow: 0 11px 27px rgba(89,67,20,.17); transform: translateY(-2px); }

        .gf-kz .obligation-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
        .gf-kz .obligation-card { min-height: 250px; padding: 25px; border: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow-soft); }
        .gf-kz .obligation-card:nth-child(1), .gf-kz .obligation-card:nth-child(5) { border-radius: 0; background: var(--sky); border-color: var(--sky-strong); }
        .gf-kz .obligation-card:nth-child(2), .gf-kz .obligation-card:nth-child(7) { border-radius: 24px; background: var(--mint); border-color: var(--mint-strong); }
        .gf-kz .obligation-card:nth-child(3), .gf-kz .obligation-card:nth-child(6) { border-radius: 0 26px 0 26px; background: var(--sand); border-color: var(--sand-strong); }
        .gf-kz .obligation-card:nth-child(4), .gf-kz .obligation-card:nth-child(8) { border-radius: 26px 0 26px 0; background: var(--lilac); border-color: var(--lilac-strong); }
        .gf-kz .obligation-icon { width: 47px; height: 47px; display: grid; place-items: center; margin-bottom: 18px; color: var(--navy-800); background: rgba(255,255,255,.83); border: 1px solid rgba(10,53,91,.08); font-size: 17.6px; font-weight: 950; }
        .gf-kz .obligation-card:nth-child(even) .obligation-icon { border-radius: 14px; }
        .gf-kz .obligation-card h3 { margin-bottom: 10px; }
        .gf-kz .obligation-card p { color: var(--muted); font-size: 14.4px; }

        .gf-kz .product-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 55px; align-items: start; }
        .gf-kz .product-copy { position: sticky; top: 30px; }
        .gf-kz .product-copy .lead { margin-top: 21px; }
        .gf-kz .product-points { display: grid; gap: 11px; margin-top: 26px; }
        .gf-kz .product-point { display: grid; grid-template-columns: 38px 1fr; gap: 13px; align-items: start; }
        .gf-kz .product-point i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--navy-900); background: var(--yellow); font-style: normal; font-weight: 950; }
        .gf-kz .product-point strong { display: block; color: var(--navy-900); }
        .gf-kz .product-point span { display: block; margin-top: 2px; color: var(--muted); font-size: 14.08px; }

        .gf-kz .demo-card { overflow: hidden; border: 1px solid rgba(10,53,91,.13); border-radius: 0 30px 0 30px; background: var(--white); box-shadow: var(--shadow); }
        .gf-kz .demo-tabs { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); background: #f4f8fa; }
        .gf-kz .demo-tab { min-height: 60px; padding: 12px 8px; border: 0; border-right: 1px solid var(--line); color: var(--muted); background: transparent; font-size: 12.8px; font-weight: 900; }
        .gf-kz .demo-tab:last-child { border-right: 0; }
        .gf-kz .demo-tab.active { color: var(--navy-900); background: var(--yellow); }
        .gf-kz .demo-body { display: grid; grid-template-columns: .88fr 1.12fr; min-height: 430px; }
        .gf-kz .demo-copy { padding: 34px 29px; background: var(--navy-900); color: var(--white); }
        .gf-kz .demo-copy h3 { color: var(--white); font-size: 27.2px; }
        .gf-kz .demo-copy p { margin-top: 15px; color: rgba(255,255,255,.72); }
        .gf-kz .demo-copy ul { margin-top: 22px; padding: 0; list-style: none; }
        .gf-kz .demo-copy li { position: relative; padding-left: 25px; color: rgba(255,255,255,.85); font-size: 14.08px; }
        .gf-kz .demo-copy li + li { margin-top: 11px; }
        .gf-kz .demo-copy li::before { content: "✓"; position: absolute; left: 0; color: var(--yellow); font-weight: 950; }
        .gf-kz .demo-screen { padding: 28px; background: linear-gradient(180deg, #f8fbfc, #eef5f8); }
        .gf-kz .screen-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
        .gf-kz .screen-head strong { color: var(--navy-900); }
        .gf-kz .screen-head span { padding: 6px 10px; border-radius: 999px; color: #277052; background: var(--mint); font-size: 10.4px; font-weight: 900; }
        .gf-kz .screen-list { display: grid; gap: 10px; margin-top: 20px; }
        .gf-kz .screen-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 14px; background: var(--white); box-shadow: 0 7px 20px rgba(7,37,65,.06); }
        .gf-kz .screen-row:nth-child(even) { border-radius: 14px; }
        .gf-kz .screen-row:nth-child(3) { border-radius: 0 14px 0 14px; }
        .gf-kz .screen-no { width: 31px; height: 31px; display: grid; place-items: center; color: var(--navy-900); background: var(--sky); font-size: 11.2px; font-weight: 950; }
        .gf-kz .screen-row:nth-child(even) .screen-no { border-radius: 9px; }
        .gf-kz .screen-row b { display: block; color: var(--ink); font-size: 12.48px; }
        .gf-kz .screen-row small { display: block; margin-top: 3px; color: var(--muted); font-size: 10.4px; }
        .gf-kz .screen-badge { padding: 5px 8px; border-radius: 999px; color: var(--navy-800); background: var(--sand); font-size: 9.28px; font-weight: 900; }

        .gf-kz .bundle-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 22px; }
        .gf-kz .partner-card { position: relative; overflow: hidden; padding: 38px; color: var(--white); background: linear-gradient(145deg, var(--navy-900), var(--navy-700)); border-radius: 0 34px 0 34px; box-shadow: var(--shadow); }
        .gf-kz .partner-card::after { content: "KZ"; position: absolute; right: -8px; bottom: -32px; color: rgba(255,255,255,.07); font-size: 144px; font-weight: 950; line-height: 1; }
        .gf-kz .partner-card h2, .gf-kz .partner-card h3 { color: var(--white); }
        .gf-kz .partner-card .lead { margin-top: 18px; color: rgba(255,255,255,.72); }
        .gf-kz .commission { display: inline-flex; align-items: center; gap: 12px; margin-top: 27px; padding: 13px 17px; color: var(--navy-950); background: var(--yellow); font-weight: 950; }
        .gf-kz .commission strong { font-size: 23.2px; }
        .gf-kz .bundle-list { display: grid; gap: 12px; margin-top: 29px; padding: 0; list-style: none; }
        .gf-kz .bundle-list li { position: relative; padding-left: 27px; color: rgba(255,255,255,.85); }
        .gf-kz .bundle-list li::before { content: "✓"; position: absolute; left: 0; color: var(--yellow); font-weight: 950; }
        .gf-kz .offer-stack { display: grid; gap: 18px; }
        .gf-kz .offer-card { padding: 29px; border: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow-soft); }
        .gf-kz .offer-card:nth-child(1) { border-radius: 24px; background: var(--sand); border-color: var(--sand-strong); }
        .gf-kz .offer-card:nth-child(2) { border-radius: 0; background: var(--sky); border-color: var(--sky-strong); }
        .gf-kz .offer-card:nth-child(3) { border-radius: 0 24px 0 24px; background: var(--mint); border-color: var(--mint-strong); }
        .gf-kz .offer-card span { display: inline-block; margin-bottom: 13px; color: var(--navy-600); font-size: 11.52px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
        .gf-kz .offer-card p { margin-top: 9px; color: var(--muted); }

        .gf-kz .process-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 13px; }
        .gf-kz .process-card { position: relative; min-height: 260px; padding: 25px 23px; border: 1px solid var(--line); background: var(--white); }
        .gf-kz .process-card:nth-child(odd) { border-radius: 0; }
        .gf-kz .process-card:nth-child(even) { border-radius: 22px; }
        .gf-kz .process-card:nth-child(3) { border-radius: 0 23px 0 23px; }
        .gf-kz .process-no { display: inline-grid; place-items: center; width: 42px; height: 42px; margin-bottom: 24px; color: var(--navy-950); background: var(--yellow); font-weight: 950; }
        .gf-kz .process-card:nth-child(even) .process-no { border-radius: 12px; }
        .gf-kz .process-card h3 { margin-bottom: 10px; }
        .gf-kz .process-card p { color: var(--muted); font-size: 14.08px; }
        .gf-kz .process-card::after { content: "→"; position: absolute; right: -13px; top: 39px; z-index: 2; color: var(--orange); font-size: 21.6px; font-weight: 950; }
        .gf-kz .process-card:last-child::after { display: none; }

        .gf-kz .services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
        .gf-kz .service-card { min-height: 255px; padding: 28px; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.07); }
        .gf-kz .service-card:nth-child(1), .gf-kz .service-card:nth-child(4) { border-radius: 0; }
        .gf-kz .service-card:nth-child(2), .gf-kz .service-card:nth-child(5) { border-radius: 25px; }
        .gf-kz .service-card:nth-child(3), .gf-kz .service-card:nth-child(6) { border-radius: 0 25px 0 25px; }
        .gf-kz .service-icon { width: 47px; height: 47px; display: grid; place-items: center; margin-bottom: 20px; color: var(--navy-950); background: var(--yellow); font-weight: 950; }
        .gf-kz .service-card:nth-child(2n) .service-icon { border-radius: 14px; }
        .gf-kz .service-card p { margin-top: 10px; color: rgba(255,255,255,.70); }

        .gf-kz .proof-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
        .gf-kz .proof-card { padding: 28px; border: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow-soft); }
        .gf-kz .proof-card:nth-child(1) { border-radius: 24px; background: var(--sky); border-color: var(--sky-strong); }
        .gf-kz .proof-card:nth-child(2) { border-radius: 0; background: var(--lilac); border-color: var(--lilac-strong); }
        .gf-kz .proof-card:nth-child(3) { border-radius: 0 24px 0 24px; background: var(--mint); border-color: var(--mint-strong); }
        .gf-kz .proof-card p { color: var(--muted); font-size: 15.04px; }
        .gf-kz .proof-card strong { display: block; margin-top: 22px; color: var(--navy-900); }
        .gf-kz .proof-card small { display: block; margin-top: 4px; color: var(--muted); }

        .gf-kz .faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 52px; align-items: start; }
        .gf-kz .faq-copy { position: sticky; top: 30px; }
        .gf-kz .faq-copy .lead { margin-top: 20px; }
        .gf-kz .faq-list { border-top: 1px solid var(--line); }
        .gf-kz .faq-item { border-bottom: 1px solid var(--line); }
        .gf-kz .faq-question { width: 100%; display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; padding: 23px 0; border: 0; color: var(--navy-900); background: transparent; text-align: left; font-weight: 900; }
        .gf-kz .faq-question span:last-child { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; transition: transform .2s ease; }
        .gf-kz .faq-item.open .faq-question span:last-child { transform: rotate(45deg); background: var(--yellow); border-color: var(--yellow); }
        .gf-kz .faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .22s ease; }
        .gf-kz .faq-answer > div { overflow: hidden; }
        .gf-kz .faq-answer p { padding: 0 0 23px; color: var(--muted); }
        .gf-kz .faq-item.open .faq-answer { grid-template-rows: 1fr; }

        .gf-kz .legal-note { padding: 28px 0; background: var(--sand); border-top: 1px solid var(--sand-strong); border-bottom: 1px solid var(--sand-strong); }
        .gf-kz .legal-note-inner { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; }
        .gf-kz .legal-note-mark { width: 46px; height: 46px; display: grid; place-items: center; color: var(--navy-950); background: var(--yellow); font-weight: 950; }
        .gf-kz .legal-note strong { display: block; color: var(--navy-900); }
        .gf-kz .legal-note p { margin-top: 5px; color: var(--muted); font-size: 14.08px; }
        .gf-kz .legal-note a { color: var(--navy-800); font-weight: 800; }

        .gf-kz .contact-section { position: relative; overflow: hidden; padding: 96px 0; color: var(--white); background: linear-gradient(145deg, var(--navy-950), var(--navy-800)); }
        .gf-kz .contact-section::after { content: ""; position: absolute; width: 380px; height: 380px; right: -170px; top: -190px; border-radius: 50%; background: var(--yellow); opacity: .09; }
        .gf-kz .contact-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .86fr 1.14fr; gap: 56px; align-items: start; }
        .gf-kz .contact-copy h2 { color: var(--white); }
        .gf-kz .contact-copy .lead { margin-top: 20px; color: rgba(255,255,255,.72); }
        .gf-kz .contact-list { display: grid; gap: 12px; margin-top: 29px; padding: 0; list-style: none; }
        .gf-kz .contact-list li { position: relative; padding-left: 27px; color: rgba(255,255,255,.86); }
        .gf-kz .contact-list li::before { content: "✓"; position: absolute; left: 0; color: var(--yellow); font-weight: 950; }
        .gf-kz .direct-contact { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
        .gf-kz .direct-contact a { text-decoration: none; }
        .gf-kz .lead-form { padding: 30px; color: var(--ink); background: var(--white); border-radius: 0 30px 0 30px; box-shadow: 0 35px 90px rgba(0,0,0,.26); }
        .gf-kz .lead-form h3 { margin-bottom: 8px; font-size: 27.2px; }
        .gf-kz .lead-form > p { color: var(--muted); }
        .gf-kz .form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; margin-top: 23px; }
        .gf-kz .field { display: grid; gap: 7px; }
        .gf-kz .field.full { grid-column: 1 / -1; }
        .gf-kz .field label { color: var(--navy-900); font-size: 12.48px; font-weight: 900; }
        .gf-kz .field input, .gf-kz .field select, .gf-kz .field textarea { width: 100%; border: 1px solid var(--line); border-radius: 10px; outline: none; background: #fbfdfe; color: var(--ink); }
        .gf-kz .field input, .gf-kz .field select { height: 50px; padding: 0 13px; }
        .gf-kz .field textarea { min-height: 95px; padding: 12px 13px; resize: vertical; }
        .gf-kz .field input:focus, .gf-kz .field select:focus, .gf-kz .field textarea:focus { border-color: var(--navy-600); box-shadow: 0 0 0 3px rgba(44,102,136,.12); }
        .gf-kz .consent { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin-top: 16px; color: var(--muted); font-size: 11.52px; }
        .gf-kz .consent input { margin-top: 3px; accent-color: var(--navy-800); }
        .gf-kz .form-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; }
        .gf-kz .form-status { color: var(--muted); font-size: 12.16px; }




        .gf-kz .reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
        .gf-kz .reveal.visible { opacity: 1; transform: none; }

        @media (max-width: 1080px) {
            .gf-kz .hero-grid, .gf-kz .product-layout, .gf-kz .contact-grid { grid-template-columns: 1fr; }
            .gf-kz .product-copy, .gf-kz .faq-copy { position: static; }
            .gf-kz .obligation-grid { grid-template-columns: repeat(2,1fr); }
            .gf-kz .process-grid { grid-template-columns: repeat(3,1fr); }
            .gf-kz .process-card::after { display: none; }
            .gf-kz .bundle-grid { grid-template-columns: 1fr; }
            .gf-kz .services-grid { grid-template-columns: repeat(2,1fr); }
            .gf-kz .faq-layout { grid-template-columns: 1fr; }
        }
        @media (max-width: 760px) {
            .gf-kz .container { width: min(100% - 28px, var(--max)); }
            .gf-kz .section { padding: 76px 0; }
            .gf-kz .hero { padding: 66px 0 70px; }
            .gf-kz .hero-grid { gap: 38px; }
            .gf-kz .section-head { display: block; }
            .gf-kz .section-head .lead { margin-top: 18px; }
            .gf-kz .legal-alert-inner { grid-template-columns: auto 1fr; }
            .gf-kz .legal-alert a { grid-column: 2; }
            .gf-kz .app-preview { padding: 10px; border-radius: 0 24px 0 24px; }
            .gf-kz .app-shell { grid-template-columns: 105px 1fr; min-height: 390px; }
            .gf-kz .app-side { padding: 14px 8px; }
            .gf-kz .app-menu div { padding: 7px 6px; font-size: 8.32px; }
            .gf-kz .app-content { padding: 11px; }
            .gf-kz .app-kpis { grid-template-columns: 1fr 1fr; }
            .gf-kz .app-kpi:last-child { display: none; }
            .gf-kz .app-grid { grid-template-columns: 1fr; }
            .gf-kz .app-panel.cut { display: none; }
            .gf-kz .obligation-grid, .gf-kz .services-grid, .gf-kz .proof-grid { grid-template-columns: 1fr; }
            .gf-kz .obligation-card { min-height: auto; }
            .gf-kz .demo-tabs { grid-template-columns: repeat(2,1fr); }
            .gf-kz .demo-tab:nth-child(2) { border-right: 0; }
            .gf-kz .demo-tab:nth-child(-n/**/+2) { border-bottom: 1px solid var(--line); }
            .gf-kz .demo-body { grid-template-columns: 1fr; }
            .gf-kz .demo-copy { padding: 28px 24px; }
            .gf-kz .demo-screen { padding: 21px; }
            .gf-kz .process-grid { grid-template-columns: 1fr; }
            .gf-kz .process-card { min-height: auto; }
            .gf-kz .form-grid { grid-template-columns: 1fr; }
            .gf-kz .form-actions { align-items: stretch; flex-direction: column; }
            .gf-kz .form-actions .btn { width: 100%; }

        }
        @media (max-width: 480px) {
            .gf-kz .hero-actions, .gf-kz .direct-contact { flex-direction: column; }
            .gf-kz .hero-actions .btn, .gf-kz .direct-contact .btn { width: 100%; }
            .gf-kz .trust-row { display: grid; grid-template-columns: 1fr; }
            .gf-kz .app-shell { grid-template-columns: 88px 1fr; }
            .gf-kz .app-brand { font-size: 10.56px; }
            .gf-kz .app-menu div { font-size: 7.36px; }
            .gf-kz .app-kpi { padding: 10px; }
            .gf-kz .app-kpi b { font-size: 16px; }
            .gf-kz .partner-card, .gf-kz .lead-form { padding: 25px 21px; }

        }
        @media (prefers-reduced-motion: reduce) {
            .gf-kz *, .gf-kz *::before, .gf-kz *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
            .gf-kz .reveal { opacity: 1; transform: none; }
        }


        /* Dodatkowe moduły: film i zespół */
        .gf-kz .film-section {
            background:
                    radial-gradient(circle at 92% 10%, rgba(244,198,78,.20), transparent 24%),
                    linear-gradient(180deg, #fbfdfe 0%, #f2f7fa 100%);
        }
        .gf-kz .film-layout {
            display: grid;
            grid-template-columns: .72fr 1.28fr;
            gap: 48px;
            align-items: center;
        }
        .gf-kz .film-copy .lead { margin-top: 20px; }
        .gf-kz .film-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }
        .gf-kz .film-shell {
            overflow: hidden;
            border: 1px solid rgba(7,37,65,.16);
            border-radius: 0 30px 0 30px;
            background: var(--navy-950);
            box-shadow: var(--shadow);
        }





























        .gf-kz .team-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 48px; align-items: center; }
        .gf-kz .team-copy .lead { margin-top: 22px; }
        .gf-kz .team-check-list { display: grid; gap: 15px; margin-top: 28px; }
        .gf-kz .team-check-item { display: grid; grid-template-columns: 38px 1fr; gap: 14px; align-items: start; }
        .gf-kz .team-check-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--yellow); font-weight: 950; }
        .gf-kz .team-check-item strong { display: block; color: var(--navy-900); }
        .gf-kz .team-check-item p { margin-top: 3px; color: var(--muted); font-size: 14.4px; }
        .gf-kz .team-panel { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
        .gf-kz .team-number { min-height: 170px; padding: 27px; color: var(--white); background: var(--navy-900); box-shadow: var(--shadow-soft); }
        .gf-kz .team-number:nth-child(1) { border-radius: 0; }
        .gf-kz .team-number:nth-child(2) { border-radius: 24px; color: var(--navy-950); background: var(--yellow); }
        .gf-kz .team-number:nth-child(3) { border-radius: 0 24px 0 24px; background: var(--navy-700); }
        .gf-kz .team-number:nth-child(4) { border-radius: 24px 0 24px 0; color: var(--navy-900); background: var(--sky); }
        .gf-kz .team-number strong { display: block; font-size: 42.4px; line-height: 1; }
        .gf-kz .team-number span { display: block; margin-top: 12px; font-weight: 850; }
        .gf-kz .team-bottom { display: grid; grid-template-columns: 1.04fr .96fr; gap: 28px; margin-top: 42px; }
        .gf-kz .experts-panel, .gf-kz .orbit-panel { min-width: 0; padding: 32px; border: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow-soft); }
        .gf-kz .experts-panel { border-radius: 0; }
        .gf-kz .orbit-panel { border-radius: 0 30px 0 30px; }
        .gf-kz .experts-panel > h3, .gf-kz .orbit-panel > h3 { margin-bottom: 24px; }
        .gf-kz .experts-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
        .gf-kz .expert-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; min-height: 285px; padding: 22px 18px; border: 1px solid var(--line); background: linear-gradient(145deg, #ffffff, #f3f7fb); text-align: center; }
        .gf-kz .expert-card:nth-child(1) { border-radius: 24px; }
        .gf-kz .expert-card:nth-child(2) { border-radius: 0 24px 0 24px; }
        .gf-kz .expert-portrait { width: 138px; height: 138px; overflow: hidden; border-radius: 50%; background: linear-gradient(145deg, var(--yellow-soft), var(--sky)); border: 7px solid var(--white); box-shadow: 0 10px 28px rgba(7,37,65,.16); }
        .gf-kz .expert-portrait img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); }
        .gf-kz .portrait-paulina img { object-position: center 21%; }
        .gf-kz .portrait-elzbieta img { object-position: center 18%; }
        .gf-kz .expert-info h4 { font-size: 20.48px; margin-bottom: 8px; }
        .gf-kz .expert-info p { color: var(--muted); font-weight: 780; }
        .gf-kz .orbit-panel { color: var(--white); background: linear-gradient(145deg, var(--navy-950), var(--navy-800)); }
        .gf-kz .orbit-panel h3 { color: var(--white); }
        .gf-kz .orbit-panel .eyebrow { color: rgba(255,255,255,.76); }
        .gf-kz .circle-graph { position: relative; width: min(420px, 100%); height: 360px; margin: 0 auto; color: rgba(255,255,255,.34); }
        .gf-kz .orbit-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
        .gf-kz .orbit-lines line { stroke: rgba(255,255,255,.20); stroke-width: 1.5; }
        .gf-kz .circle-core, .gf-kz .circle-node { position: absolute; display: grid; place-items: center; text-align: center; border-radius: 50%; }
        .gf-kz .circle-core { left: 50%; top: 50%; width: 154px; height: 154px; transform: translate(-50%, -50%); padding: 22px; color: var(--white); background: #0d416a; border: 10px solid rgba(255,255,255,.10); box-shadow: 0 18px 40px rgba(0,0,0,.24); }
        .gf-kz .circle-core small { font-size: 10.88px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.64); }
        .gf-kz .circle-core strong { font-size: 17.12px; line-height: 1.05; }
        .gf-kz .circle-core span { font-size: 10.88px; color: var(--yellow); font-weight: 900; }
        .gf-kz .circle-node { width: 82px; height: 82px; padding: 10px; color: var(--navy-950); border: 7px solid rgba(255,255,255,.78); box-shadow: 0 10px 28px rgba(0,0,0,.22); font-size: 11.52px; line-height: 1.05; }
        .gf-kz .node-1 { left: 50%; top: 0; transform: translateX(-50%); background: #08aeb6; }
        .gf-kz .node-2 { right: 1px; top: 72px; background: #d9b8e4; }
        .gf-kz .node-3 { right: 20px; bottom: 0; background: var(--yellow); }
        .gf-kz .node-4 { left: 20px; bottom: 0; background: #b9dfce; }
        .gf-kz .node-5 { left: 1px; top: 72px; background: #ef7c76; }

        @media (max-width: 1080px) {
            .gf-kz .film-layout, .gf-kz .team-grid, .gf-kz .team-bottom { grid-template-columns: 1fr; }
        }
        @media (max-width: 760px) {






            .gf-kz .team-panel, .gf-kz .experts-grid { grid-template-columns: 1fr; }
            .gf-kz .expert-card { min-height: 250px; padding: 18px 14px; }
            .gf-kz .expert-portrait { width: 120px; height: 120px; }
            .gf-kz .experts-panel, .gf-kz .orbit-panel { padding: 24px 18px; }
            .gf-kz .circle-graph { transform: scale(.88); transform-origin: top center; margin-bottom: -42px; }
        }
        @media (max-width: 520px) {










        }


        /* Scoped additions for accessible controls and longer Polish labels. */
        .gf-kz [hidden] { display:none !important; }
        .gf-kz :is(a,button,input,select,textarea):focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
        .gf-kz :is(.hero-grid,.product-layout,.bundle-grid,.contact-grid,.faq-layout,.film-layout,.team-grid,.team-bottom) > * { min-width:0; }
        .gf-kz :is(.app-content,.app-panel,.app-head,.demo-copy,.demo-screen,.screen-row > div,.field,.section-head > *) { min-width:0; }
        .gf-kz .section-head > * { flex:1 1 0; }
        .gf-kz .screen-head { flex-wrap:wrap; }
        .gf-kz .screen-row { grid-template-columns:31px minmax(0,1fr) auto; }
        .gf-kz .demo-caption { padding:13px 20px; border-top:1px solid var(--line); color:var(--muted); background:var(--white); font-size:11.52px; }
        .gf-kz .preview-caption { margin-top:12px; color:rgba(255,255,255,.64); font-size:10.88px; text-align:center; }
        .gf-kz .preview-bar { gap:12px; }
        .gf-kz .preview-bar > span { text-align:right; }
        .gf-kz .app-head span { flex:0 0 auto; }
        .gf-kz .app-brand { line-height:1.25; }
        .gf-kz .demo-tab { overflow-wrap:anywhere; }



        .gf-kz .webinar-note { margin-top:17px; color:var(--muted); font-size:13.28px; }
        .gf-kz .expert-portrait { display:grid; place-items:center; color:var(--navy-800); background:var(--sky); font-size:43.2px; font-weight:950; }
        .gf-kz .expert-card:nth-child(2) .expert-portrait { background:var(--sand); }
        .gf-kz .expert-info h4 { font-size:18.88px; }
        .gf-kz .expert-info p { font-size:13.76px; font-weight:500; }
        .gf-kz .circle-core strong { font-size:15.36px; }
        .gf-kz .circle-node { font-size:10.88px; }
        .gf-kz .orbit-note { margin-top:18px; color:rgba(255,255,255,.70); font-size:13.28px; }
        .gf-kz .form-actions .btn { flex:0 0 auto; }
        .gf-kz .form-draft { margin-top:22px; padding-top:22px; border-top:1px solid var(--line); }
        .gf-kz .form-draft textarea { min-height:190px; background:var(--paper); font-size:13.6px; }
        .gf-kz .draft-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
        .gf-kz .draft-actions .btn { min-height:46px; padding-inline:18px; font-size:13.12px; }
        .gf-kz .form-status { overflow-wrap:anywhere; }
        .gf-kz .reveal { opacity:1; transform:none; }
        .gf-kz.js-ready .reveal:not(.visible) { opacity:0; transform:translateY(18px); }
        .gf-kz .contact-section .eyebrow, .gf-kz .partner-card .eyebrow { color:rgba(255,255,255,.74); }
        @media (max-width:760px) {
            .gf-kz .screen-row { gap:9px; padding:12px; }
            .gf-kz .screen-badge { max-width:76px; overflow-wrap:anywhere; text-align:center; }



            .gf-kz .team-panel { grid-template-columns:repeat(2,minmax(0,1fr)); }
            .gf-kz .team-number { padding:23px; }
            .gf-kz .team-number strong { font-size:36px; }
        }
        @media (max-width:480px) {
            .gf-kz .hero h1 { font-size:clamp(37.6px,10.6vw,52px); }
            .gf-kz .app-head { gap:6px; }
            .gf-kz .app-head strong { font-size:12.48px; }
            .gf-kz .app-head span { font-size:7.68px; padding:4px 6px; }
            .gf-kz .client-row { gap:5px; }
            .gf-kz .app-panel { padding:10px; }
            .gf-kz .app-kpi small { font-size:8.16px; }




            .gf-kz .team-number { min-height:145px; padding:21px 18px; }
            .gf-kz .team-number span { font-size:13.76px; }
            .gf-kz .direct-contact a { padding-inline:12px; font-size:13.76px; }
            .gf-kz .circle-graph { height:330px; transform:scale(.9); margin-bottom:-25px; }
            .gf-kz .circle-node { width:73px; height:73px; padding:6px; border-width:5px; font-size:9.76px; }
            .gf-kz .circle-core { width:138px; height:138px; padding:15px; border-width:8px; }
            .gf-kz .circle-core strong { font-size:13.12px; }
        }
        @media (prefers-reduced-motion:reduce) {
            .gf-kz.js-ready .reveal:not(.visible) { opacity:1; transform:none; }
        }



        /* Pasek produktu: Centrum Zgodności */
        .gf-kz .cz-brand-strip {
            position: relative;
            padding: 21px 0;
            overflow: hidden;
            background: linear-gradient(105deg, #f8fcfa 0%, #e9f6f1 70%, #dcefe7 100%);
            border-bottom: 1px solid #cfe4db;
        }
        .gf-kz .cz-brand-strip::after {
            content: "";
            position: absolute;
            width: 420px;
            height: 420px;
            right: -180px;
            top: -300px;
            border-radius: 50%;
            border: 1px solid rgba(21,86,65,.13);
            box-shadow: 0 0 0 55px rgba(21,86,65,.025), 0 0 0 110px rgba(21,86,65,.018);
        }
        .gf-kz .cz-brand-inner {
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-columns: 118px 1fr auto;
            gap: 25px;
            align-items: center;
        }
        .gf-kz .cz-brand-logo-wrap {
            width: 108px;
            height: 108px;
            display: grid;
            place-items: center;
            background: rgba(255,255,255,.92);
            border: 1px solid #d2e6dd;
            box-shadow: 0 12px 30px rgba(18,80,61,.10);
        }
        .gf-kz .cz-brand-logo { width: 98px; height: 98px; object-fit: contain; }
        .gf-kz .cz-brand-copy span {
            display: block;
            color: #4b8c73;
            font-size: 11.2px;
            font-weight: 950;
            letter-spacing: .16em;
        }
        .gf-kz .cz-brand-copy strong {
            display: block;
            margin-top: 5px;
            color: #103f32;
            font-size: clamp(24.8px,3vw,36.8px);
            line-height: 1.05;
        }
        .gf-kz .cz-brand-copy p {
            max-width: 720px;
            margin-top: 7px;
            color: #607c71;
        }
        .gf-kz .cz-brand-cta {
            white-space: nowrap;
            background: rgba(255,255,255,.78);
            color: #155641;
            border-color: rgba(21,86,65,.24);
        }

        @media (max-width: 1080px) {
            .gf-kz .cz-brand-inner { grid-template-columns: 102px 1fr; }
            .gf-kz .cz-brand-logo-wrap { width: 94px; height: 94px; }
            .gf-kz .cz-brand-logo { width: 84px; height: 84px; }
            .gf-kz .cz-brand-cta { grid-column: 2; justify-self: start; }
        }
        @media (max-width: 760px) {
            .gf-kz .cz-brand-strip { padding: 17px 0; }
            .gf-kz .cz-brand-inner { grid-template-columns: 78px 1fr; gap: 15px; }
            .gf-kz .cz-brand-logo-wrap { width: 72px; height: 72px; }
            .gf-kz .cz-brand-logo { width: 65px; height: 65px; }
            .gf-kz .cz-brand-copy span { font-size: 8.8px; }
            .gf-kz .cz-brand-copy strong { font-size: 22.08px; }
            .gf-kz .cz-brand-copy p { font-size: 12.8px; }
            .gf-kz .cz-brand-cta { grid-column: 1 / -1; width: 100%; }
        }



        /* Poprawka sekcji: W centrum - praca Twojej jednostki */
        .gf-kz .orbit-panel { overflow:hidden; }
        .gf-kz .orbit-panel h3 { max-width: 18ch; }
        .gf-kz .circle-graph {
            --graph-size: min(100%, 540px);
            --core-size: clamp(138px, 28vw, 176px);
            --node-size: clamp(88px, 17vw, 106px);
            --node-border: clamp(5px, .95vw, 7px);
            position: relative;
            width: var(--graph-size);
            height: auto;
            min-height: 0;
            aspect-ratio: 1 / 1;
            margin: 28px auto 0;
            color: rgba(255,255,255,.34);
        }
        .gf-kz .orbit-lines {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }
        .gf-kz .orbit-lines line {
            stroke: rgba(255,255,255,.18);
            stroke-width: 1.35;
            stroke-linecap: round;
            vector-effect: non-scaling-stroke;
        }
        .gf-kz .circle-core,
        .gf-kz .circle-node {
            position: absolute;
            display: grid;
            place-items: center;
            text-align: center;
            border-radius: 50%;
        }
        .gf-kz .circle-core {
            left: 50%;
            top: 50%;
            width: var(--core-size);
            height: var(--core-size);
            transform: translate(-50%, -50%);
            padding: 18px;
            color: var(--white);
            background: #0d416a;
            border: 10px solid rgba(255,255,255,.10);
            box-shadow: 0 18px 40px rgba(0,0,0,.24);
        }
        .gf-kz .circle-core small {
            display:block;
            font-size: clamp(9.92px, 1.3vw, 12.16px);
            letter-spacing: .12em;
            text-transform: uppercase;
            color: rgba(255,255,255,.68);
        }
        .gf-kz .circle-core strong {
            display:block;
            margin-top: 6px;
            font-size: clamp(15.2px, 2.1vw, 19.2px);
            line-height: 1.06;
            text-wrap: balance;
        }
        .gf-kz .circle-core span {
            display:block;
            margin-top: 4px;
            font-size: clamp(10.88px, 1.4vw, 13.12px);
            color: var(--yellow);
            font-weight: 900;
        }
        .gf-kz .circle-node {
            width: var(--node-size);
            height: var(--node-size);
            padding: 10px;
            color: var(--navy-950);
            border: var(--node-border) solid rgba(255,255,255,.82);
            box-shadow: 0 10px 28px rgba(0,0,0,.22);
            font-size: clamp(11.84px, 1.6vw, 14.72px);
            line-height: 1.12;
        }
        .gf-kz .circle-node strong {
            display:block;
            max-width: 100%;
            font: inherit;
            line-height: inherit;
            text-wrap: balance;
            overflow-wrap: anywhere;
        }
        .gf-kz .node-1 { left: 50%; top: 14%; transform: translate(-50%, -50%); background: #08aeb6; }
        .gf-kz .node-2 { left: 84%; top: 31%; transform: translate(-50%, -50%); background: #d9b8e4; }
        .gf-kz .node-3 { left: 79%; top: 77%; transform: translate(-50%, -50%); background: var(--yellow); }
        .gf-kz .node-4 { left: 21%; top: 77%; transform: translate(-50%, -50%); background: #b9dfce; }
        .gf-kz .node-5 { left: 16%; top: 31%; transform: translate(-50%, -50%); background: #ef7c76; }
        .gf-kz .orbit-note {
            max-width: 38ch;
            margin: 18px auto 0;
            color: rgba(255,255,255,.72);
            font-size: 14.08px;
            text-align: center;
        }
        @media (max-width: 760px) {
            .gf-kz .circle-graph {
                --graph-size: min(100%, 410px);
                --core-size: clamp(130px, 34vw, 156px);
                --node-size: clamp(82px, 20vw, 96px);
                margin-top: 24px;
                transform: none;
            }
        }
        @media (max-width: 560px) {
            .gf-kz .orbit-panel { padding: 24px 16px; }
            .gf-kz .circle-graph {
                --graph-size: min(100%, 340px);
                --core-size: clamp(118px, 37vw, 144px);
                --node-size: clamp(74px, 23vw, 90px);
                aspect-ratio: 1 / 1.02;
            }
            .gf-kz .circle-node { font-size: clamp(10.88px, 3vw, 13.12px); }
            .gf-kz .node-1 { top: 15%; }
            .gf-kz .node-2 { left: 83%; top: 32%; }
            .gf-kz .node-3 { left: 77%; top: 77%; }
            .gf-kz .node-4 { left: 23%; top: 77%; }
            .gf-kz .node-5 { left: 17%; top: 32%; }
        }
        @media (max-width: 390px) {
            .gf-kz .circle-graph {
                --graph-size: min(100%, 300px);
                --core-size: 122px;
                --node-size: 76px;
            }
            .gf-kz .circle-node { font-size: 10.88px; }
            .gf-kz .circle-core { padding: 14px; border-width: 8px; }
            .gf-kz .circle-core strong { font-size: 14.4px; }
        }



        /* Korekta 2: sekcja orbit - kompaktowy rozmiar i brak zawijania etykiet */
        .gf-kz .orbit-panel { overflow: hidden; }
        .gf-kz .orbit-panel h3 { max-width: 16ch; }
        .gf-kz .circle-graph {
            --graph-width: min(100%, 420px);
            --core-size: 164px;
            --node-size: 92px;
            --node-font: 11.52px;
            position: relative;
            width: var(--graph-width);
            height: auto;
            aspect-ratio: 420 / 360;
            margin: 20px auto 0;
            min-height: 0;
            transform: none !important;
        }
        .gf-kz .orbit-lines {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }
        .gf-kz .orbit-lines line {
            stroke: rgba(255,255,255,.18);
            stroke-width: 1.4;
            stroke-linecap: round;
            vector-effect: non-scaling-stroke;
        }
        .gf-kz .circle-core {
            left: 50%;
            top: 56%;
            width: var(--core-size);
            height: var(--core-size);
            padding: 16px;
            transform: translate(-50%, -50%);
        }
        .gf-kz .circle-core strong {
            font-size: 16px;
            line-height: 1.04;
        }
        .gf-kz .circle-core span {
            font-size: 11.84px;
            white-space: nowrap;
        }
        .gf-kz .circle-node {
            width: var(--node-size);
            height: var(--node-size);
            padding: 8px;
            font-size: var(--node-font);
            line-height: 1.02;
        }
        .gf-kz .circle-node strong {
            display: block;
            white-space: nowrap;
            overflow-wrap: normal;
            word-break: normal;
            text-wrap: nowrap;
            font-weight: 500;
            font-size: inherit;
            letter-spacing: -.01em;
        }
        .gf-kz .node-1 { left: 50%; top: 17%; transform: translate(-50%, -50%); }
        .gf-kz .node-2 { left: 86%; top: 34%; transform: translate(-50%, -50%); }
        .gf-kz .node-3 { left: 83%; top: 79%; transform: translate(-50%, -50%); }
        .gf-kz .node-4 { left: 17%; top: 79%; transform: translate(-50%, -50%); }
        .gf-kz .node-5 { left: 14%; top: 34%; transform: translate(-50%, -50%); }
        .gf-kz .orbit-note {
            max-width: 34ch;
            margin: 16px auto 0;
            text-align: center;
        }
        @media (max-width: 760px) {
            .gf-kz .circle-graph {
                --graph-width: min(100%, 360px);
                --core-size: 148px;
                --node-size: 84px;
                --node-font: 10.56px;
            }
            .gf-kz .circle-core strong { font-size: 14.72px; }
            .gf-kz .circle-core span { font-size: 11.04px; }
        }
        @media (max-width: 480px) {
            .gf-kz .circle-graph {
                --graph-width: min(100%, 320px);
                --core-size: 136px;
                --node-size: 76px;
                --node-font: 9.44px;
            }
            .gf-kz .circle-core { padding: 14px; border-width: 8px; }
            .gf-kz .circle-core strong { font-size: 13.44px; }
            .gf-kz .circle-core span { font-size: 10.24px; }
            .gf-kz .node-2 { left: 85%; }
            .gf-kz .node-3 { left: 80%; }
            .gf-kz .node-4 { left: 20%; }
            .gf-kz .node-5 { left: 15%; }
        }

.gf-kz .faq-answer {grid-template-rows:1fr}

/* Wspolny uklad trzech podstron. Kolory pozostaja w oryginalnych motywach. */
        .gf-unified {
            --gf-max: 1240px;
            --gf-gap: 48px;
            --gf-card-gap: 18px;
            --gf-section-space: 96px;
            --gf-h1: clamp(38px, 4.9vw, 68px);
            --gf-h2: clamp(30px, 3.8vw, 52px);
            --gf-h3: clamp(18px, 1.7vw, 22px);
            font-family: Montserrat, Arial, Helvetica, sans-serif;
            font-size: 16px;
            line-height: 1.58;
            text-rendering: optimizeLegibility;
        }
        .gf-unified, .gf-unified * { box-sizing: border-box; }
        .gf-unified [hidden] { display: none !important; }
        .gf-unified :is(button, input, select, textarea) { font-family: inherit; }
        .gf-unified :is(a, button, input, select, textarea, summary):focus-visible {
            outline: 3px solid var(--orange);
            outline-offset: 4px;
        }
        .gf-unified.gf-unified .container {
            width: min(var(--gf-max), calc(100% - 40px));
            max-width: none;
            margin-inline: auto;
            padding-inline: 0;
        }
        .gf-unified.gf-unified :is(h1, h2, h3, h4) {
            font-family: inherit;
            font-weight: 800;
            letter-spacing: -.028em;
            overflow-wrap: break-word;
        }
        .gf-unified.gf-unified h1 { font-size: var(--gf-h1); line-height: 1.08; }
        .gf-unified.gf-unified h2 { font-size: var(--gf-h2); line-height: 1.12; }
        .gf-unified.gf-unified h3 { font-size: var(--gf-h3); line-height: 1.25; }
        .gf-unified.gf-unified :is(.section, .contact, .contact-section) {
            padding-block: var(--gf-section-space);
        }
        .gf-unified.gf-unified .hero { padding: 72px 0 80px; }
        .gf-unified.gf-unified .lead {
            max-width: 820px;
            font-size: clamp(17px, 1.8vw, 20px);
            line-height: 1.58;
        }
        .gf-unified.gf-unified .eyebrow {
            gap: 10px;
            margin-bottom: 16px;
            font-size: 12px;
            font-weight: 800;
            line-height: 1.5;
            letter-spacing: .14em;
        }
        .gf-unified.gf-unified .eyebrow::before { width: 26px; height: 4px; flex-shrink: 0; }
        .gf-unified.gf-unified .section-head {
            gap: var(--gf-gap);
            margin-bottom: 48px;
        }
        .gf-unified.gf-unified .section-head > * { flex: 1 1 0; min-width: 0; }
        .gf-unified.gf-unified .section-head .lead { max-width: 660px; }
        .gf-unified.gf-unified .btn {
            min-height: 54px;
            padding: 12px 24px;
            gap: 10px;
            font-size: 16px;
            font-weight: 800;
            line-height: 1.4;
            text-align: center;
            white-space: normal;
        }
        .gf-unified.gf-unified :is(.hero-actions, .film-actions, .draft-actions) {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 28px;
        }
        .gf-unified.gf-unified .hero-copy .lead { margin-top: 24px; }
        .gf-unified.gf-unified .hero-note { margin-top: 16px; font-size: 13px; line-height: 1.58; }
        .gf-unified.gf-unified .trust-row { gap: 10px; margin-top: 24px; }
        .gf-unified.gf-unified .trust-chip { padding: 9px 12px; font-size: 13px; line-height: 1.4; font-weight: 700; }
        .gf-unified.gf-unified :is(.hero-grid, .product-layout, .problem-grid, .film-layout,
  .app-layout, .team-grid, .training-grid, .contact-grid, .faq-layout) {
            display: grid;
            gap: var(--gf-gap);
        }
        .gf-unified.gf-unified :is(.hero-grid, .team-grid) { grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); }
        .gf-unified.gf-unified :is(.product-layout, .problem-grid) { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
        .gf-unified.gf-unified .film-layout { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); align-items: center; }
        .gf-unified.gf-unified .app-layout { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
        .gf-unified.gf-unified .training-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .gf-unified.gf-unified .contact-grid { grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); align-items: start; }
        .gf-unified.gf-unified .faq-layout { grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); }
        .gf-unified.gf-unified :is(.hero-grid, .product-layout, .problem-grid, .film-layout,
  .app-layout, .team-grid, .training-grid, .contact-grid, .faq-layout, .section-head,
  .bundle-grid, .team-bottom, .form-grid) > * { min-width: 0; }
        .gf-unified.gf-unified :is(.product-copy, .problem-copy, .faq-copy) { top: 30px; }
        .gf-unified.gf-unified :is(.product-copy, .problem-copy, .film-copy, .app-copy,
  .team-copy, .training-copy, .faq-copy) > .lead { margin-top: 24px; }
        .gf-unified.gf-unified :is(.obligation-grid, .services-grid, .proof-grid, .cards,
  .modules-grid, .audience-grid, .team-panel, .offer-stack, .experts-grid,
  .auditors-grid, .process-grid, .journey) { gap: var(--gf-card-gap); }
        .gf-unified.gf-unified :is(.bundle-grid, .team-bottom) { gap: 24px; }
        .gf-unified.gf-unified .bundle-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
        .gf-unified.gf-unified .team-bottom { grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); margin-top: 40px; }
        .gf-unified.gf-unified :is(.obligation-card, .service-card, .proof-card, .card,
  .module-card, .audience-card, .offer-card, .process-card, .journey-step) { padding: 26px; }
        .gf-unified.gf-unified :is(.obligation-card, .service-card, .proof-card, .card,
  .module-card, .audience-card, .offer-card, .process-card, .journey-step) p {
            font-size: 15px;
            line-height: 1.58;
        }
        .gf-unified.gf-unified :is(.obligation-card, .service-card, .card, .module-card,
  .audience-card, .offer-card, .process-card) h3 { margin-bottom: 10px; }
        .gf-unified.gf-unified :is(.obligation-icon, .service-icon, .audience-icon, .card-number) {
            width: 46px;
            height: 46px;
            margin-bottom: 18px;
            font-size: 16px;
        }
        .gf-unified.gf-unified :is(.team-checks, .check-list, .product-points) { gap: 14px; margin-top: 26px; }
        .gf-unified.gf-unified :is(.team-check-item, .check-item, .product-point) {
            display: grid;
            grid-template-columns: 38px minmax(0, 1fr);
            gap: 14px;
        }
        .gf-unified.gf-unified :is(.team-check-icon, .check-icon, .product-point > i) { width: 38px; height: 38px; }
        .gf-unified.gf-unified .team-number { min-height: 170px; padding: 26px; }
        .gf-unified.gf-unified .team-number strong { font-size: 42.4px; line-height: 1; }
        .gf-unified.gf-unified .team-number span { margin-top: 12px; font-weight: 700; }
        .gf-unified.gf-unified :is(.demo-tab, .tab-btn) { min-height: 50px; font-size: 14px; line-height: 1.4; }
        .gf-unified.gf-unified :is(.contact-copy, .contact-grid > div) > .lead { margin-top: 24px; }
        .gf-unified.gf-unified :is(.contact-list, .contact-points) { gap: 12px; margin-top: 28px; }
        .gf-unified.gf-unified :is(.contact-list li, .contact-point) { font-size: 16px; line-height: 1.58; }
        .gf-unified.gf-unified :is(.direct-contact, .contact-direct) { margin-top: 28px; }

        /* Pasek Centrum Zgodnosci: identyczna geometria, oryginalne kolory i tekst. */
        .gf-unified.gf-unified .gf-brand { padding: 20px 0; }
        .gf-unified.gf-unified .gf-brand-inner {
            display: grid;
            grid-template-columns: 126px minmax(0, 1fr) 224px;
            grid-template-areas: "logo copy action";
            gap: 32px;
            align-items: center;
            min-height: 144px;
        }
        .gf-unified.gf-unified .gf-brand-logo-box {
            grid-area: logo;
            display: grid;
            place-items: center;
            width: 126px;
            height: 126px;
            padding: 10px;
            overflow: hidden;
        }
        .gf-unified.gf-unified .gf-brand-logo {
            display: block;
            width: 104px;
            height: 104px;
            max-width: none;
            object-fit: contain;
            transform: none;
        }
        .gf-unified.gf-unified .gf-brand-copy { grid-area: copy; }
        .gf-unified.gf-unified .gf-brand-copy > span {
            display: block;
            margin: 0;
            font-size: 11px;
            font-weight: 800;
            line-height: 1.5;
            letter-spacing: .14em;
        }
        .gf-unified.gf-unified .gf-brand-copy > strong {
            display: block;
            margin: 6px 0 0;
            font-size: 36px;
            font-weight: 800;
            line-height: 1.12;
            letter-spacing: -.025em;
        }
        .gf-unified.gf-unified .gf-brand-copy > p {
            max-width: none;
            margin: 10px 0 0;
            font-size: 16px;
            line-height: 1.5;
        }
        .gf-unified.gf-unified .gf-brand-action {
            grid-area: action;
            justify-self: stretch;
            width: 224px;
            min-height: 54px;
            margin: 0;
        }

        /* Jedno statyczne pole 16:9, bez klikalnej atrapy filmu. */
        .gf-unified { --gf-media-start: var(--navy-800); --gf-media-end: var(--navy-950); }
        .gf-ksc.gf-unified { --gf-media-start: #08233f; --gf-media-end: #051c33; }
        .gf-unified.gf-unified .gf-media {
            position: relative;
            display: block;
            width: 100%;
            aspect-ratio: 16 / 9;
            padding: 0;
            border: 0;
            border-radius: 0 !important;
            overflow: hidden;
            background: var(--gf-media-end);
        }
        .gf-unified.gf-unified .gf-media-placeholder {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at center, rgba(255,255,255,.03), transparent 54%),
            linear-gradient(145deg, var(--gf-media-start), var(--gf-media-end) 68%);
            border: 1px solid rgba(255,255,255,.08);
        }
        .gf-unified.gf-unified .gf-media-placeholder::before {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: clamp(64px, 10vw, 108px);
            height: clamp(64px, 10vw, 108px);
            transform: translate(-50%, -50%);
            border-radius: 50%;
            background: rgba(255,255,255,.08);
            box-shadow: 0 10px 30px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.06);
        }
        .gf-unified.gf-unified .gf-media-placeholder::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-38%, -50%);
            width: 0;
            height: 0;
            border-top: clamp(11px, 1.9vw, 18px) solid transparent;
            border-bottom: clamp(11px, 1.9vw, 18px) solid transparent;
            border-left: clamp(19px, 3.1vw, 31px) solid rgba(232,236,241,.88);
        }
        .gf-unified.gf-unified .gf-media > video {
            position: absolute;
            inset: 0;
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        /* Formularze: te same pola geometryczne, rozne etykiety i zakres tematyczny. */
        .gf-unified.gf-unified .gf-form {
            display: flex;
            flex-direction: column;
            width: 100%;
            margin: 0;
            padding: 30px;
            border: 1px solid var(--line);
            border-radius: 0 !important;
            font-size: 16px;
            line-height: 1.58;
        }
        .gf-unified.gf-unified .gf-form-header { min-height: 96px; }
        .gf-unified.gf-unified .gf-form-header h3 {
            margin: 0 0 8px;
            font-size: 26px;
            line-height: 1.25;
            font-weight: 800;
        }
        .gf-unified.gf-unified .gf-form-header p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.58; }
        .gf-unified.gf-unified .gf-form .form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-rows: repeat(3, minmax(77px, auto)) minmax(139px, auto);
            gap: 16px;
            margin-top: 24px;
            align-content: start;
        }
        .gf-unified.gf-unified .gf-form .field {
            display: grid;
            grid-template-rows: 20px auto;
            align-content: start;
            min-width: 0;
            gap: 7px;
        }
        .gf-unified.gf-unified .gf-form .field.full { grid-column: 1 / -1; }
        .gf-unified.gf-unified .gf-form .gf-field-message { grid-row: 4; }
        .gf-unified.gf-unified .gf-form .field > label {
            font-size: 13px;
            font-weight: 800;
            line-height: 20px;
            margin: 0;
        }
        .gf-unified.gf-unified .gf-form .field :is(input, select, textarea) {
            width: 100%;
            min-width: 0;
            max-width: 100%;
            margin: 0;
            border-width: 1px;
            border-style: solid;
            border-radius: 10px;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.4;
        }
        .gf-unified.gf-unified .gf-form .field :is(input, select) { height: 50px; padding: 0 12px; }
        .gf-unified.gf-unified .gf-form .field textarea {
            display: block;
            height: 112px;
            min-height: 112px;
            padding: 12px;
            resize: vertical;
        }
        .gf-unified.gf-unified .gf-form-consent { min-height: 88px; margin-top: 16px; }
        .gf-unified.gf-unified .gf-form .consent {
            display: grid;
            grid-template-columns: 18px minmax(0, 1fr);
            align-items: start;
            gap: 10px;
            margin: 0;
            font-size: 13px;
            line-height: 1.5;
            font-weight: 400;
        }
        .gf-unified.gf-unified .gf-form .consent input {
            width: 18px;
            height: 18px;
            margin: 1px 0 0;
            flex-shrink: 0;
        }
        .gf-unified.gf-unified .gf-form .consent-details {
            margin: 12px 0 0;
            padding: 0;
            border: 0;
            background: transparent;
        }
        .gf-unified.gf-unified .gf-form .consent-details summary {
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 1.5;
            font-weight: 700;
        }
        .gf-unified.gf-unified .gf-form .consent-details p { font-size: 13px; line-height: 1.5; }
        .gf-unified.gf-unified .gf-form .form-actions {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            grid-template-rows: minmax(40px, auto) 54px;
            align-items: start;
            gap: 12px;
            margin-top: 16px;
        }
        .gf-unified.gf-unified .gf-form .form-status {
            grid-row: 1;
            margin: 0;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: var(--muted);
            font-size: 13px;
            font-weight: 400;
            line-height: 1.5;
        }
        .gf-unified.gf-unified .gf-form .form-actions > .btn {
            grid-row: 2;
            width: 100%;
            height: 54px;
            min-height: 54px;
            margin: 0;
        }
        .gf-unified.gf-unified .form-draft { margin-top: 24px; }
        .gf-unified.gf-unified .form-draft .field { grid-template-rows: auto auto; }
        .gf-unified.gf-unified .form-draft textarea { min-height: 200px; }

        /* Czytelna tresc takze bez JavaScript; animacje nie obejmuja calej sekcji. */
        .gf-unified.gf-unified .reveal,
        .gf-unified.gf-unified .section-enter { opacity: 1; transform: none; }
        .gf-unified.gf-unified :is(.scroll-reveal, .reveal):focus-within { opacity: 1; transform: none; }
        @media (max-width: 1080px) {
            .gf-unified { --gf-gap: 36px; --gf-section-space: 80px; }
            .gf-unified.gf-unified :is(.hero-grid, .product-layout, .problem-grid,
    .film-layout, .app-layout, .team-grid, .training-grid, .contact-grid,
    .faq-layout, .bundle-grid, .team-bottom) { grid-template-columns: minmax(0, 1fr); }
            .gf-unified.gf-unified :is(.product-copy, .problem-copy, .faq-copy) { position: static; }
            .gf-unified.gf-unified .gf-brand-inner {
                grid-template-columns: 108px minmax(0, 1fr);
                grid-template-areas: "logo copy" ". action";
                grid-template-rows: 144px 54px;
                gap: 16px 24px;
                min-height: 214px;
            }
            .gf-unified.gf-unified .gf-brand-logo-box { width: 108px; height: 108px; }
            .gf-unified.gf-unified .gf-brand-logo { width: 86px; height: 86px; }
            .gf-unified.gf-unified .gf-brand-copy > strong { font-size: 32px; }
            .gf-unified.gf-unified .gf-brand-action { justify-self: start; }
            .gf-unified.gf-unified :is(.gf-form, .film-shell) { width: 100%; }
        }
        @media (max-width: 760px) {
            .gf-unified { --gf-gap: 32px; --gf-section-space: 64px; --gf-card-gap: 16px; }
            .gf-unified.gf-unified .container { width: min(var(--gf-max), calc(100% - 28px)); }
            .gf-unified.gf-unified .hero { padding: 52px 0 60px; }
            .gf-unified.gf-unified .section-head { display: block; margin-bottom: 32px; }
            .gf-unified.gf-unified .section-head .lead { margin-top: 18px; }
            .gf-unified.gf-unified :is(.obligation-card, .service-card, .proof-card, .card,
    .module-card, .audience-card, .offer-card, .process-card, .journey-step) { padding: 24px; }
            .gf-unified.gf-unified .gf-brand { padding: 16px 0; }
            .gf-unified.gf-unified .gf-brand-inner {
                grid-template-columns: 80px minmax(0, 1fr);
                grid-template-areas: "logo kicker" "logo title" "description description" "action action";
                grid-template-rows: 28px 52px 84px 54px;
                row-gap: 0;
                column-gap: 16px;
                min-height: 250px;
            }
            .gf-unified.gf-unified .gf-brand-logo-box { width: 80px; height: 80px; padding: 7px; }
            .gf-unified.gf-unified .gf-brand-logo { width: 64px; height: 64px; }
            .gf-unified.gf-unified .gf-brand-copy { display: contents; }
            .gf-unified.gf-unified .gf-brand-copy > span {
                grid-area: kicker;
                align-self: end;
                font-size: 10px;
                line-height: 1.4;
                letter-spacing: .1em;
            }
            .gf-unified.gf-unified .gf-brand-copy > strong {
                grid-area: title;
                align-self: center;
                margin: 0;
                font-size: 24px;
                line-height: 1.08;
            }
            .gf-unified.gf-unified .gf-brand-copy > p {
                grid-area: description;
                align-self: center;
                margin: 0;
                font-size: 14px;
                line-height: 1.5;
            }
            .gf-unified.gf-unified .gf-brand-action {
                width: 100%;
                min-height: 54px;
                justify-self: stretch;
                align-self: end;
                margin: 0;
            }
            .gf-unified.gf-unified .gf-form { padding: 24px; }
            .gf-unified.gf-unified .gf-form-consent { min-height: 108px; }
            .gf-unified.gf-unified .gf-form-header { min-height: 108px; }
        }
        @media (max-width: 600px) {
            .gf-unified.gf-unified .gf-form { padding: 20px; }
            .gf-unified.gf-unified .gf-form-header { min-height: 128px; }
            .gf-unified.gf-unified .gf-form-header h3 { font-size: 24px; }
            .gf-unified.gf-unified .gf-form .form-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                grid-template-rows: repeat(5, minmax(77px, auto)) minmax(139px, auto);
            }
            .gf-unified.gf-unified .gf-form .form-grid > .field { grid-column: 1 / -1; }
            .gf-unified.gf-unified .gf-form .form-grid > .gf-field-short { grid-column: auto; }
            .gf-unified.gf-unified .gf-form .gf-field-message { grid-row: 6; }
            .gf-unified.gf-unified .gf-form-consent { min-height: 128px; }
            .gf-unified.gf-unified .gf-form .form-actions { grid-template-rows: minmax(64px, auto) 54px; }
            .gf-unified.gf-unified :is(.hero-actions, .film-actions) > .btn { width: 100%; }
            .gf-unified.gf-unified .gf-brand-inner { grid-template-rows: 28px 52px 105px 54px; min-height: 271px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .gf-unified *, .gf-unified *::before, .gf-unified *::after {
                animation: none !important;
                transition: none !important;
                scroll-behavior: auto !important;
            }
        }
        @media print {
            .gf-unified :is(.reveal, .scroll-reveal, .section-enter) { opacity: 1 !important; transform: none !important; }
        }

/* Kolorystyka z preview-6 (3).html. Bez zmian tresci i geometrii strony. */
        .gf-kz.gf-unified {
            --navy-950: #1f6f98;
            --navy-900: #2f88b5;
            --navy-800: #1f6f98;
            --navy-700: #4b9fc2;
            --navy-600: #4d9dbc;
            --ink: #173f58;
            --muted: #5e7b8c;
            --paper: #f6fbfe;
            --line: #d5e9f2;
            --sky: #e9f6fc;
            --sky-strong: #b8ddec;
            --mint: #eef7fb;
            --mint-strong: #c6e4ef;
            --lilac: #f2effa;
            --lilac-strong: #d7cbed;
            --sand: #fff8df;
            --sand-strong: #f0d98e;
            --peach: #fff1e7;
            --peach-strong: #f4c8ac;
            --yellow: #f2c84b;
            --yellow-strong: #f0c75c;
            --orange: #e99a4a;
            --red: #bc5264;
            --red-deep: #a04456;
            --red-soft: #fceff2;
            --shadow: 0 28px 70px rgba(31,111,152,.14);
            --shadow-soft: 0 12px 34px rgba(31,111,152,.08);
            --gf-media-start: #2f8fba;
            --gf-media-end: #176f9b;
        }
        .gf-kz.gf-unified .cz-brand-strip {
            border-bottom-color: #cfe7f2;
            background: radial-gradient(circle at 86% 18%, rgba(79,165,205,.16), transparent 28%),
            linear-gradient(115deg, #ffffff 0%, #eff8fc 60%, #e2f2f9 100%);
        }
        .gf-kz.gf-unified .cz-brand-strip::after {
            border-color: rgba(47,136,181,.18);
            box-shadow: 0 0 0 55px rgba(47,136,181,.045), 0 0 0 110px rgba(47,136,181,.025);
        }
        .gf-kz.gf-unified .cz-brand-logo-wrap {
            background-color: rgba(255,255,255,.9);
            border-color: #d8eaf3;
            box-shadow: 0 12px 30px rgba(31,111,152,.10);
        }
        .gf-kz.gf-unified .cz-brand-copy span { color: #4b8fad; }
        .gf-kz.gf-unified .cz-brand-copy strong { color: #0d4272; }
        .gf-kz.gf-unified .cz-brand-copy p { color: #5d798b; }
        .gf-kz.gf-unified .btn-primary,
        .gf-kz.gf-unified .btn-red,
        .gf-kz.gf-unified .cz-brand-cta {
            color: #1f6f98;
            background-color: #f2c84b;
            border-color: transparent;
            box-shadow: 0 14px 30px rgba(242,200,75,.25);
        }
        .gf-kz.gf-unified .btn-primary:hover,
        .gf-kz.gf-unified .btn-red:hover,
        .gf-kz.gf-unified .cz-brand-cta:hover { background-color: #ffc83b; }
        .gf-kz.gf-unified .btn-light,
        .gf-kz.gf-unified .btn-outline:not(.cz-brand-cta) {
            color: #2f88b5;
            background-color: rgba(255,255,255,.84);
            border-color: rgba(47,136,181,.22);
        }
        .gf-kz.gf-unified .hero {
            color: #173f58;
            background: linear-gradient(90deg, rgba(255,255,255,.62) 1px, transparent 1px),
            linear-gradient(rgba(255,255,255,.62) 1px, transparent 1px),
            linear-gradient(120deg, #f9fdff 0%, #e6f4fa 54%, #d7edf7 100%);
            background-size: 44px 44px, 44px 44px, auto;
        }
        .gf-kz.gf-unified .hero::before {
            background: linear-gradient(135deg, rgba(47,136,181,.17), rgba(113,190,221,.10));
            border-color: rgba(47,136,181,.09);
            box-shadow: 0 0 0 90px rgba(47,136,181,.025), 0 0 0 180px rgba(47,136,181,.018);
        }
        .gf-kz.gf-unified .hero::after {
            background: linear-gradient(180deg, #63b5d3 0 45%, #f2c84b 45% 70%, #91cde4 70%);
        }
        .gf-kz.gf-unified .hero .eyebrow { color: #4d9dbc; }
        .gf-kz.gf-unified .hero h1 { color: #2f88b5; }
        .gf-kz.gf-unified .hero h1 span { color: #1684b1; }
        .gf-kz.gf-unified .hero-copy .lead { color: #4f7183; }
        .gf-kz.gf-unified .hero-note { color: #5e7b8c; }
        .gf-kz.gf-unified .trust-chip {
            color: #1f6f98;
            background-color: rgba(255,255,255,.9);
            border-color: #d5e9f2;
        }
        .gf-kz.gf-unified .trust-chip::before { color: #238db9; }
        .gf-kz.gf-unified .app-preview {
            border-color: #b8dbe9;
            background-color: rgba(255,255,255,.84);
            box-shadow: 0 36px 90px rgba(31,111,152,.15);
        }
        .gf-kz.gf-unified .preview-bar,
        .gf-kz.gf-unified .preview-caption { color: #5e7b8c; }
        .gf-kz.gf-unified .app-side {
            background: linear-gradient(180deg, #4b9fc2, #287fa8);
        }
        .gf-kz.gf-unified .app-menu div.active { background-color: #f6d86c; color: #17445f; }
        .gf-kz.gf-unified .section-sky { background: linear-gradient(130deg, #eef8fd, #f9fcfe); }
        .gf-kz.gf-unified .section-mint { background: linear-gradient(130deg, #edf7fc, #f8fcfe); }
        .gf-kz.gf-unified .section-lilac { background: linear-gradient(130deg, #f5f3fa, #eef7fb); }
        .gf-kz.gf-unified .section-navy {
            color: #173f58;
            background: linear-gradient(90deg, rgba(255,255,255,.45) 1px, transparent 1px),
            linear-gradient(rgba(255,255,255,.45) 1px, transparent 1px),
            linear-gradient(135deg, #d5edf8, #edf8fc);
            background-size: 38px 38px, 38px 38px, auto;
            border-color: #bddce9;
        }
        .gf-kz.gf-unified .section-navy h2,
        .gf-kz.gf-unified .section-navy h3,
        .gf-kz.gf-unified .section-navy h4 { color: #174d6a; }
        .gf-kz.gf-unified .section-navy .eyebrow { color: #347f9f; }
        .gf-kz.gf-unified .section-navy .lead,
        .gf-kz.gf-unified .section-navy .muted,
        .gf-kz.gf-unified .service-card p { color: #5e7b8c; }
        .gf-kz.gf-unified .service-card {
            border-color: #acd4e5;
            background-color: rgba(255,255,255,.82);
        }
        .gf-kz.gf-unified .demo-copy {
            color: #173f58;
            background: linear-gradient(135deg, #d5edf8, #edf8fc);
        }
        .gf-kz.gf-unified .demo-copy h3 { color: #174d6a; }
        .gf-kz.gf-unified .demo-copy p { color: #5e7b8c; }
        .gf-kz.gf-unified .demo-copy li { color: #2a617b; }
        .gf-kz.gf-unified .demo-copy li::before { color: #238db9; }
        .gf-kz.gf-unified .demo-card { border-color: #b8dbe9; }
        .gf-kz.gf-unified .film-section {
            background: linear-gradient(115deg, #f9fdff 0%, #e5f4fa 58%, #dceff8 100%);
            border-bottom-color: #c7e2ee;
        }
        .gf-kz.gf-unified .partner-card {
            color: #173f58;
            background: linear-gradient(135deg, #d5edf8, #edf8fc);
        }
        .gf-kz.gf-unified .partner-card::after { color: rgba(47,136,181,.07); }
        .gf-kz.gf-unified .partner-card h2,
        .gf-kz.gf-unified .partner-card h3 { color: #174d6a; }
        .gf-kz.gf-unified .partner-card .eyebrow { color: #347f9f; }
        .gf-kz.gf-unified .partner-card .lead { color: #5e7b8c; }
        .gf-kz.gf-unified .bundle-list li { color: #2a617b; }
        .gf-kz.gf-unified .bundle-list li::before { color: #238db9; }
        .gf-kz.gf-unified #kz-wsparcie { background: linear-gradient(135deg, #edf8fd, #e1f2f9); }
        .gf-kz.gf-unified .team-number {
            color: #287fa8;
            background-color: rgba(255,255,255,.82);
        }
        .gf-kz.gf-unified .team-number span { color: #5e7b8c; }
        .gf-kz.gf-unified .team-number:nth-child(2) { color: #1f6f98; background-color: #f2c84b; }
        .gf-kz.gf-unified .team-number:nth-child(2) span { color: #17445f; }
        .gf-kz.gf-unified .team-number:nth-child(3) { color: #287fa8; background-color: #d5edf8; }
        .gf-kz.gf-unified .team-number:nth-child(4) { color: #287fa8; background-color: #eef7fb; }
        .gf-kz.gf-unified .expert-card {
            border-color: #b8dbe8;
            background: linear-gradient(145deg, #f2faff, #e5f4fa);
        }
        .gf-kz.gf-unified .expert-portrait {
            box-shadow: 0 10px 28px rgba(31,111,152,.16);
        }
        .gf-kz.gf-unified .orbit-panel {
            color: #173f58;
            border-color: #b9dce9;
            background-color: rgba(255,255,255,.82);
            background-image: none;
        }
        .gf-kz.gf-unified .orbit-panel h3 { color: #174d6a; }
        .gf-kz.gf-unified .orbit-panel .eyebrow { color: #347f9f; }
        .gf-kz.gf-unified .orbit-note { color: #5e7b8c; }
        .gf-kz.gf-unified .circle-graph { color: #91c9df; }
        .gf-kz.gf-unified .orbit-lines line { stroke: #91c9df; }
        .gf-kz.gf-unified .circle-core {
            background: linear-gradient(145deg, #2f8fba, #176f9b);
            border-color: rgba(255,255,255,.82);
            box-shadow: 0 18px 40px rgba(31,111,152,.13);
        }
        .gf-kz.gf-unified .circle-node {
            color: #1b5b78;
            background-color: rgba(255,255,255,.94);
            border-color: #b8dcea;
            box-shadow: 0 10px 28px rgba(31,111,152,.13);
        }
        .gf-kz.gf-unified .contact-section {
            color: #17445f;
            background: linear-gradient(130deg, #cfeaf7, #eaf7fc);
            border-top-color: #b8dce9;
        }
        .gf-kz.gf-unified .contact-section h2,
        .gf-kz.gf-unified .contact-section h3 { color: #174d6a; }
        .gf-kz.gf-unified .contact-section .eyebrow { color: #4d9dbc; }
        .gf-kz.gf-unified .contact-copy .lead { color: #5b7888; }
        .gf-kz.gf-unified .contact-list li { color: #2a617b; }
        .gf-kz.gf-unified .contact-list li::before { color: #238db9; }
        .gf-kz.gf-unified .direct-contact a { color: #187ca8; }
        .gf-kz.gf-unified .gf-form {
            border-color: #afd6e6;
            box-shadow: 0 35px 90px rgba(31,111,152,.15);
        }
        .gf-kz.gf-unified .field input:focus,
        .gf-kz.gf-unified .field select:focus,
        .gf-kz.gf-unified .field textarea:focus {
            border-color: #4d9dbc;
            box-shadow: 0 0 0 3px rgba(47,136,181,.12);
        }

/* Rzeczywisty zrzut aplikacji z powiększeniem takim jak na stronach WEB AML. */
        .gf-kz.gf-unified .app-preview.kz-real-shot {
            width:100%; min-width:0; margin:0; padding:17px;
            overflow:hidden; border:1px solid #b8dbe9; border-radius:0 !important;
            background:rgba(255,255,255,.86); box-shadow:0 28px 70px rgba(31,111,152,.15);
            backdrop-filter:none;
        }
        .gf-kz.gf-unified .app-preview.kz-real-shot .preview-bar {
            color:#5e7b8c; padding:4px 4px 15px;
        }
        .gf-kz.gf-unified .panel-preview-trigger {
            display:block; width:100%; padding:0; overflow:hidden;
            border:1px solid #c9e2ee; background:#eef6fa; cursor:zoom-in;
        }
        .gf-kz.gf-unified .panel-preview-trigger:hover .panel-screenshot { transform:scale(1.012); }
        .gf-kz.gf-unified .panel-screenshot {
            display:block; width:100%; height:auto; max-width:100%; object-fit:contain;
            background:#fff; transition:transform .2s ease;
        }
        .gf-kz.gf-unified .panel-preview-caption {
            display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
            gap:10px 18px; padding:12px 3px 0; color:#5e7b8c; font-size:12.16px;
        }
        .gf-kz.gf-unified .panel-preview-open {
            display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:6px 0;
            border:0; color:#1f6f98; background:transparent; font-size:12.16px; font-weight:850; text-align:left;
        }
        .gf-kz.gf-unified .panel-preview-open svg { flex:0 0 16px; }
        .gf-kz.gf-unified .panel-preview-open:hover { color:#176f9b; }
        .gf-kz.gf-unified .panel-preview-trigger:focus-visible,
        .gf-kz.gf-unified .panel-preview-open:focus-visible { outline:3px solid #4d9dbc; outline-offset:4px; }

        .gf-kz.gf-unified .panel-dialog {
            width:min(1600px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 40px);
            margin:auto; padding:0; overflow:hidden; color:var(--ink); background:#fff;
            border:1px solid var(--line); border-radius:12px; box-shadow:0 30px 110px rgba(0,0,0,.36);
        }
        .gf-kz.gf-unified .panel-dialog::backdrop { background:rgba(7,28,49,.80); backdrop-filter:blur(6px); }
        .gf-kz.gf-unified .panel-dialog-head {
            display:flex; align-items:center; justify-content:space-between; gap:20px;
            padding:16px 20px; border-bottom:1px solid var(--line); background:#fff;
        }
        .gf-kz.gf-unified .panel-dialog-head h2 { color:#174d6a; font-size:18.88px; letter-spacing:-.02em; }
        .gf-kz.gf-unified .panel-dialog-head p { margin-top:5px; color:var(--muted); font-size:12.48px; }
        .gf-kz.gf-unified .panel-dialog-close {
            display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0;
            border:1px solid var(--line); border-radius:50%; color:#1f6f98; background:var(--paper);
        }
        .gf-kz.gf-unified .panel-dialog-close:hover { background:#dceff8; }
        .gf-kz.gf-unified .panel-dialog-close:focus-visible,
        .gf-kz.gf-unified .panel-dialog-body:focus-visible { outline:3px solid #4d9dbc; outline-offset:-3px; }
        .gf-kz.gf-unified .panel-dialog-body {
            max-height:calc(100dvh - 160px); overflow:auto; overscroll-behavior:contain; background:#eaf2f7;
        }
        .gf-kz.gf-unified .panel-dialog-body img {
            display:block; width:100%; min-width:1280px; max-width:none; height:auto; background:#fff;
        }
        .gf-kz.gf-unified .panel-dialog-hint {
            display:none; margin:0; padding:10px 16px; color:var(--muted); font-size:11.68px;
            border-top:1px solid var(--line); background:#fff;
        }
        @media (max-width:1320px) {
            .gf-kz.gf-unified .panel-dialog-hint { display:block; }
            .gf-kz.gf-unified .panel-dialog-body { max-height:calc(100dvh - 195px); }
        }
        @media (max-width:760px) {
            .gf-kz.gf-unified .app-preview.kz-real-shot { padding:10px; }
            .gf-kz.gf-unified .panel-preview-caption { font-size:11.2px; gap:4px 12px; }
            .gf-kz.gf-unified .panel-preview-open { font-size:11.2px; }
            .gf-kz.gf-unified .panel-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); }
            .gf-kz.gf-unified .panel-dialog-head { padding:12px 14px; gap:12px; }
            .gf-kz.gf-unified .panel-dialog-head h2 { font-size:16px; }
            .gf-kz.gf-unified .panel-dialog-head p { font-size:11.2px; }
        }
        @media (prefers-reduced-motion:reduce) {
            .gf-kz.gf-unified .panel-screenshot { transition:none; }
        }

/* Korekta wyłącznie typografii wewnątrz istniejącej grafiki - bez zmiany jej rozmiaru. */
        .gf-kz.gf-unified .circle-core {
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            text-align:center;
            overflow:hidden;
        }
        .gf-kz.gf-unified .circle-core small,
        .gf-kz.gf-unified .circle-core strong,
        .gf-kz.gf-unified .circle-core span {
            width:100%;
            max-width:100%;
            margin-left:0;
            margin-right:0;
            text-align:center;
        }
        .gf-kz.gf-unified .circle-core small {
            font-size:9.28px;
            line-height:1.12;
            letter-spacing:.09em;
            white-space:nowrap;
        }
        .gf-kz.gf-unified .circle-core strong {
            margin-top:6px;
            font-size:14.4px;
            line-height:1.02;
            letter-spacing:-.02em;
        }
        .gf-kz.gf-unified .circle-core span {
            margin-top:6px;
            font-size:10.56px;
            line-height:1.08;
            white-space:nowrap;
        }
        .gf-kz.gf-unified .circle-node {
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            overflow:hidden;
        }
        .gf-kz.gf-unified .circle-node strong {
            display:flex;
            align-items:center;
            justify-content:center;
            width:100%;
            height:100%;
            max-width:100%;
            margin:0;
            padding:0;
            font-size:10.56px;
            line-height:1;
            letter-spacing:-.015em;
            white-space:nowrap;
            overflow:visible;
            text-align:center;
        }
        @media (max-width:760px) {
            .gf-kz.gf-unified .circle-core small { font-size:8.8px; }
            .gf-kz.gf-unified .circle-core strong { font-size:13.44px; }
            .gf-kz.gf-unified .circle-core span { font-size:9.76px; }
            .gf-kz.gf-unified .circle-node strong { font-size:9.6px; }
        }
        @media (max-width:480px) {
            .gf-kz.gf-unified .circle-core small { font-size:8.32px; letter-spacing:.075em; }
            .gf-kz.gf-unified .circle-core strong { font-size:12.64px; }
            .gf-kz.gf-unified .circle-core span { font-size:9.28px; }
            .gf-kz.gf-unified .circle-node strong { font-size:8.96px; }
        }