@charset "UTF-8";
/* ==========================================================================
   Cognito — motyw v6 dla podstron
   --------------------------------------------------------------------------
   OPT-IN. Działa TYLKO gdy <body> ma klasę `theme-v6`.
   Bez tej klasy plik nie zmienia niczego, nawet jeśli jest podpięty.

   Ładowany ZAWSZE po cognito-shared.css:
     <link rel="stylesheet" href="/cognito-shared.css?v=20260814a">
     <link rel="stylesheet" href="/cognito-v6.css?v=20260815a">

   Przerabia istniejące klasy współdzielone (.hero, .hero-simple, .section,
   .section-soft, .btn, .card, .faq-item, .section-head, .eyebrow, .final-conversion)
   na wygląd v6 ze strony głównej. Dzięki temu podstrona zmienia wygląd
   bez przepisywania markupu.

   NIE DOTYKA: .site-nav, .footer-clean, .sticky-mobile-cta — te są wspólne
   dla całego serwisu i mają zostać identyczne wszędzie.
   ========================================================================== */

body.theme-v6 {
  --v6-navy-900: #0b1c3d;
  --v6-navy-800: #12285a;
  --v6-blue-700: #1d4ed8;
  --v6-blue-600: #2563eb;
  --v6-blue-500: #3b82f6;
  --v6-indigo-600: #4f46e5;
  --v6-violet-600: #7c3aed;
  --v6-violet-100: #f1ecfe;
  --v6-mint-600: #0e9f6e;
  --v6-mint-100: #e3f7ef;
  --v6-sky-100: #e4edff;
  --v6-sky-50: #f2f6ff;
  --v6-paper: #fff;
  --v6-bg: #f8faff;
  --v6-bg-2: #eef2ff;
  --v6-ink: #13233f;
  --v6-ink-soft: #54648a;
  --v6-line: #e8eef9;

  --v6-grad-cta: linear-gradient(135deg, var(--v6-blue-600), var(--v6-indigo-600));
  --v6-grad-cta-hover: linear-gradient(135deg, var(--v6-blue-700), #4338ca);
  --v6-grad-text: linear-gradient(100deg, var(--v6-blue-600), var(--v6-violet-600));
  --v6-grad-soft: linear-gradient(180deg, var(--v6-paper), var(--v6-bg-2));
  --v6-grad-band: linear-gradient(120deg, var(--v6-blue-600), var(--v6-violet-600));
  --v6-sh-cta: 0 8px 24px rgba(37, 99, 235, .28);

  --v6-r-md: 12px;
  --v6-r-lg: 18px;
  --v6-r-xl: 24px;

  --v6-sh-1: 0 1px 2px rgba(11, 28, 61, .04), 0 2px 8px rgba(11, 28, 61, .05);
  --v6-sh-2: 0 2px 4px rgba(11, 28, 61, .04), 0 8px 20px rgba(11, 28, 61, .07);
  --v6-sh-3: 0 4px 8px rgba(11, 28, 61, .05), 0 18px 40px rgba(11, 28, 61, .1);

  --v6-ease: cubic-bezier(.22, .61, .36, 1);

  background: var(--v6-bg);
  color: var(--v6-ink);
}

/* --- nawigacja w motywie v6 (dopasowanie do strony głównej) ------------- */

body.theme-v6 .site-nav {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid var(--v6-line);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.theme-v6 .site-nav .nav-links a {
  color: var(--v6-ink);
}

body.theme-v6 .site-nav .nav-links a:hover {
  color: var(--v6-blue-600);
}

body.theme-v6 .site-nav .nav-phone {
  color: var(--v6-ink);
}

body.theme-v6 .site-nav .nav-toggle {
  color: var(--v6-ink);
  border-color: var(--v6-line);
}

/* --- typografia --------------------------------------------------------- */

body.theme-v6 h1 {
  font-family: 'Sora', Inter, sans-serif;
  font-weight: 800;
  font-size: clamp(1.85rem, 1.35rem + 2.1vw, 3.4rem);
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--v6-ink);
}

body.theme-v6 h2 {
  font-family: 'Sora', Inter, sans-serif;
  font-weight: 700;
  font-size: clamp(1.4rem, 1.15rem + 1.1vw, 2.25rem);
  line-height: 1.15;
  letter-spacing: -.015em;
  color: var(--v6-ink);
}

body.theme-v6 h3 {
  font-family: 'Sora', Inter, sans-serif;
  font-weight: 700;
  font-size: clamp(1.05rem, 1rem + .35vw, 1.3rem);
  line-height: 1.25;
  color: var(--v6-ink);
}

body.theme-v6 .lead {
  font-size: clamp(1rem, .96rem + .25vw, 1.12rem);
  line-height: 1.6;
  color: var(--v6-ink-soft);
}

/* Kluczowa fraza nagłówka w gradiencie. Używać na <span class="v6-grad">. */
body.theme-v6 .v6-grad {
  background: var(--v6-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Nazwy własne, które nie mogą pękać (np. e-korepetycje.net) */
body.theme-v6 .v6-nowrap {
  white-space: nowrap;
}

/* --- hero: z ciemnego na jasny ------------------------------------------ */

body.theme-v6 .hero,
body.theme-v6 .hero-simple {
  color: var(--v6-ink);
  background:
    radial-gradient(58% 46% at 82% 8%, rgba(37, 99, 235, .10), transparent 62%),
    linear-gradient(180deg, var(--v6-paper), var(--v6-bg));
  padding: 30px 0 36px;
}

body.theme-v6 .hero::before,
body.theme-v6 .hero-simple::before {
  content: none;
}

body.theme-v6 .hero h1,
body.theme-v6 .hero-simple h1,
body.theme-v6 .hero h2,
body.theme-v6 .hero-simple h2 {
  color: var(--v6-ink);
}

body.theme-v6 .hero .lead,
body.theme-v6 .hero-simple .lead,
body.theme-v6 .hero .muted,
body.theme-v6 .hero-simple .muted {
  color: var(--v6-ink-soft);
}

body.theme-v6 .hero .lead strong,
body.theme-v6 .hero-simple .lead strong {
  color: var(--v6-ink);
}

body.theme-v6 .hero a:not(.btn),
body.theme-v6 .hero-simple a:not(.btn) {
  color: var(--v6-blue-700);
}

body.theme-v6 .hero .btn-ghost,
body.theme-v6 .hero-simple .btn-ghost {
  border-color: var(--v6-line);
  color: var(--v6-ink);
  background: var(--v6-paper);
}

body.theme-v6 .hero .btn-ghost:hover,
body.theme-v6 .hero-simple .btn-ghost:hover {
  border-color: #cfdcf3;
  color: var(--v6-ink);
}

/* Odznaki i pigułki wewnątrz jasnego hero */
body.theme-v6 .hero .recruitment-pill,
body.theme-v6 .hero-simple .recruitment-pill,
body.theme-v6 .hero .hero-badge,
body.theme-v6 .hero-simple .hero-badge {
  background: var(--v6-paper);
  border: 1px solid var(--v6-line);
  color: var(--v6-ink-soft);
}

body.theme-v6 .hero .trust-notes,
body.theme-v6 .hero-simple .trust-notes,
body.theme-v6 .hero .trust-notes span,
body.theme-v6 .hero-simple .trust-notes span {
  color: var(--v6-ink-soft);
}

body.theme-v6 .hero .trust-notes svg,
body.theme-v6 .hero-simple .trust-notes svg {
  stroke: var(--v6-blue-600);
}

/* hero-proof / notatki pod CTA — w cognito-shared.css liczone na ciemne hero,
   tu hero jest jasne, więc bez override tekst wychodzi prawie niewidoczny */
body.theme-v6 .hero-proof,
body.theme-v6 .hero-proof strong,
body.theme-v6 .hero .trust-rating strong,
body.theme-v6 .hero-cta-note,
body.theme-v6 .hero-alt-cta {
  color: var(--v6-ink-soft);
}

body.theme-v6 .hero-proof strong {
  color: var(--v6-ink);
}

body.theme-v6 .hero-proof-sep {
  color: var(--v6-line);
}

body.theme-v6 .hero-alt-cta a {
  color: var(--v6-blue-700);
}

body.theme-v6 .hero .trust-rating small,
body.theme-v6 .hero-simple .trust-rating small {
  color: var(--v6-ink-soft);
}

body.theme-v6 .hero-simple .breadcrumbs {
  color: var(--v6-ink-soft);
}

body.theme-v6 .hero-simple .breadcrumbs a {
  color: var(--v6-blue-700);
}

/* --- sekcje ------------------------------------------------------------- */

body.theme-v6 .section,
body.theme-v6 .compact-section {
  padding: clamp(34px, 4.5vw, 66px) 0;
  background: var(--v6-paper);
}

body.theme-v6 .section-soft {
  background: var(--v6-grad-soft);
}

body.theme-v6 .section-dark {
  background: linear-gradient(135deg, var(--v6-navy-900), var(--v6-navy-800));
  color: #eaf0ff;
}

body.theme-v6 .section-dark h2,
body.theme-v6 .section-dark h3 {
  color: #fff;
}

body.theme-v6 .section-dark .lead,
body.theme-v6 .section-dark p {
  color: #c6d3ee;
}

body.theme-v6 .section-head {
  margin-bottom: clamp(22px, 3vw, 34px);
}

/* --- eyebrow jako pigułka ----------------------------------------------- */

body.theme-v6 .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid var(--v6-line);
  border-radius: 999px;
  background: var(--v6-paper);
  color: var(--v6-ink-soft);
  font-family: 'Sora', Inter, sans-serif;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 14px;
}

body.theme-v6 .section-head .eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--v6-mint-600);
  flex: none;
}

