<!-- ==========================================================================
SEKCJA: MODEL KREDO
Korzysta z klas ze style guide: .text-violet
Reszta typografii i layoutu jest specyficzna dla tej sekcji (rozmiary
nagłówków 42px/24px, trzykolumnowy układ szczegółów) - zdefiniowana
lokalnie w section-kredo-addon.css, nie ma tego w głównym pliku.
Karty na przemian: Kontekst (zdjęcie lewo), Rozmowa (prawo),
Ekspertyza (lewo), Dowód (prawo), Odpowiedzialność (lewo) -
kolejność w DOM decyduje o stronie, tak jak w sekcji split-story.
========================================================================== -->
<section class="kredo-section" id="jak-to-dziala">
<div class="container kredo-inner">
<div class="kredo-header">
<p class="kredo-model-label">Model</p>
<img src="/files/pages/assets/2026-08-12/kredotransparent_mspy1aiu.webp" alt="KREDO" class="kredo-logo">
<p class="kredo-intro">
Po programie nikt nie wpisuje już w ciemno. Zostaje powtarzalna metoda,
którą nazywamy KREDO.
</p>
</div>
<div class="kredo-cards">
<!-- K - Kontekst (zdjęcie lewo) -->
<div class="kredo-card">
<div class="kredo-image">
<img src="/files/pages/assets/2026-08-12/1_mspx9euw.webp" alt="Wkładanie plików PDF i DOC do kostki Copilot">
</div>
<div class="kredo-content">
<div class="kredo-content-header">
<img src="/files/pages/assets/2026-08-12/86572dc45c2b3a6562bab11fc5a01482504575ac_mspx1eg2.webp" alt="K" class="kredo-icon">
<div>
<h3 class="kredo-heading">Kontekst</h3>
<p class="kredo-rule">Zasada: Copilot wie tyle, ile mu powiesz</p>
</div>
</div>
<div class="kredo-body">
<p class="kredo-lead">
Copilot pomaga lepiej, gdy zna twoją sytuację od początku.
</p>
<p class="kredo-desc">
<strong>Opisz zadanie.</strong> Wyjaśnij, w jakiej jesteś sytuacji
i co chcesz osiągnąć. Nazwij formę wyniku. Zamiast prosić
o "przygotowanie tekstu", powiedz: krótki mail, lista ustaleń,
tabela albo szkic do dalszej pracy.
</p>
<div class="kredo-details">
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Daj właściwy materiał.</p>
<p class="kredo-detail-text">
Wklej lub wskaż dokumenty, wiadomości i dane do pracy. Sprawdź,
czy materiał jest aktualny i czy możesz bezpiecznie użyć go
w danym narzędziu.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Podaj odbiorcę i intencję.</p>
<p class="kredo-detail-text">
Powiedz, kto zobaczy wynik i co chcesz dzięki niemu osiągnąć.
Inaczej pisze się do zespołu, inaczej do klienta, a jeszcze
inaczej do zarządu.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Co zyskujesz:</p>
<p class="kredo-detail-text">
zwykle mniej poprawek i szybciej użyteczny wynik. Pytanie
kontrolne: czy Copilot wie, kto zobaczy wynik i po co?
</p>
</div>
</div>
</div>
</div>
</div>
<!-- R - Rozmowa (zdjęcie prawo) -->
<div class="kredo-card kredo-card--reverse">
<div class="kredo-content">
<div class="kredo-content-header">
<img src="/files/pages/assets/2026-08-12/89d2e32d33790902642af0a5ab6bc58954583160_mspx1eaa.webp" alt="R" class="kredo-icon">
<div>
<h3 class="kredo-heading">Rozmowa</h3>
<p class="kredo-rule">Zasada: Pierwsza odpowiedź to szkic</p>
</div>
</div>
<div class="kredo-body">
<p class="kredo-lead">
Z Copilotem się rozmawia. Pierwszy wynik traktuj jak punkt wyjścia.
</p>
<p class="kredo-desc">
<strong>Oceń szkic względem celu.</strong> Sprawdź, czy odpowiedź
obejmuje całe zadanie, ma właściwą formę i jest użyteczna. Ładnie
brzmiący tekst bywa źle wykonaną pracą.
</p>
<div class="kredo-details">
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Prowadź wynik przez dialog.</p>
<p class="kredo-detail-text">
Poproś o skrócenie, zmianę tonu, brakujący element, inną
strukturę albo kolejne warianty. Pracujesz na szkicu dalej,
zamiast zaczynać od zera.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Zakończ, gdy wynik wystarcza do celu.</p>
<p class="kredo-detail-text">
Wynik ma być wystarczająco dobry do konkretnego zadania.
Kolejne poprawki rób tylko wtedy, gdy realnie podnoszą jego
wartość.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Co zyskujesz:</p>
<p class="kredo-detail-text">
po nietrafionym szkicu poprawiasz, zamiast zaczynać całą pracę
od nowa. Pytanie kontrolne: czego brakuje w tym szkicu do
twojego celu?
</p>
</div>
</div>
</div>
</div>
<div class="kredo-image">
<img src="/files/pages/assets/2026-08-12/2_mspx9eyp.webp" alt="Bąbelki konwersacji nad kostką Copilot">
</div>
</div>
<!-- E - Ekspertyza (zdjęcie lewo) -->
<div class="kredo-card">
<div class="kredo-image">
<img src="/files/pages/assets/2026-08-12/3_mspx9f3q.webp" alt="Raport analityczny wychodzący z kostki Copilot">
</div>
<div class="kredo-content">
<div class="kredo-content-header">
<img src="/files/pages/assets/2026-08-12/d2ecb113702b34a443eb8e704e88202e3490ef40_mspx1eij.webp" alt="E" class="kredo-icon">
<div>
<h3 class="kredo-heading">
Ekspertyza <span class="kredo-heading--sub">(ekspertem jesteś ty)</span>
</h3>
<p class="kredo-rule">Zasada: Ty wiesz co. Copilot wie jak</p>
</div>
</div>
<div class="kredo-body">
<p class="kredo-lead">
Twoja wiedza i osąd prowadzą całą pracę. Copilot jest pomocnikiem.
</p>
<p class="kredo-desc">
<strong>Zdecyduj, co oddać Copilotowi.</strong> Rozłóż większe
zadanie na części. Copilot może zbierać informacje, porządkować
materiał, tworzyć szkice i proponować warianty. Ty zachowujesz
elementy wymagające osądu, pewności i decyzji.
</p>
<div class="kredo-details">
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Wnieś to, czego Copilot nie zna.</p>
<p class="kredo-detail-text">
Dodaj wiedzę o realiach, priorytetach, historii sprawy,
relacjach i ograniczeniach. Nawet z dostępem do wielu
dokumentów Copilot widzi tylko część sytuacji.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Rozstrzygnij, co ma sens.</p>
<p class="kredo-detail-text">
Gdy Copilot proponuje kilka możliwości, wybierasz tę, która
pasuje do celu, odbiorcy i okoliczności. Nawet jeśli inna
brzmi ładniej.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Co zyskujesz:</p>
<p class="kredo-detail-text">
twoja wiedza o firmie i ludziach prowadzi pracę - i zyskuje na
wartości. Pytanie kontrolne: którą część tego zadania musi
wykonać człowiek?
</p>
</div>
</div>
</div>
</div>
</div>
<!-- D - Dowód (zdjęcie prawo) -->
<div class="kredo-card kredo-card--reverse">
<div class="kredo-content">
<div class="kredo-content-header">
<img src="/files/pages/assets/2026-08-12/438b2a2d2566b754337233e2c974e73d6a36758e_mspx1ed6.webp" alt="D" class="kredo-icon">
<div>
<h3 class="kredo-heading">Dowód</h3>
<p class="kredo-rule">Zasada: AI nie wie, czego nie wie</p>
</div>
</div>
<div class="kredo-body">
<p class="kredo-lead">
Copilot potrafi podawać informacje pewnym tonem także wtedy, gdy
się myli, coś pomija albo opiera się na błędnym założeniu.
</p>
<p class="kredo-desc">
<strong>Sprawdź treść wyniku.</strong> Zwróć uwagę na liczby,
daty, nazwiska, warunki, wyjątki i braki. Sprawdź też, czy
uproszczenia zachowują sens sprawy.
</p>
<div class="kredo-details">
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Dopasuj sprawdzenie do stawki.</p>
<p class="kredo-detail-text">
Robocza notatka wymaga mniej kontroli niż informacja dla
klienta, decyzja finansowa albo sprawa pracownicza. Im większe
konsekwencje błędu, tym dokładniejsze sprawdzenie.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Wróć do źródła.</p>
<p class="kredo-detail-text">
Potwierdź ważną informację w dokumencie, systemie albo u osoby
odpowiedzialnej. Copilot pomoże szybciej przeczytać źródło -
potwierdzenie zostaje przy tobie.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Co zyskujesz:</p>
<p class="kredo-detail-text">
spokój, że pod wynikiem możesz się podpisać. Pytanie
kontrolne: skąd wiesz, że ta liczba jest prawdziwa?
</p>
</div>
</div>
</div>
</div>
<div class="kredo-image">
<img src="/files/pages/assets/2026-08-12/4_mspx9f72.webp" alt="Pytajniki i kolorowy dym nad kostką Copilot">
</div>
</div>
<!-- O - Odpowiedzialność (zdjęcie lewo) -->
<div class="kredo-card">
<div class="kredo-image">
<img src="/files/pages/assets/2026-08-12/5_mspx9fbo.webp" alt="Podpisywanie zatwierdzonego raportu Copilot">
</div>
<div class="kredo-content">
<div class="kredo-content-header">
<img src="/files/pages/assets/2026-08-12/dc79cc6ef21a9c03f1eba5fefa85830c34fa87fd_mspx1eky.webp" alt="O" class="kredo-icon">
<div>
<h3 class="kredo-heading">Odpowiedzialność</h3>
<p class="kredo-rule">Zasada: Zlecasz zadania, nie odpowiedzialność</p>
</div>
</div>
<div class="kredo-body">
<p class="kredo-lead">
Copilot może przygotować materiał. Za jego wykorzystanie
odpowiada człowiek.
</p>
<p class="kredo-desc">
<strong>Pomyśl o konsekwencjach.</strong> Przed użyciem wyniku
zastanów się, co się stanie, jeśli okaże się błędny, niepełny
albo trafi do niewłaściwej osoby. Na tej podstawie dobierz
potrzebną kontrolę.
</p>
<div class="kredo-details">
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Podpisuj się pod sprawdzonym wynikiem.</p>
<p class="kredo-detail-text">
Materiał z twoim nazwiskiem to twoja praca. Dlatego przed
wysłaniem masz prostą kontrolę z zasady D.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Decyzje o ludziach, pieniądzach i uprawnieniach zostają przy człowieku.</p>
<p class="kredo-detail-text">
Copilot może zebrać informacje, przygotować pytania
i uporządkować argumenty. Decyzję podejmuje odpowiedzialna
osoba.
</p>
</div>
<div class="kredo-detail-col">
<p class="kredo-detail-lead">Co zyskujesz:</p>
<p class="kredo-detail-text">
jasną granicę między pomocą narzędzia a twoją decyzją.
Pytanie kontrolne: co się stanie, jeśli ten wynik okaże się
błędny?
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>