/* --- przyciski ---------------------------------------------------------- */

body.theme-v6 .btn {
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  font-size: .98rem;
  font-weight: 600;
  transition: transform .18s var(--v6-ease), box-shadow .18s var(--v6-ease), background .18s;
}

body.theme-v6 .btn:hover {
  transform: translateY(-1px);
}

body.theme-v6 .btn-primary,
body.theme-v6 .btn-accent,
body.theme-v6 .cta-main {
  color: #fff;
  background: var(--v6-grad-cta);
  box-shadow: var(--v6-sh-cta);
}

body.theme-v6 .btn-primary:hover,
body.theme-v6 .btn-accent:hover,
body.theme-v6 .cta-main:hover {
  color: #fff;
  background: var(--v6-grad-cta-hover);
}

body.theme-v6 .btn-secondary {
  color: var(--v6-ink);
  background: var(--v6-paper);
  border: 1px solid var(--v6-line);
  box-shadow: var(--v6-sh-1);
}

body.theme-v6 .btn-secondary:hover {
  color: var(--v6-ink);
  border-color: #cfdcf3;
  background: var(--v6-paper);
}

/* --- karty -------------------------------------------------------------- */

body.theme-v6 .card,
body.theme-v6 .problem-card,
body.theme-v6 .subject-card,
body.theme-v6 .audience-card {
  background: var(--v6-paper);
  border: 1px solid var(--v6-line);
  border-radius: var(--v6-r-lg);
  box-shadow: var(--v6-sh-1);
  padding: 20px;
}

body.theme-v6 .card:hover,
body.theme-v6 .problem-card:hover,
body.theme-v6 .audience-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--v6-sh-3);
  border-color: var(--v6-line);
}

body.theme-v6 .card p,
body.theme-v6 .problem-card p {
  color: var(--v6-ink-soft);
}

/* --- moduł danych: tabela ----------------------------------------------- */

body.theme-v6 .v6-table-wrap {
  background: var(--v6-paper);
  border: 1px solid var(--v6-line);
  border-radius: var(--v6-r-lg);
  box-shadow: var(--v6-sh-2);
  overflow: hidden;
}

body.theme-v6 table.v6-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .97rem;
}

body.theme-v6 .v6-table caption {
  text-align: left;
  padding: 14px 16px 0;
  font-weight: 700;
  font-family: 'Sora', Inter, sans-serif;
  color: var(--v6-ink);
}

body.theme-v6 .v6-table th {
  text-align: left;
  padding: 12px 16px;
  font-weight: 600;
  color: var(--v6-ink-soft);
  background: var(--v6-sky-50);
  font-size: .88rem;
}

body.theme-v6 .v6-table td {
  padding: 12px 16px;
  border-top: 1px solid var(--v6-line);
  vertical-align: top;
  line-height: 1.4;
}

body.theme-v6 .v6-table td:first-child {
  color: var(--v6-ink-soft);
  width: 45%;
}

body.theme-v6 .v6-table td:last-child {
  color: var(--v6-ink);
  font-weight: 600;
}

/* --- moduł danych: pasek liczb ------------------------------------------ */

body.theme-v6 .v6-trust {
  background: var(--v6-paper);
  border: 1px solid var(--v6-line);
  border-radius: var(--v6-r-lg);
  box-shadow: var(--v6-sh-2);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
}

body.theme-v6 .v6-trust > div {
  padding: 16px 14px;
  border-top: 1px solid var(--v6-line);
  border-left: 1px solid var(--v6-line);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
}

body.theme-v6 .v6-trust > div:nth-child(-n+2) {
  border-top: 0;
}

body.theme-v6 .v6-trust > div:nth-child(odd) {
  border-left: 0;
}

body.theme-v6 .v6-trust > div:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

body.theme-v6 .v6-trust i {
  width: 38px;
  height: 38px;
  border-radius: var(--v6-r-md);
  background: var(--v6-sky-100);
  display: grid;
  place-items: center;
  color: var(--v6-blue-600);
}

body.theme-v6 .v6-trust strong {
  font-family: 'Sora', Inter, sans-serif;
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--v6-ink);
  font-variant-numeric: tabular-nums;
}

body.theme-v6 .v6-trust span {
  font-size: .84rem;
  color: var(--v6-ink-soft);
  line-height: 1.35;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

/* --- checklista --------------------------------------------------------- */

body.theme-v6 .v6-check {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

body.theme-v6 .v6-check li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .97rem;
  line-height: 1.45;
  color: var(--v6-ink);
}

body.theme-v6 .v6-check li::before {
  content: "";
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--v6-sky-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/12px 12px no-repeat;
}

/* --- kafelek ikony ------------------------------------------------------ */

body.theme-v6 .v6-tile {
  width: 44px;
  height: 44px;
  border-radius: var(--v6-r-md);
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  background: var(--v6-sky-100);
  color: var(--v6-blue-600);
}

body.theme-v6 .v6-tile.violet {
  background: var(--v6-violet-100);
  color: var(--v6-violet-600);
}

body.theme-v6 .v6-tile.mint {
  background: var(--v6-mint-100);
  color: var(--v6-mint-600);
}

/* --- FAQ ---------------------------------------------------------------- */

body.theme-v6 .faq-item {
  border-radius: var(--v6-r-md);
  border-color: var(--v6-line);
}

body.theme-v6 .faq-item.open {
  border-color: var(--v6-blue-500);
  box-shadow: var(--v6-sh-1);
}

body.theme-v6 .faq-question {
  min-height: 52px;
  padding: 14px 16px;
  font-weight: 600;
  color: var(--v6-ink);
}

body.theme-v6 .faq-question span:last-child {
  background: var(--v6-sky-100);
  color: var(--v6-blue-600);
}

/* --- pas domykający ----------------------------------------------------- */

body.theme-v6 .v6-band,
body.theme-v6 .final-conversion .final-conversion-inner {
  background: var(--v6-grad-band);
  color: #fff;
  border-radius: var(--v6-r-xl);
  padding: 26px 22px;
  text-align: center;
}

body.theme-v6 .v6-band h2,
body.theme-v6 .final-conversion h2 {
  color: #fff;
}

body.theme-v6 .v6-band p,
body.theme-v6 .final-conversion p,
body.theme-v6 .final-conversion .microcopy {
  color: rgba(255, 255, 255, .88);
}

body.theme-v6 .v6-band .btn-primary,
body.theme-v6 .final-conversion .btn-primary {
  background: #fff;
  color: var(--v6-blue-700);
  box-shadow: none;
}

body.theme-v6 .v6-band a,
body.theme-v6 .final-conversion .microcopy a {
  color: #fff;
  font-weight: 600;
}

/* --- ujawnianie sekcji (JS dodaje .is-visible) -------------------------- */

.has-js body.theme-v6 [data-reveal] {
  /* opacity zostaje 1 celowo — patrz cognito-shared.css linia ~1051:
     tekst nie może zależeć od tego, czy IntersectionObserver zdąży odpalić. */
  opacity: 1;
  transform: translateY(14px);
  transition: opacity .52s var(--v6-ease), transform .52s var(--v6-ease);
}

.has-js body.theme-v6 [data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

/* Pierwszy ekran nigdy się nie animuje. */
.has-js body.theme-v6 .hero [data-reveal],
.has-js body.theme-v6 .hero-simple [data-reveal],
.has-js body.theme-v6 .hero [data-reveal].is-visible,
.has-js body.theme-v6 .hero-simple [data-reveal].is-visible {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .has-js body.theme-v6 [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* --- układy szerokie ---------------------------------------------------- */

@media (min-width: 700px) {
  body.theme-v6 .v6-trust {
    grid-template-columns: repeat(5, 1fr);
  }

  body.theme-v6 .v6-trust > div {
    border-top: 0;
    border-left: 1px solid var(--v6-line);
  }

  body.theme-v6 .v6-trust > div:first-child {
    border-left: 0;
  }

  body.theme-v6 .v6-trust > div:last-child:nth-child(odd) {
    grid-column: auto;
  }

  body.theme-v6 .v6-band,
  body.theme-v6 .final-conversion .final-conversion-inner {
    padding: 34px;
  }
}

@media (min-width: 980px) {
  body.theme-v6 .hero,
  body.theme-v6 .hero-simple {
    padding: 46px 0 52px;
  }
}

/* ==========================================================================
   NAPRAWA KOLIZJI MOTYWU — 15.08.2026
   --------------------------------------------------------------------------
   Przyczyna: `body.theme-v6 h2 {color:var(--v6-ink)}` ma specyficznosc 0-1-2
   i wygrywa z komponentowym `.ebook-promo-body h2 {color:#fff}` (0-1-1).
   Skutek: na CIEMNYCH kartach naglowki i przyciski robily sie granatowe na
   granatowym — kontrast 1.0, tekst calkowicie niewidoczny.

   Odwrotny przypadek: v6 rozjasnil `.hero`, a komponenty w srodku
   (.offer-card, .dashboard-card) maja kolory pisane pod stary CIEMNY hero —
   bledy blekit #8ad4f7 i rgba(226,238,255,.82) na tle #f8faff, kontrast 1.1.

   Ponizej jedno miejsce, ktore domyka oba kierunki. Przy dodawaniu nowej
   ciemnej karty dopisz jej klase do listy A, nie ustawiaj kolorow lokalnie.
   ========================================================================== */

/* ---- A. Powierzchnie, ktore w v6 NADAL sa ciemne ---- */
body.theme-v6 .ebook-promo,
body.theme-v6 .article-cta,
body.theme-v6 .blog-lead-strip,
body.theme-v6 .final-cta,
body.theme-v6 .footer-cta-box,
body.theme-v6 .differentiator-section,
body.theme-v6 .cta-band,
body.theme-v6 .home-subject-card { color: #fff; }

body.theme-v6 .ebook-promo h1, body.theme-v6 .ebook-promo h2,
body.theme-v6 .ebook-promo h3, body.theme-v6 .ebook-promo h4,
body.theme-v6 .article-cta h1, body.theme-v6 .article-cta h2,
body.theme-v6 .article-cta h3, body.theme-v6 .article-cta h4,
body.theme-v6 .blog-lead-strip h1, body.theme-v6 .blog-lead-strip h2,
body.theme-v6 .blog-lead-strip h3, body.theme-v6 .blog-lead-strip h4,
body.theme-v6 .final-cta h1, body.theme-v6 .final-cta h2,
body.theme-v6 .final-cta h3, body.theme-v6 .final-cta h4,
body.theme-v6 .footer-cta-box h2, body.theme-v6 .footer-cta-box h3,
body.theme-v6 .differentiator-section h2, body.theme-v6 .differentiator-section h3,
body.theme-v6 .cta-band h2, body.theme-v6 .cta-band h3,
body.theme-v6 .home-subject-card h3 { color: #fff; }

body.theme-v6 .ebook-promo p, body.theme-v6 .ebook-promo li,
body.theme-v6 .article-cta p, body.theme-v6 .blog-lead-strip p,
body.theme-v6 .final-cta p, body.theme-v6 .footer-cta-box p,
body.theme-v6 .differentiator-section p, body.theme-v6 .cta-band p { color: rgba(232,242,255,.9); }

/* Przycisk-duch na ciemnej karcie: obwodka i tekst musza byc biale.
   Wczesniej dziedziczyl granat = przycisk znikal razem z tlem. */
body.theme-v6 .ebook-promo .btn-ghost,
body.theme-v6 .article-cta .btn-ghost,
body.theme-v6 .final-cta .btn-ghost,
body.theme-v6 .footer-cta-box .btn-ghost,
body.theme-v6 .differentiator-section .btn-ghost,
body.theme-v6 .cta-band .btn-ghost,
body.theme-v6 .section-dark .btn-ghost {
  background: transparent;
  border-color: rgba(255,255,255,.45);
  color: #fff;
}
body.theme-v6 .ebook-promo .btn-ghost:hover,
body.theme-v6 .article-cta .btn-ghost:hover,
body.theme-v6 .final-cta .btn-ghost:hover,
body.theme-v6 .footer-cta-box .btn-ghost:hover,
body.theme-v6 .differentiator-section .btn-ghost:hover,
body.theme-v6 .cta-band .btn-ghost:hover,
body.theme-v6 .section-dark .btn-ghost:hover { border-color:#fff; background:rgba(255,255,255,.1); color:#fff; }

body.theme-v6 .ebook-promo .ebook-promo-price,
body.theme-v6 .ebook-promo .eyebrow { color: #fff; }
body.theme-v6 .ebook-promo .ebook-promo-price s { color: rgba(226,238,255,.6); }

/* ---- B. Hero w v6 jest JASNY. Komponenty w srodku byly pisane pod ciemny ---- */
body.theme-v6 .hero .offer-card strong,
body.theme-v6 .hero .offer-list strong,
body.theme-v6 .hero .offer-top h2,
body.theme-v6 .hero .offer-kicker,
body.theme-v6 .hero .dashboard-card strong,
body.theme-v6 .hero-simple .offer-card strong,
body.theme-v6 .hero-simple .offer-list strong { color: var(--v6-ink); }

body.theme-v6 .hero .offer-list span,
body.theme-v6 .hero .offer-card span,
body.theme-v6 .hero .case-study-attribution,
body.theme-v6 .hero .dashboard-card p,
body.theme-v6 .hero .dashboard-card span,
body.theme-v6 .hero-simple .offer-list span { color: var(--v6-ink-soft); }

body.theme-v6 .hero .offer-kicker { color: var(--v6-blue-600); font-weight: 700; }

/* Gwiazdki: #ffd36b bylo czytelne na granacie, na #f8faff daje 1.36.
   Ciemniejszy bursztyn trzyma ten sam charakter i przechodzi kontrast. */
body.theme-v6 .hero .stars,
body.theme-v6 .hero .tcard-stars,
body.theme-v6 .hero .hero-proof-stars,
body.theme-v6 .section:not(.section-dark) .stars,
body.theme-v6 .section:not(.section-dark) .tcard-stars { color: #dfa008; }

/* Karty opinii i wyniku poza sekcja ciemna */
body.theme-v6 .section:not(.section-dark) .tcard-role,
body.theme-v6 .section:not(.section-dark) .tcard-name { color: var(--v6-ink); }
body.theme-v6 .section:not(.section-dark) .tcard-tag { color: var(--v6-blue-600); }
body.theme-v6 .section:not(.section-dark) .case-study-attribution,
body.theme-v6 .section:not(.section-dark) .muted { color: var(--v6-ink-soft); }

/* Drobny tekst pomocniczy mial 3.6-3.8 przy progu 4.5 */
body.theme-v6 .microcopy,
body.theme-v6 .submit-note,
body.theme-v6 .form-note { color: #5b6b8c; }

/* Link tekstowy na ciemnym tle */
body.theme-v6 .section-dark .text-link,
body.theme-v6 .differentiator-section .text-link { color: #9ec5ff; }

/* Tekst z gradientem: bez -webkit-text-fill-color:transparent kolor zostaje
   przezroczysty i slowo znika. Fallback na wypadek braku wsparcia. */
body.theme-v6 .v6-grad {
  background: var(--v6-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--v6-blue-600);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body.theme-v6 .v6-grad { -webkit-text-fill-color: transparent; }
}

/* ---- Runda 2: to, co zostalo po pierwszym przebiegu ---- */

/* `.cta-band` to ciemny pas — tekst w srodku szedl kolorem ink na ciemnym.
   Poprzednia regula lapala tylko p/h2/h3, a tresc siedzi tez w strong/li/span. */
body.theme-v6 .cta-band strong, body.theme-v6 .cta-band li,
body.theme-v6 .cta-band span, body.theme-v6 .cta-band em, body.theme-v6 .cta-band b,
body.theme-v6 .ebook-promo strong, body.theme-v6 .ebook-promo span,
body.theme-v6 .ebook-promo em, body.theme-v6 .ebook-promo b,
body.theme-v6 .article-cta strong, body.theme-v6 .article-cta span,
body.theme-v6 .final-cta strong, body.theme-v6 .final-cta span,
body.theme-v6 .footer-cta-box strong, body.theme-v6 .footer-cta-box span,
body.theme-v6 .differentiator-section strong, body.theme-v6 .differentiator-section li,
body.theme-v6 .blog-lead-strip strong, body.theme-v6 .blog-lead-strip span { color: #fff; }

/* `.eyebrow` w ebook-promo ma WLASNE biale tlo — biala czcionka z reguly wyzej
   dawala bialy tekst na bialym. Na ciemnej karcie robimy z niego szklana pigulke. */
body.theme-v6 .ebook-promo .eyebrow,
body.theme-v6 .cta-band .eyebrow,
body.theme-v6 .final-cta .eyebrow,
body.theme-v6 .article-cta .eyebrow {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  color: #fff;
}

/* CTA w nawigacji: niebieski gradient pod granatowym tekstem, kontrast 2.63. */
body.theme-v6 .btn-nav-cta, .btn-nav-cta { color: #fff; }

/* Bialy tekst z alfa .88 na niebieskim daje 4.37 przy progu 4.5. Pelna biel. */
body.theme-v6 .cta-band p, body.theme-v6 .cta-band .microcopy,
body.theme-v6 .final-cta p, body.theme-v6 .differentiator-section p { color: #fff; }

/* Zielen wyniku na granacie: 4.13. Jasniejszy odcien trzyma sens "wzrost". */
body.theme-v6 .section-dark .tcard-result,
body.theme-v6 .tcard-result { color: #34d399; }
body.theme-v6 .section:not(.section-dark) .tcard-result { color: #0f7a52; }

/* Szary tekst pomocniczy 3.98 przy progu 4.5. */
body.theme-v6 .stat-note, body.theme-v6 .proof-note,
body.theme-v6 .section span.muted, body.theme-v6 .microcopy { color: #56658a; }

/* Gwiazdki na jasnym tle: #ffd36b dawal 1.36, #d98500 dalej 2.75.
   Bursztyn 700 przechodzi prog i nadal czyta sie jako "zloto". */
body.theme-v6 .hero .stars, body.theme-v6 .hero .tcard-stars,
body.theme-v6 .hero .hero-proof-stars,
body.theme-v6 .section:not(.section-dark) .stars,
body.theme-v6 .section:not(.section-dark) .tcard-stars,
body.theme-v6 .compact-section .stars { color: #dfa008; }

/* ---- Runda 3 ---- */

/* `.btn-nav-cta` przegrywalo z `.nav-links a{color:var(--navy-800)}` mimo
   wlasnego !important w cognito-shared.css — granatowy tekst na niebieskim
   gradiencie, kontrast 2.63. Sprawdzone empirycznie: dopiero selektor
   z pelna sciezka nawigacji wygrywa. Nie skracaj go. */
body.theme-v6 .site-nav .nav-links a.btn-nav-cta,
.site-nav .nav-links a.btn-nav-cta,
body.theme-v6 .mobile-menu a.btn-nav-cta { color: #fff !important; }

/* `.final-conversion` to niebieski pas (#2563eb). Bialy z alfa .88 dawal 4.37
   przy progu 4.5 — pelna biel zamiast przezroczystej. */
body.theme-v6 .final-conversion > .container > p,
body.theme-v6 .final-conversion-inner > p,
body.theme-v6 .final-conversion-inner > .microcopy,
body.theme-v6 .final-conversion-inner > ul > li { color: #fff; }
/* `.pstep` ma WLASNE jasne tlo wewnatrz niebieskiego pasa. Ogolne
   `.final-conversion span{color:#fff}` robilo bialy tekst na bialej pigulce.
   Dlatego regula wyzej celuje w bezposrednie dzieci, nie w kazdy span. */
body.theme-v6 .final-conversion .pstep,
body.theme-v6 .final-conversion .pstep span { color: var(--v6-ink); }
body.theme-v6 .final-conversion .pstep-arrow { color: rgba(255,255,255,.85); }
body.theme-v6 .final-conversion .pstep-free { color: #0f7a52; }
body.theme-v6 .final-conversion h1,
body.theme-v6 .final-conversion h2,
body.theme-v6 .final-conversion h3 { color: #fff; }

/* `.proof-strip` — opisy pod liczbami mialy #748097 na bieli, 3.98. */
body.theme-v6 .proof-strip span,
body.theme-v6 .proof-strip p,
body.theme-v6 .proof-strip-grid span { color: #4a5878; }

/* Koniec gradientu CTA w nawigacji byl #2f74e8 — bialy tekst dawal na nim 4.39.
   Ciemniejszy koniec podnosi kontrast powyzej progu, gradient zostaje. */
body.theme-v6 .site-nav .nav-links a.btn-nav-cta,
.site-nav .nav-links a.btn-nav-cta {
  background: linear-gradient(135deg, #1e5fd0, #2563eb) !important;
}