/* =====================================================================
   PLIK: css/coaching-site.css
   Wspólny wygląd całego serwisu coaching.manawaflow.pl (2026-10-04)

   Wczytywany przez header.php JAKO OSTATNI arkusz, na każdej stronie
   z menu serwisu. Działa tylko tam, gdzie <body> ma klasę .cf-site
   (dokłada ją header.php). Strona główna ma dodatkowo
   css/coaching-home.css z własną sceną powitalną.

   Cofnięcie całości: usunąć <link> do tego pliku z header.php.

   ---------------------------------------------------------------------
   JĘZYK WYGLĄDU (taki sam jak na stronie głównej)

     · Typografia marki manawaflow.pl: Poppins cienko (200/300),
       słowo-klucz pogrubione (600). Na ciemnym tle akcent jest złoty.
     · Etykiety sekcji: włoskowata kreska + drobne wersaliki.
     · Ciepły papier zamiast chłodnej bieli, ostre kąty, złoto jako
       jedyny akcent, kreska zamiast cienia.
     · Wyróżnik coachingu: grafit z kobaltem (#0D1124) i ECHO — cienkie
       złote okręgi jak fala głosu. Każda podstrona otwiera się taką
       ciemną sceną (.cf-scene), dalej są jasne sekcje.

   Spis:
     1. Zmienne i tło          9. Pytania (mf-faq)
     2. Typografia            10. Kiedy nie warto (mf-not)
     3. Etykiety              11. Ciemne pasy i domknięcia
     4. Przyciski i odnośniki 12. Cennik
     5. Obrazy                13. Formularze
     6. Scena (.cf-scene)     14. Stopka
     7. Karty mf-*            15. Wejścia przy przewijaniu
     8. Kroki i ramka mf-spot 16. Wąskie ekrany i ograniczony ruch
     (podstrony mają własne sekcje w drugiej połowie pliku)
   ===================================================================== */


/* =====================================================================
   1. ZMIENNE I TŁO
   ===================================================================== */

.cf-site {
    /* Grafit z kobaltem i papier */
    --cf-ink:        #0D1124;
    --cf-ink-deep:   #080B18;
    --cf-paper:      #F6F4EF;
    --cf-muted:      rgba(246, 244, 239, 0.72);
    --cf-muted-soft: rgba(246, 244, 239, 0.48);
    --cf-hairline:   rgba(246, 244, 239, 0.16);

    /* Kolory marki */
    --cf-gold:        #FDC500;
    --cf-gold-deep:   #B88A00;
    --cf-violet:      #6A0DAD;
    --cf-violet-lift: #A855F7;
    --cf-blue:        #0047AB;

    /* Jasne sekcje */
    --cf-canvas:      #FBFAF7;
    --cf-canvas-warm: #F4F1EA;
    --cf-line:        rgba(15, 18, 25, 0.14);
    --cf-line-soft:   rgba(15, 18, 25, 0.08);
    --cf-text-soft:   rgba(15, 18, 25, 0.72);

    /* Tło sekcji, w której stoi element — potrzebne tam, gdzie
       znacznik „przecina” linię (numery kroków) */
    --cf-bg: var(--cf-canvas);

    --cf-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

    /* Poświata ciemnych pasów — jedna receptura dla całego serwisu */
    --cf-glow:
        radial-gradient(60% 80% at 12% 0%, rgba(124, 32, 196, 0.42), transparent 70%),
        radial-gradient(55% 75% at 100% 100%, rgba(0, 81, 210, 0.38), transparent 70%);

    background: var(--cf-canvas);
}
.cf-site::before { display: none; }
.cf-site ::selection { background: rgba(253, 197, 0, 0.45); color: var(--color-dark); }

/* Jasne sekcje — ciepły papier zamiast chłodnego #f8faff */
.cf-site main .section { --cf-bg: var(--cf-canvas); }

/* Ziarno — 5% szumu odbiera ciemnym pasom plastikowość */
.cf-grain {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: 0.05;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}


/* =====================================================================
   2. TYPOGRAFIA — cienko + słowo-klucz pogrubione
   ===================================================================== */

.cf-site main h1,
.cf-site main .hero-title {
    font-family: var(--font-head);
    font-weight: 300;
    letter-spacing: -0.035em;
    line-height: 1.1;
}
.cf-site main h1 span,
.cf-site main h1 strong { font-weight: 600; }

.cf-site main h2,
.cf-site main .section-title,
.cf-site .mf-section-head h2 {
    font-family: var(--font-head);
    font-weight: 300;
    font-size: clamp(1.9rem, 3.4vw, 2.9rem);
    line-height: 1.16;
    letter-spacing: -0.025em;
    color: var(--color-dark);
    text-wrap: balance;
}
.cf-site main h2 strong,
.cf-site main h2 span:not([class*="sr"]) { font-weight: 600; }

.cf-site main h3 { font-weight: 600; letter-spacing: -0.01em; }

/* Gradientowe akcenty w nagłówkach na jasnym tle — jak na marce:
   ten sam kolor co reszta zdania, wyróżnia go grubość, nie barwa */
.cf-site main .text-gradient-ocean,
.cf-site main .text-gradient-gold {
    background: none;
    -webkit-background-clip: initial;
            background-clip: initial;
    -webkit-text-fill-color: currentColor;
    color: inherit;
}

/* Akapity: miękka czerń; pogrubienie pełną czernią */
.cf-site main p { color: var(--cf-text-soft); }
.cf-site main p strong,
.cf-site main li strong { color: var(--color-dark); font-weight: 700; }

/* Wyróżnienia em/i w treści: fiolet, ale kursywa Poppins 500, nie 600 */
.cf-site main em { font-weight: 500; }


/* =====================================================================
   3. ETYKIETY — włoskowata kreska i wersaliki
   Jedna receptura dla wszystkich nazw, jakie etykiety mają w serwisie.
   ===================================================================== */

.cf-site main .mf-eyebrow,
.cf-site main .jp-eyebrow, .cf-site main .jp-kicker,
.cf-site main .of-eyebrow, .cf-site main .of-kicker,
.cf-site main .om-eyebrow, .cf-site main .om-kicker,
.cf-site main .bh-eyebrow,
.cf-site main .fq-eyebrow, .cf-site main .fq-kicker,
.cf-site main .kt-eyebrow, .cf-site main .kt-kicker,
.cf-site main .mz-eyebrow, .cf-site main .mz-kicker,
.cf-site main .sw-eyebrow, .cf-site main .sw-kicker,
.cf-site main .ct-kicker, .cf-site main .ct-cta-kicker,
.cf-site main .mf-pains-eyebrow,
.cf-site main .hero-eyebrow,
.cf-site main .brand-subhead,
.cf-site main .hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    font-family: var(--font-head);
    font-size: 0.64rem !important;
    line-height: 1.6 !important;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--cf-violet);
}
/* Kreska przed etykietą (zastępuje kreski i plakietki ze starych arkuszy) */
.cf-site main .mf-eyebrow::before,
.cf-site main .jp-eyebrow::before, .cf-site main .jp-kicker::before,
.cf-site main .of-eyebrow::before, .cf-site main .of-kicker::before,
.cf-site main .om-eyebrow::before, .cf-site main .om-kicker::before,
.cf-site main .bh-eyebrow::before,
.cf-site main .fq-eyebrow::before, .cf-site main .fq-kicker::before,
.cf-site main .kt-eyebrow::before, .cf-site main .kt-kicker::before,
.cf-site main .mz-eyebrow::before, .cf-site main .mz-kicker::before,
.cf-site main .sw-eyebrow::before, .cf-site main .sw-kicker::before,
.cf-site main .ct-kicker::before, .cf-site main .ct-cta-kicker::before,
.cf-site main .mf-pains-eyebrow::before,
.cf-site main .hero-eyebrow::before,
.cf-site main .brand-subhead::before,
.cf-site main .hero-tag::before {
    content: '';
    display: block;
    position: static;
    flex: 0 0 auto;
    width: clamp(24px, 3vw, 44px);
    height: 1px;
    margin: 0;
    background: currentColor;
    opacity: 0.55;
    transform: none;
}
/* Wyśrodkowane etykiety — kreska z obu stron */
.cf-site main .mf-section-head.is-center .mf-eyebrow::after,
.cf-site main .jp-kicker--center::after,
.cf-site main .of-kicker--center::after,
.cf-site main .text-center-block > .hero-eyebrow::after,
.cf-site main .text-center-block > .brand-subhead::after,
.cf-site main .text-center-block > .hero-tag::after,
.cf-site main .mf-pains-head .mf-pains-eyebrow::after,
.cf-site main .mz-head .mz-kicker::after,
.cf-site main .sw-head .sw-kicker::after,
.cf-site main .of-head .of-kicker::after,
.cf-site main .fq-cta .fq-kicker::after,
.cf-site main .ct-cta-kicker::after {
    content: '';
    display: block;
    position: static;
    width: clamp(24px, 3vw, 44px);
    height: 1px;
    margin: 0;
    background: currentColor;
    opacity: 0.55;
    transform: none;
}
/* Na ciemnym tle — złoto */
.cf-site main .jp-kicker--light,
.cf-site main .of-kicker--light,
.cf-site main .om-kicker--light,
.cf-site main .sw-kicker--light,
.cf-site .cf-scene .mf-eyebrow,
.cf-site .cf-scene [class*="eyebrow"],
.cf-site .cf-scene [class*="kicker"],
.cf-site .cf-scene .hero-tag,
.cf-site .cf-dark [class*="eyebrow"],
.cf-site .cf-dark [class*="kicker"] { color: var(--cf-gold); }


/* =====================================================================
   4. PRZYCISKI I ODNOŚNIKI — wersaliki z szerokim światłem
   ===================================================================== */

.cf-site main .btn-prism,
.cf-site main .mf-btn-gold,
.cf-site main .btn-white-offer,
.cf-site main .btn-gold-glow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 18px 34px;
    font-family: var(--font-head);
    font-size: 0.76rem !important;
    line-height: 1.3 !important;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-align: center;
    border: 0;
    border-radius: 0;
    transition: background 0.45s var(--cf-ease), color 0.45s var(--cf-ease),
                box-shadow 0.45s var(--cf-ease), transform 0.45s var(--cf-ease);
}

/* Na jasnym tle: grafit, po najechaniu fiolet */
.cf-site main .btn-prism {
    background: var(--cf-ink);
    color: var(--cf-paper);
    box-shadow: 0 18px 40px -20px rgba(13, 17, 36, 0.7);
}
.cf-site main .btn-prism:hover {
    background: var(--cf-violet);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 22px 46px -18px rgba(106, 13, 173, 0.55);
}
.cf-site main .btn-prism.btn-outline,
.cf-site main .btn-outline {
    background: transparent;
    color: var(--color-dark);
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(15, 18, 25, 0.32);
}
.cf-site main .btn-prism.btn-outline:hover,
.cf-site main .btn-outline:hover {
    background: var(--cf-ink);
    color: var(--cf-paper);
    box-shadow: inset 0 0 0 1px var(--cf-ink);
}

/* Złoto — główne wezwanie na ciemnym tle */
.cf-site main .mf-btn-gold,
.cf-site main .btn-gold-glow,
.cf-site .cf-scene .btn-prism:not(.btn-outline),
.cf-site .cf-dark .btn-prism:not(.btn-outline),
.cf-site .pricing-card.featured .btn-prism {
    background: var(--cf-gold);
    color: var(--cf-ink);
    box-shadow: 0 16px 40px -14px rgba(253, 197, 0, 0.55);
}
.cf-site main .mf-btn-gold:hover,
.cf-site main .btn-gold-glow:hover,
.cf-site .cf-scene .btn-prism:not(.btn-outline):hover,
.cf-site .cf-dark .btn-prism:not(.btn-outline):hover,
.cf-site .pricing-card.featured .btn-prism:hover {
    background: var(--cf-paper);
    color: var(--cf-ink);
    transform: translateY(-2px);
    box-shadow: 0 20px 46px -14px rgba(246, 244, 239, 0.4);
}
/* Obrys na ciemnym tle */
.cf-site main .cf-scene .btn-outline,
.cf-site main .cf-dark .btn-outline,
.cf-site main .btn-white-offer {
    background: transparent;
    color: var(--cf-paper);
    box-shadow: inset 0 0 0 1px rgba(246, 244, 239, 0.4);
}
.cf-site main .cf-scene .btn-outline:hover,
.cf-site main .cf-dark .btn-outline:hover,
.cf-site main .btn-white-offer:hover {
    background: transparent;
    color: var(--cf-gold);
    transform: translateY(-2px);
    box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.7);
}

/* Odnośnik tekstowy z kreską */
.cf-site main .mf-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 6px;
    font-family: var(--font-head);
    font-size: 0.72rem !important;
    line-height: 1.4 !important;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--cf-violet);
    border-bottom: 1px solid rgba(106, 13, 173, 0.28);
    transition: color 0.4s var(--cf-ease), border-color 0.4s var(--cf-ease);
}
.cf-site main .mf-link i { font-size: 0.8em; transition: transform 0.4s var(--cf-ease); }
.cf-site main .mf-link:hover { gap: 10px; color: var(--color-dark); border-bottom-color: var(--cf-gold); }
.cf-site main .mf-link:hover i { transform: translateX(5px); }
.cf-site main .mf-link .fa-arrow-down { transform: none; }
.cf-site main .mf-link:hover .fa-arrow-down { transform: translateY(3px); }
.cf-site main .mf-link--light,
.cf-site .cf-scene .mf-link,
.cf-site .cf-dark .mf-link { color: var(--cf-gold); border-bottom-color: rgba(253, 197, 0, 0.4); }
.cf-site main .mf-link--light:hover,
.cf-site .cf-scene .mf-link:hover,
.cf-site .cf-dark .mf-link:hover { color: var(--cf-paper); border-bottom-color: var(--cf-paper); }


/* =====================================================================
   5. OBRAZY — złota rama przesunięta w bok, bez cienia
   ===================================================================== */

.cf-site .mf-figure {
    overflow: visible;
    isolation: isolate;
    background: transparent;
    box-shadow: none;
}
.cf-site .mf-figure img { position: relative; z-index: 1; }
.cf-site .mf-figure--offset::before { display: none; }
.cf-site .mf-figure::after {
    content: '';
    position: absolute;
    inset: 20px -20px -20px 20px;
    z-index: -1;
    border: 1px solid rgba(253, 197, 0, 0.65);
    pointer-events: none;
    transition: inset 0.8s var(--cf-ease);
}
.cf-site .mf-figure:hover::after { inset: 12px -12px -12px 12px; }
.cf-site .mf-split--img-first .mf-figure::after { inset: 20px 20px -20px -20px; }
.cf-site .mf-split--img-first .mf-figure:hover::after { inset: 12px 12px -12px -12px; }


/* =====================================================================
   6. SCENA — ciemne otwarcie każdej podstrony
   Klasę .cf-scene i dekoracje (zorza, echo, ziarno) dokłada w HTML
   funkcja coachingSceneDecor() z includes/coaching_brand.php.
   ===================================================================== */

.cf-site .cf-scene {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--cf-ink) !important;
    color: var(--cf-paper);
    border: 0;
    --cf-bg: var(--cf-ink);
}
.cf-site .cf-scene::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(130% 100% at 40% 44%, transparent 40%, rgba(5, 7, 16, 0.6) 100%);
    opacity: 1;
    filter: none;
    transform: none;
    animation: none;
}
.cf-site .cf-scene::after { display: none; }
/* Treść nad dekoracjami */
.cf-site .cf-scene > .container,
.cf-site .cf-scene > div:not(.cf-aurora):not(.cf-echo):not(.cf-grain) { position: relative; z-index: 2; }
/* Stare kolorowe kule i siatki z jasnych wersji — scenę niesie zorza */
.cf-site .cf-scene [class*="-orb"],
.cf-site .cf-scene .jp-bg,
.cf-site .cf-scene .om-bg,
.cf-site .cf-scene .bh-bg,
.cf-site .cf-scene .fq-bg,
.cf-site .cf-scene .kt-bg,
.cf-site .cf-scene .sw-bg,
.cf-site .cf-scene .of-bg,
.cf-site .cf-scene .mz-bg { display: none !important; }

/* Zorza — wolno dryfujące poświaty, kobalt dominuje */
.cf-aurora {
    position: absolute;
    inset: -25%;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(48% 46% at 78% 30%, rgba(0, 81, 210, 0.46), transparent 72%),
        radial-gradient(46% 50% at 14% 78%, rgba(124, 32, 196, 0.42), transparent 72%),
        radial-gradient(34% 30% at 52% 2%,  rgba(253, 197, 0, 0.09), transparent 70%),
        radial-gradient(40% 36% at 96% 96%, rgba(106, 13, 173, 0.26), transparent 70%);
    filter: blur(50px);
    animation: cfDryf 44s ease-in-out infinite alternate;
}
@keyframes cfDryf {
    from { transform: translate3d(-2%, -1%, 0) scale(1); }
    to   { transform: translate3d(3%, 2%, 0) scale(1.12); }
}

/* Echo — złote okręgi rozchodzą się jak fala głosu */
.cf-echo {
    position: absolute;
    z-index: -1;
    width: clamp(520px, 62vw, 980px);
    aspect-ratio: 1;
    pointer-events: none;
}
.cf-echo span {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(253, 197, 0, 0.5);
    opacity: 0;
    transform: scale(0.3);
    animation: cfEcho 9s cubic-bezier(0.25, 0.6, 0.3, 1) infinite;
}
.cf-echo span:nth-child(2) { animation-delay: 2.25s; }
.cf-echo span:nth-child(3) { animation-delay: 4.5s; }
.cf-echo span:nth-child(4) { animation-delay: 6.75s; }
@keyframes cfEcho {
    0%   { opacity: 0;    transform: scale(0.3); }
    12%  { opacity: 0.55; }
    100% { opacity: 0;    transform: scale(1); }
}
.cf-echo::before,
.cf-echo::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(246, 244, 239, 0.08);
}
.cf-echo::before { inset: 22%; }
.cf-echo::after  { inset: 6%; border-style: dashed; border-color: rgba(253, 197, 0, 0.12); animation: cfObrot 140s linear infinite; }
@keyframes cfObrot { to { transform: rotate(360deg); } }

/* Położenie echa w scenie podstrony: za prawą kolumną */
.cf-site .cf-scene > .cf-echo {
    right: calc(-1 * clamp(160px, 18vw, 300px));
    top: 50%;
    margin-top: calc(-0.5 * clamp(520px, 62vw, 980px));
}
/* Scena wyśrodkowana (bez obrazka) — echo za tytułem */
.cf-site .cf-scene--center > .cf-echo {
    right: auto;
    left: 50%;
    margin-left: calc(-0.5 * clamp(520px, 62vw, 980px));
}

/* --- Tekst w scenie ------------------------------------------------- */
.cf-site .cf-scene h1,
.cf-site .cf-scene .hero-title {
    font-weight: 200;
    font-size: clamp(2.4rem, 4.6vw, 4rem);
    line-height: 1.1;
    letter-spacing: -0.035em;
    color: var(--cf-paper);
    -webkit-text-fill-color: currentColor;
}
.cf-site .cf-scene h1 span,
.cf-site .cf-scene h1 strong,
.cf-site .cf-scene .hero-title span {
    font-weight: 500;
    color: var(--cf-gold);
    background: linear-gradient(105deg, var(--cf-gold) 0%, #ffe98a 35%, var(--cf-gold) 60%, #f6f4ef 100%);
    background-size: 220% 100%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: cfPolysk 10s ease-in-out infinite alternate;
}
/* Zagnieżdżony span (np. nazwisko w o-mnie) dziedziczy z rodzica */
.cf-site .cf-scene h1 span span { background: none; -webkit-text-fill-color: inherit; animation: none; }
@keyframes cfPolysk {
    from { background-position: 0% 50%; }
    to   { background-position: 100% 50%; }
}
.cf-site .cf-scene p,
.cf-site .cf-scene .hero-desc { color: var(--cf-muted); font-weight: 300; }
.cf-site .cf-scene p strong { color: var(--cf-paper); font-weight: 700; }
.cf-site .cf-scene h2,
.cf-site .cf-scene h3 { color: var(--cf-paper); }

/* Kreska akcentu pod tytułem w scenach rezerwacji */
.cf-site .cf-scene .hero-accent {
    background: var(--cf-gold);
    height: 1px;
    width: 56px;
    opacity: 0.8;
}

/* Wejście treści sceny */
.cf-site .cf-scene .cf-in {
    opacity: 0;
    animation: cfWejscie 1s var(--cf-ease) forwards;
    animation-delay: calc(var(--cf-i, 0) * 0.14s + 0.08s);
}
@keyframes cfWejscie {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: none; }
}


/* =====================================================================
   7. KARTY mf-* (strona główna, dla firm, oferta, typy coachingu)
   ===================================================================== */

.cf-site .mf-section-head { margin-bottom: clamp(44px, 5.5vw, 68px); }
.cf-site main .mf-section-head .mf-section-lead {
    margin-top: 22px;
    padding: 4px 0 4px 24px;
    border-left: 2px solid var(--cf-gold);
    font-weight: 300;
    font-size: clamp(1.12rem, 1.7vw, 1.4rem) !important;
    line-height: 1.5 !important;
    letter-spacing: -0.015em;
    color: var(--color-dark);
}
.cf-site .mf-section-head.is-center .mf-section-lead { border-left: 0; padding-left: 0; }
.cf-site .mf-section-lead em { font-family: inherit; font-style: italic; font-weight: 500; color: var(--cf-violet); }

/* --- Rozpoznanie: zdania jak kwestie w rozmowie --------------------- */
.cf-site .mf-mirror-grid {
    gap: clamp(14px, 1.6vw, 22px);
    background: none;
    border: 0;
    counter-reset: cfMirror;
}
.cf-site .mf-mirror {
    position: relative;
    flex-direction: column;
    gap: 18px;
    padding: clamp(28px, 2.6vw, 38px) clamp(24px, 2.4vw, 34px);
    background: #fff;
    border: 1px solid var(--cf-line-soft);
    counter-increment: cfMirror;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease), border-color 0.55s var(--cf-ease);
}
.cf-site .mf-mirror::before {
    content: counter(cfMirror, decimal-leading-zero);
    font-family: var(--font-head);
    font-weight: 200;
    font-size: 2.3rem;
    line-height: 1;
    letter-spacing: -0.04em;
    color: rgba(15, 18, 25, 0.2);
    transition: color 0.55s var(--cf-ease);
}
.cf-site .mf-mirror-mark {
    position: absolute;
    top: -1px; left: -1px; right: -1px;
    width: auto;
    height: 2px;
    margin: 0;
    background: var(--cf-gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.6s var(--cf-ease);
}
.cf-site .mf-mirror:hover {
    background: #fff;
    transform: translateY(-5px);
    border-color: rgba(15, 18, 25, 0.14);
    box-shadow: 0 30px 60px -32px rgba(15, 18, 25, 0.35);
}
.cf-site .mf-mirror:hover .mf-mirror-mark { transform: scaleX(1); }
.cf-site .mf-mirror:hover::before { color: var(--cf-violet); }
.cf-site main .mf-mirror p {
    font-family: var(--font-head);
    font-weight: 300;
    font-size: clamp(1.06rem, 1.3vw, 1.2rem) !important;
    line-height: 1.5 !important;
    letter-spacing: -0.01em;
    color: var(--color-dark);
}
.cf-site main .mf-mirror-end {
    max-width: 62ch;
    margin-top: clamp(40px, 5vw, 60px);
    padding-top: 30px;
    position: relative;
    opacity: 1;
    font-family: var(--font-head);
    font-weight: 300;
    font-size: clamp(1.08rem, 1.5vw, 1.3rem) !important;
    line-height: 1.6 !important;
    letter-spacing: -0.01em;
    color: var(--color-dark);
}
.cf-site .mf-mirror-end::before {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    width: 56px;
    height: 1px;
    margin-left: -28px;
    background: var(--cf-gold);
}

/* --- Pasek liczb / wiarygodności ------------------------------------ */
.cf-site .mf-trust {
    padding: clamp(56px, 7vw, 88px) 0;
    background: var(--cf-ink-deep);
    border-top: 1px solid rgba(253, 197, 0, 0.18);
    border-bottom: 1px solid rgba(253, 197, 0, 0.18);
    isolation: isolate;
}
.cf-site .mf-trust::before {
    top: 0; right: 0; bottom: 0; left: 0;
    width: auto; height: auto;
    z-index: -1;
    background:
        radial-gradient(40% 120% at 0% 50%, rgba(106, 13, 173, 0.32), transparent 70%),
        radial-gradient(40% 120% at 100% 50%, rgba(0, 71, 171, 0.34), transparent 70%);
}
.cf-site .mf-counter-grid { gap: 0; }
.cf-site .mf-counter {
    padding: 4px clamp(18px, 2.4vw, 36px);
    border-left: 1px solid var(--cf-hairline);
}
.cf-site .mf-counter:first-child { border-left: 0; padding-left: 0; }
.cf-site .mf-counter-value {
    font-weight: 200;
    font-size: clamp(2.8rem, 4.8vw, 4.4rem);
    letter-spacing: -0.05em;
    background: linear-gradient(115deg, #fff 0%, var(--cf-gold) 45%, #ffe98a 70%, var(--cf-gold) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cf-site .mf-counter-value--date {
    font-weight: 300;
    font-size: clamp(1.3rem, 1.9vw, 1.7rem);
    letter-spacing: -0.01em;
    background: none;
    -webkit-text-fill-color: var(--cf-paper);
}
.cf-site .mf-counter-label {
    margin-top: 16px;
    font-family: var(--font-head);
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--cf-paper);
}
.cf-site .mf-counter-note {
    font-family: var(--font-head);
    font-size: 0.64rem;
    letter-spacing: 0.1em;
    color: var(--cf-muted-soft);
}
.cf-site a.mf-counter:hover .mf-counter-value--date { -webkit-text-fill-color: var(--cf-gold); }

/* Wariant z nagłówkami (dla firm): złoty tytuł, opis w papierze */
.cf-site .mf-trust-grid { gap: 0; }
.cf-site .mf-trust-item {
    padding: 4px clamp(18px, 2.4vw, 32px);
    border-left: 1px solid var(--cf-hairline);
    color: var(--cf-muted);
    font-weight: 300;
}
.cf-site .mf-trust-item:first-child { border-left: 0; padding-left: 0; }
.cf-site .mf-trust-item strong {
    font-weight: 500;
    font-size: 1.08rem;
    letter-spacing: -0.01em;
    color: var(--cf-gold);
}

/* --- Karty efektów ---------------------------------------------------- */
.cf-site .mf-result-grid { gap: clamp(16px, 1.8vw, 26px); counter-reset: cfResult; }
.cf-site .mf-result {
    position: relative;
    padding: clamp(32px, 3vw, 44px) clamp(26px, 2.4vw, 36px);
    background: #fff;
    border: 1px solid var(--cf-line-soft);
    border-top: 1px solid var(--cf-line-soft);
    counter-increment: cfResult;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease), border-color 0.55s var(--cf-ease);
    --acc: var(--cf-violet);
}
.cf-site .mf-result:nth-child(3n+2) { --acc: var(--cf-blue); }
.cf-site .mf-result:nth-child(3n)   { --acc: var(--cf-gold-deep); }
.cf-site .mf-result::after {
    content: '';
    position: absolute;
    top: -1px; left: -1px; right: -1px;
    height: 2px;
    background: var(--acc);
    transform: scaleX(0.18);
    transform-origin: left;
    transition: transform 0.6s var(--cf-ease);
}
.cf-site .mf-result:hover {
    transform: translateY(-6px);
    border-color: rgba(15, 18, 25, 0.14);
    box-shadow: 0 34px 70px -36px rgba(15, 18, 25, 0.38);
}
.cf-site .mf-result:hover::after { transform: scaleX(1); }
/* Numer w rogu — tylko tam, gdzie karta nie ma własnego (.mf-result-num) */
.cf-site .mf-result:not(:has(.mf-result-num))::before {
    content: counter(cfResult, decimal-leading-zero);
    position: absolute;
    top: clamp(26px, 2.6vw, 36px);
    right: clamp(24px, 2.4vw, 34px);
    font-family: var(--font-head);
    font-weight: 200;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: -0.04em;
    color: rgba(15, 18, 25, 0.16);
    transition: color 0.55s var(--cf-ease);
}
.cf-site .mf-result:hover::before { color: var(--acc); }
.cf-site .mf-result-num,
.cf-site .mf-result:nth-child(3n+2) .mf-result-num,
.cf-site .mf-result:nth-child(3n) .mf-result-num {
    font-weight: 300;
    font-size: 0.68rem;
    letter-spacing: 0.22em;
    color: var(--acc);
    opacity: 1;
}
.cf-site .mf-result-icon,
.cf-site .mf-result:nth-child(3n+2) .mf-result-icon,
.cf-site .mf-result:nth-child(3n) .mf-result-icon {
    width: 46px;
    height: 46px;
    margin-bottom: 28px;
    background: transparent;
    color: var(--acc);
    font-size: 1.02rem;
    box-shadow: inset 0 0 0 1px var(--acc);
    transition: background 0.45s var(--cf-ease), color 0.45s var(--cf-ease);
}
.cf-site .mf-result:hover .mf-result-icon { background: var(--acc); color: #fff; }
.cf-site .mf-result h3 {
    font-size: 1.16rem;
    line-height: 1.36;
    margin-bottom: 14px;
}
.cf-site .mf-result:not(:has(.mf-result-num)) h3 { padding-right: 54px; }
.cf-site .mf-result p { opacity: 1; }


/* =====================================================================
   8. KROKI I RAMKA „mf-spot”
   ===================================================================== */

.cf-site .mf-steps-list::before { background: linear-gradient(to bottom, rgba(184, 138, 0, 0.5), rgba(15, 18, 25, 0.1)); }
.cf-site .mf-step-num {
    background: var(--cf-bg);
    color: var(--color-dark);
    font-weight: 300;
    font-size: 1.05rem;
    box-shadow: 0 0 0 8px var(--cf-bg), inset 0 0 0 1px rgba(184, 138, 0, 0.7);
    transition: background 0.45s var(--cf-ease), color 0.45s var(--cf-ease);
}
.cf-site .mf-step:hover .mf-step-num { background: var(--cf-ink); color: var(--cf-gold); }

.cf-site .mf-spot {
    margin-top: clamp(56px, 6vw, 80px);
    border: 1px solid var(--cf-line-soft);
    box-shadow: 0 40px 80px -50px rgba(13, 17, 36, 0.45);
}
.cf-site .mf-spot-head { background: var(--cf-ink); overflow: hidden; }
.cf-site .mf-spot-head::before {
    background:
        radial-gradient(circle at 10% 0%, rgba(124, 32, 196, 0.5), transparent 58%),
        radial-gradient(circle at 100% 100%, rgba(0, 81, 210, 0.42), transparent 60%);
}
.cf-site .mf-spot-head .cf-echo { width: 460px; left: -120px; top: -150px; }
.cf-site .mf-spot-head .cf-echo span { border-color: rgba(253, 197, 0, 0.35); }
.cf-site .mf-spot-badge-in b { font-weight: 200; font-size: 2.9rem; letter-spacing: -0.04em; }
.cf-site .mf-spot-tag { font-size: 0.64rem; font-weight: 600; letter-spacing: 0.24em; }
.cf-site .mf-spot h3 {
    font-weight: 300;
    font-size: clamp(1.5rem, 2.2vw, 1.9rem);
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--cf-paper);
}
.cf-site .mf-spot h3 strong { font-weight: 500; color: var(--cf-gold); }
.cf-site main .mf-spot-label {
    font-size: 0.62rem !important;
    font-weight: 700;
    letter-spacing: 0.22em;
    color: var(--cf-violet);
}
.cf-site .mf-spot-steps li::before {
    background: #fff;
    color: var(--color-dark);
    font-weight: 300;
    box-shadow: inset 0 0 0 1px rgba(184, 138, 0, 0.7);
}
.cf-site .mf-spot-steps li:not(:last-child)::after { background: rgba(184, 138, 0, 0.35); }

/* --- Zasady / gwarancje ---------------------------------------------- */
.cf-site .mf-rule-grid { gap: clamp(14px, 1.6vw, 22px); }
.cf-site .mf-rule {
    padding: 28px 28px 30px;
    background: var(--cf-canvas);
    border: 1px solid var(--cf-line-soft);
    box-shadow: none;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease), background 0.55s var(--cf-ease);
}
.cf-site .mf-rule:hover {
    background: #fff;
    transform: translateY(-5px);
    box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.35);
}
.cf-site .mf-rule::before { width: 2px; }
.cf-site .mf-rule-icon {
    width: 40px;
    height: 40px;
    background: transparent;
    font-size: 0.95rem;
    box-shadow: inset 0 0 0 1px var(--rule);
}
.cf-site .mf-rule-num {
    top: 22px;
    right: 24px;
    font-weight: 200;
    font-size: 2rem;
    letter-spacing: -0.04em;
    opacity: 0.32;
}
.cf-site .mf-rule h3 { font-size: 1.06rem; }
.cf-site .mf-rule p { opacity: 1; }
.cf-site .mf-rule.mf-rule--wide {
    background: var(--cf-glow), var(--cf-ink);
    border-color: var(--cf-ink);
}
.cf-site .mf-rule.mf-rule--wide:hover { background: var(--cf-glow), var(--cf-ink); }
.cf-site main .mf-rule.mf-rule--wide p { color: var(--cf-muted); }

/* --- Ramka wyróżniona .mf-inside i .mf-why --------------------------- */
.cf-site .mf-inside {
    border: 1px solid var(--cf-line-soft);
    border-left: 2px solid var(--cf-gold);
}
.cf-site .mf-why {
    background: #fff;
    border: 1px solid var(--cf-line-soft);
    border-left: 2px solid var(--cf-gold);
}


/* =====================================================================
   9. PYTANIA — mf-faq
   ===================================================================== */

.cf-site .mf-faq details { border-bottom-color: var(--cf-line); }
.cf-site .mf-faq details:first-child,
.cf-site .mf-faq details:nth-child(5) { border-top-color: var(--cf-line); }
.cf-site main .mf-faq summary {
    padding: 26px 48px 26px 0;
    font-weight: 400;
    font-size: clamp(1.04rem, 1.25vw, 1.14rem) !important;
    line-height: 1.45 !important;
    letter-spacing: -0.01em;
    color: var(--color-dark);
}
/* Plus rysowany kreską; po otwarciu obraca się w „×” */
.cf-site .mf-faq summary::after {
    content: '';
    right: 4px;
    width: 14px;
    height: 14px;
    background:
        linear-gradient(var(--cf-gold-deep), var(--cf-gold-deep)) center / 14px 1.5px no-repeat,
        linear-gradient(var(--cf-gold-deep), var(--cf-gold-deep)) center / 1.5px 14px no-repeat;
    transition: transform 0.45s var(--cf-ease);
}
.cf-site .mf-faq details[open] summary::after { content: ''; transform: translateY(-50%) rotate(45deg); }
.cf-site .mf-faq summary:hover,
.cf-site .mf-faq details[open] summary { color: var(--cf-violet); }
.cf-site .mf-faq-answer { opacity: 1; padding-bottom: 30px; }


/* =====================================================================
   10. KIEDY NIE WARTO — mf-not
   ===================================================================== */

.cf-site .mf-not {
    background: var(--cf-canvas-warm);
    border-color: var(--cf-line-soft);
    --cf-bg: var(--cf-canvas-warm);
}
.cf-site .mf-not-grid { gap: clamp(14px, 1.6vw, 22px); }
.cf-site .mf-not-item {
    padding: 30px 30px 32px;
    border: 1px solid var(--cf-line-soft);
    box-shadow: none;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease);
}
.cf-site .mf-not-item::before { height: 2px; background: rgba(15, 18, 25, 0.16); }
.cf-site .mf-not-item:hover { box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.35); }
.cf-site .mf-not-item:hover::before { background: linear-gradient(90deg, var(--cf-violet), var(--cf-blue)); }
.cf-site .mf-not-icon { background: transparent; box-shadow: inset 0 0 0 1px rgba(15, 18, 25, 0.2); }
.cf-site .mf-not-item h3 { font-size: 1.1rem; }
.cf-site .mf-not-item p { opacity: 1; }


/* =====================================================================
   11. CIEMNE PASY I DOMKNIĘCIA
   Wszystkie ciemne sekcje serwisu mówią tym samym grafitem z kobaltem
   i tą samą poświatą. Klasa .cf-dark (HTML) przełącza kolory treści.
   ===================================================================== */

.cf-site .mf-close,
.cf-site .cf-dark {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--cf-glow), var(--cf-ink-deep) !important;
    color: var(--cf-paper);
    --cf-bg: var(--cf-ink-deep);
}
.cf-site .mf-close { padding: clamp(90px, 11vw, 140px) 0 clamp(70px, 8vw, 100px); }
.cf-site .mf-close::before,
.cf-site .cf-dark > .cf-aurora-static { display: none; }
.cf-site .cf-dark > .cf-echo,
.cf-site .mf-close > .cf-echo {
    left: -14%;
    top: 50%;
    width: clamp(520px, 56vw, 860px);
    margin-top: calc(-0.5 * clamp(520px, 56vw, 860px));
}
.cf-site .cf-dark > .cf-echo span,
.cf-site .mf-close > .cf-echo span { border-color: rgba(253, 197, 0, 0.32); }
.cf-site .cf-dark > .container,
.cf-site .mf-close > .container { position: relative; z-index: 2; }

.cf-site .mf-close h2,
.cf-site .cf-dark h2 {
    font-weight: 200;
    font-size: clamp(2.1rem, 4.2vw, 3.4rem);
    line-height: 1.12;
    letter-spacing: -0.035em;
    color: var(--cf-paper) !important;
    -webkit-text-fill-color: currentColor;
}
.cf-site .mf-close h2 strong,
.cf-site .cf-dark h2 strong,
.cf-site .cf-dark h2 span {
    font-weight: 500;
    color: var(--cf-gold);
    -webkit-text-fill-color: currentColor;
    background: none;
}
.cf-site .cf-dark h3 { color: var(--cf-paper); }
.cf-site main .mf-close p,
.cf-site main .cf-dark p { color: var(--cf-muted); font-weight: 300; }
.cf-site main .cf-dark p strong,
.cf-site main .cf-dark li strong { color: var(--cf-paper); }

.cf-site .mf-close .mf-std-grid--single { gap: 0; }
.cf-site .mf-close .mf-std {
    gap: 20px;
    padding: 20px 0;
    border-top: 1px solid var(--cf-hairline);
}
.cf-site .mf-close .mf-std:last-child { border-bottom: 1px solid var(--cf-hairline); }
.cf-site .mf-close .mf-std i {
    width: 40px;
    height: 40px;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.92rem;
    color: var(--cf-gold) !important;
    box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.4);
}
.cf-site .mf-close .mf-std p { color: var(--cf-muted) !important; align-self: center; }
.cf-site .mf-close-door a { color: var(--cf-paper) !important; border-bottom-color: rgba(253, 197, 0, 0.5) !important; }
.cf-site .mf-close-door a:hover { color: var(--cf-gold) !important; }
.cf-site .mf-bridge { border-top-color: var(--cf-hairline); color: var(--cf-muted-soft); }

/* Blok dla firm — grafit z zorzą */
.cf-site .mf-b2b {
    position: relative;
    isolation: isolate;
    margin-top: clamp(64px, 7vw, 96px);
    background:
        radial-gradient(70% 90% at 0% 0%, rgba(124, 32, 196, 0.36), transparent 66%),
        radial-gradient(60% 80% at 70% 110%, rgba(0, 81, 210, 0.30), transparent 70%),
        var(--cf-ink);
}
.cf-site .mf-b2b-text { padding: clamp(40px, 4.4vw, 64px); }
.cf-site .mf-b2b h3 {
    font-weight: 300;
    font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 22px;
    color: var(--cf-paper);
}
.cf-site .mf-b2b h3 strong { font-weight: 500; color: var(--cf-gold); }
.cf-site main .mf-b2b p { color: var(--cf-muted); font-weight: 300; }
.cf-site .mf-b2b .mf-figure { overflow: hidden; }
.cf-site .mf-b2b .mf-figure::after { display: none; }
.cf-site .mf-b2b .mf-figure img { opacity: 1; transition: transform 1.2s var(--cf-ease); }
.cf-site .mf-b2b:hover .mf-figure img { transform: scale(1.03); }


/* =====================================================================
   12. CENNIK (style-oferta.css — strona główna i oferta)
   ===================================================================== */

.cf-site .pricing-grid { gap: clamp(18px, 2vw, 28px); }
.cf-site .pricing-card {
    padding: clamp(44px, 3.6vw, 54px) clamp(26px, 2.4vw, 36px) clamp(32px, 2.8vw, 40px);
    background: #fff;
    border: 1px solid var(--cf-line-soft);
    box-shadow: none;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease), border-color 0.55s var(--cf-ease);
}
.cf-site .pricing-card:hover {
    transform: translateY(-6px);
    border-color: rgba(15, 18, 25, 0.14);
    box-shadow: 0 34px 70px -36px rgba(15, 18, 25, 0.38);
}
.cf-site .pricing-card.featured {
    transform: none;
    animation: none;
    margin: 0;
    background:
        radial-gradient(120% 70% at 50% 120%, rgba(168, 85, 247, 0.34), transparent 66%),
        radial-gradient(90% 50% at 100% 0%, rgba(0, 81, 210, 0.22), transparent 70%),
        var(--cf-ink);
    border-color: var(--cf-ink);
    box-shadow: 0 40px 80px -40px rgba(13, 17, 36, 0.7);
}
.cf-site .pricing-card.featured:hover { transform: translateY(-6px); box-shadow: 0 46px 90px -40px rgba(13, 17, 36, 0.8); }
.cf-site main .popular-badge {
    top: -1px;
    padding: 8px 16px;
    background: var(--cf-ink) !important;
    color: var(--cf-gold) !important;
    font-size: 0.58rem !important;
    font-weight: 700;
    letter-spacing: 0.22em;
    box-shadow: none;
    transform: translate(-50%, -50%);
}
.cf-site main .pricing-card.featured .popular-badge { background: var(--cf-gold) !important; color: var(--cf-ink) !important; }
.cf-site .card-icon {
    font-size: 1.3rem;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cf-violet);
    box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35);
    margin-bottom: 22px;
}
.cf-site .pricing-card:hover .card-icon { transform: none; }
.cf-site .pricing-card.featured .card-icon { color: var(--cf-gold); box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.45); }
.cf-site .card-top h3 { font-weight: 600; font-size: 1.28rem; letter-spacing: -0.01em; }
.cf-site main .card-desc { color: var(--cf-text-soft); opacity: 1; }
.cf-site main .pricing-card.featured .card-desc { color: var(--cf-muted) !important; }
.cf-site .card-pricing { border-color: var(--cf-line-soft); padding: 26px 0; }
.cf-site .pricing-card .price {
    font-weight: 200;
    font-size: clamp(2.6rem, 3.4vw, 3.2rem);
    letter-spacing: -0.04em;
    line-height: 1.05;
    color: var(--color-dark);
}
.cf-site .pricing-card .price span {
    font-family: var(--font-head);
    font-size: 0.72rem !important;
    font-weight: 600;
    letter-spacing: 0.18em;
    color: var(--cf-text-soft);
}
.cf-site .pricing-card.featured .price { color: var(--cf-paper) !important; }
.cf-site .pricing-card.featured .price span { color: var(--cf-muted) !important; }
.cf-site main .savings-badge {
    background: transparent;
    border: 0;
    padding: 0 0 5px;
    border-bottom: 1px solid rgba(106, 13, 173, 0.3);
    font-size: 0.6rem !important;
    font-weight: 700;
    letter-spacing: 0.16em;
}
.cf-site main .pricing-card.featured .savings-badge { background: transparent; border: 0; border-bottom: 1px solid rgba(253, 197, 0, 0.45); }
.cf-site main .savings-context { font-size: 0.62rem !important; letter-spacing: 0.14em; }
.cf-site .pricing-card .feature-list li { padding-left: 24px; }
.cf-site .pricing-card .feature-list li::before {
    content: '';
    font-family: inherit;
    left: 3px;
    top: 0.62em;
    width: 7px;
    height: 7px;
    box-shadow: inset 0 0 0 1.5px var(--cf-violet);
    transform: rotate(45deg);
}
.cf-site .pricing-card.featured .feature-list li::before { box-shadow: inset 0 0 0 1.5px var(--cf-gold); }
.cf-site main .pricing-card.featured .feature-list li { color: var(--cf-muted) !important; }
.cf-site .mf-actions { margin-top: clamp(40px, 5vw, 60px); gap: 16px 20px; }


/* =====================================================================
   13. FORMULARZE — kreska zamiast szarego pudełka
   ===================================================================== */

.cf-site main input[type="text"],
.cf-site main input[type="email"],
.cf-site main input[type="tel"],
.cf-site main input[type="search"],
.cf-site main input[type="password"],
.cf-site main input[type="number"],
.cf-site main textarea,
.cf-site main select {
    border-radius: 0;
    background-color: #fff;
    border: 1px solid var(--cf-line);
    box-shadow: none;
    font-family: var(--font-body);
    color: var(--color-dark);
    transition: border-color 0.35s var(--cf-ease), box-shadow 0.35s var(--cf-ease);
}
.cf-site main input:focus,
.cf-site main textarea:focus,
.cf-site main select:focus {
    outline: none;
    border-color: var(--cf-violet);
    box-shadow: 0 0 0 3px rgba(106, 13, 173, 0.12);
}
.cf-site main label {
    font-family: var(--font-head);
    letter-spacing: 0.02em;
}
.cf-site main input[type="checkbox"],
.cf-site main input[type="radio"] { accent-color: var(--cf-violet); }


/* =====================================================================
   14. STOPKA — nagłówki kolumn jak etykiety sekcji
   ===================================================================== */

.cf-site .footer h4,
.cf-site footer h4 {
    font-family: var(--font-head);
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}


/* =====================================================================
   15. WEJŚCIA PRZY PRZEWIJANIU
   Klasy dokłada skrypt w footer.php — bez JS i przy „ogranicz ruch”
   wszystko jest widoczne od razu.
   ===================================================================== */

.cf-js .cf-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.9s var(--cf-ease), transform 0.9s var(--cf-ease);
    transition-delay: calc(var(--cf-d, 0) * 0.09s);
}
.cf-js .cf-reveal.is-in { opacity: 1; transform: none; }
.cf-js .cf-reveal.is-in:hover { transition-delay: 0s; }
.cf-js .mf-mirror.cf-reveal.is-in:hover,
.cf-js .mf-rule.cf-reveal.is-in:hover { transform: translateY(-5px); }
.cf-js .mf-result.cf-reveal.is-in:hover,
.cf-js .pricing-card.cf-reveal.is-in:hover,
.cf-js .blog-card.cf-reveal.is-in:hover { transform: translateY(-6px); }


/* =====================================================================
   16. WĄSKIE EKRANY I OGRANICZONY RUCH (część wspólna)
   ===================================================================== */

@media (max-width: 1100px) {
    .cf-site .cf-scene > .cf-echo { right: -40%; }
    .cf-site .mf-counter:nth-child(3),
    .cf-site .mf-trust-item:nth-child(3) { border-left: 0; padding-left: 0; }
}
@media (max-width: 768px) {
    .cf-site .mf-figure::after,
    .cf-site .mf-split--img-first .mf-figure::after { inset: 12px -12px -12px 12px; }
    .cf-site .cf-scene > .cf-echo { width: 150vw; right: auto; left: -25vw; top: auto; bottom: -40vw; margin: 0; }
    .cf-site .mf-counter-grid { gap: 30px 0; }
    .cf-site .mf-counter { padding: 0 0 0 18px; border-left: 1px solid var(--cf-hairline); }
    .cf-site .mf-counter:nth-child(odd) { border-left: 0; padding-left: 0; }
    .cf-site .mf-trust-item { border-left: 0; padding-left: 0; }
    .cf-site .mf-result:not(:has(.mf-result-num)) h3 { padding-right: 48px; }
    .cf-site .mf-spot-head .cf-echo { width: 340px; left: -140px; top: -140px; }
    .cf-site .mf-close > .cf-echo,
    .cf-site .cf-dark > .cf-echo { left: -40%; }
    .cf-site main .mf-actions .btn-prism { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .cf-aurora,
    .cf-echo::after,
    .cf-site .cf-scene h1 span { animation: none; }
    .cf-echo span { animation: none; opacity: 0; }
    .cf-echo span:first-child { opacity: 0.35; transform: scale(0.7); }
    .cf-site .cf-scene .cf-in { opacity: 1; animation: none; }
}


/* #####################################################################
   PODSTRONY
   Poniżej poprawki dla konkretnych stron. Każda sekcja zaczyna się od
   klasy, która występuje tylko na tej stronie.
   ##################################################################### */


/* =====================================================================
   PODSTRONY · SCENA .mf-hero — strona główna i dla firm
   (ten sam układ: tekst + portret w złotej ramie, echo za portretem)
   ===================================================================== */

.cf-site .mf-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(140px, 17vh, 184px) 0 clamp(80px, 11vh, 120px);
    background: var(--cf-ink);
    color: var(--cf-paper);
}

/* Winieta: brzegi głębokie, środek oddycha */
.cf-site .mf-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(130% 100% at 40% 44%, transparent 40%, rgba(5, 7, 16, 0.6) 100%);
}

.cf-site .mf-hero .container { position: relative; z-index: 2; }
.cf-site .mf-hero-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    gap: clamp(48px, 6vw, 96px);
    align-items: center;
}

/* Nadtytuł — złota kreska */
.cf-site .mf-hero .mf-eyebrow { color: var(--cf-gold); }
.cf-site .mf-hero .mf-eyebrow::before { opacity: 0.7; }

/* Hasło: ExtraLight w dużej skali, druga linia pogrubiona i złota */
.cf-site .mf-hero h1 {
    font-family: var(--font-head);
    font-weight: 200;
    font-size: clamp(2.5rem, 4.7vw, 4.1rem);
    line-height: 1.1;
    letter-spacing: -0.035em;
    color: var(--cf-paper);
    margin: 4px 0 clamp(26px, 3.4vh, 38px);
}
.cf-hero-line { display: block; }
.cf-hero-accent {
    display: block;
    font-weight: 500;
    background: linear-gradient(105deg, var(--cf-gold) 0%, #ffe98a 35%, var(--cf-gold) 60%, #f6f4ef 100%);
    background-size: 220% 100%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: cfPolysk 10s ease-in-out infinite alternate;
}
@keyframes cfPolysk {
    from { background-position: 0% 50%; }
    to   { background-position: 100% 50%; }
}

.cf-site .mf-hero .mf-hero-lead {
    font-weight: 300;
    color: var(--cf-muted);
    letter-spacing: 0.005em;
    max-width: 60ch;
    margin-bottom: 18px;
}
.cf-site .mf-hero .mf-hero-lead strong { color: var(--cf-paper); font-weight: 700; }

/* Obietnica: ostatni akapit przed przyciskiem — złota kreska z lewej,
   ten sam znak co cytat na marce */
.cf-site .mf-hero .cf-hero-promise {
    margin: 30px 0 38px;
    padding: 2px 0 2px 24px;
    border-left: 2px solid var(--cf-gold);
    font-family: var(--font-head);
    font-size: clamp(1.08rem, 1.5vw, 1.32rem) !important;
    line-height: 1.5 !important;
    letter-spacing: -0.01em;
    color: var(--cf-paper);
}
.cf-site .mf-hero .cf-hero-promise strong { font-weight: 400; color: var(--cf-paper); }

.cf-site .mf-hero-cta { gap: 18px 30px; }
.cf-site .mf-hero .btn-prism:not(.btn-outline) {
    background: var(--cf-gold);
    color: var(--cf-ink);
    box-shadow: 0 16px 40px -14px rgba(253, 197, 0, 0.55);
}
.cf-site .mf-hero .btn-prism:not(.btn-outline):hover {
    background: var(--cf-paper);
    color: var(--cf-ink);
    transform: translateY(-2px);
    box-shadow: 0 20px 46px -14px rgba(246, 244, 239, 0.4);
}
.cf-site .mf-hero .mf-link { color: var(--cf-muted); border-bottom-color: var(--cf-hairline); }
.cf-site .mf-hero .mf-link:hover { color: var(--cf-gold); border-bottom-color: rgba(253, 197, 0, 0.6); }

/* Podpis: imię wersalikami, role za włoskowatą linią */
.cf-site .mf-hero .mf-hero-proof {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    margin: clamp(34px, 4.6vh, 50px) 0 0;
    padding-top: 26px;
    border-top: 1px solid var(--cf-hairline);
    opacity: 1;
    font-family: var(--font-head);
    font-size: 0.72rem !important;
    line-height: 1.6 !important;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--cf-paper);
}
.cf-site .mf-hero-proof em {
    font-family: var(--font-head);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: var(--cf-muted-soft);
    padding-left: 14px;
    border-left: 1px solid var(--cf-hairline);
}

/* --- Portret: złota rama, wtopiony dół, echo za plecami --------------- */
.cf-site .mf-hero-grid > .mf-figure {
    min-height: 0;
    height: auto;
    aspect-ratio: 4 / 5;
    max-height: 640px;
    width: 100%;
    max-width: 520px;
    justify-self: end;
}
.cf-site .mf-hero .mf-figure img { filter: contrast(1.04) saturate(1.06); }
.cf-site .mf-hero .mf-figure::before {
    /* dół zdjęcia wtapia się w grafit */
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to top, rgba(13, 17, 36, 0.55) 0%, transparent 34%);
}
.cf-site .mf-hero .mf-figure::after { border-color: rgba(253, 197, 0, 0.7); }

.cf-site .mf-hero .cf-echo {
    right: calc(-1 * clamp(160px, 18vw, 300px));
    top: 50%;
    margin-top: calc(-0.5 * clamp(520px, 62vw, 980px));
}

/* --- Wejście treści --------------------------------------------------- */
.cf-fade {
    opacity: 0;
    animation: cfWejscie 1s var(--cf-ease) forwards;
}
.cf-fade-1 { animation-delay: 0.08s; }
.cf-fade-2 { animation-delay: 0.22s; }
.cf-fade-3 { animation-delay: 0.38s; }
.cf-fade-4 { animation-delay: 0.54s; }
.cf-fade-5 { animation-delay: 0.68s; }
.cf-fade-6 { animation-delay: 0.82s; }
.cf-fade-7 { animation-delay: 0.96s; }
@keyframes cfWejscie {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: none; }
}
.cf-site .mf-hero .mf-figure {
    opacity: 0;
    animation: cfPortret 1.6s var(--cf-ease) forwards 0.3s;
}
@keyframes cfPortret {
    from { opacity: 0; transform: translateY(34px) scale(1.02); }
    to   { opacity: 1; transform: none; }
}

@media (max-width: 1100px) {
    .cf-site .mf-hero-grid { grid-template-columns: 1fr; gap: 64px; }
    .cf-site .mf-hero-grid > .mf-figure { justify-self: center; aspect-ratio: 4 / 5; max-width: 460px; }
    .cf-site .mf-hero .cf-echo { right: auto; left: 50%; top: auto; bottom: -10%; margin: 0 0 0 calc(-0.5 * clamp(520px, 62vw, 980px)); }
}
@media (max-width: 768px) {
    .cf-site .mf-hero { padding: 120px 0 70px; }
    .cf-site .mf-hero h1 { font-size: clamp(2.1rem, 9vw, 2.8rem); }
    .cf-site .mf-hero .cf-echo { width: 150vw; left: -25vw; top: auto; bottom: -30vw; margin: 0; }
    .cf-site .mf-hero .cf-hero-promise { padding-left: 18px; }
    .cf-site .mf-hero-cta .btn-prism { width: 100%; }
    .cf-site .mf-hero-proof em { padding-left: 0; border-left: 0; flex-basis: 100%; }
}


/* =====================================================================
   PODSTRONY · KARTY BLOGA (strona główna i blog)
   ===================================================================== */

.cf-site .blog-section { background: var(--cf-canvas); }
.cf-site .blog-header { margin-bottom: clamp(40px, 5vw, 60px); gap: 20px; }
.cf-site .blog-header h2 { margin-bottom: 0; }
.cf-site .blog-grid { gap: clamp(18px, 2vw, 28px); }
.cf-site .blog-card {
    border: 1px solid var(--cf-line-soft);
    box-shadow: none;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease), border-color 0.55s var(--cf-ease);
}
.cf-site .blog-card:hover {
    transform: translateY(-6px);
    border-color: rgba(15, 18, 25, 0.14);
    box-shadow: 0 34px 70px -36px rgba(15, 18, 25, 0.38);
}
.cf-site .blog-img-wrapper { height: 240px; }
.cf-site .blog-img-wrapper img { transition: transform 1.2s var(--cf-ease); }
.cf-site .blog-overlay { display: none; }
.cf-site .blog-card .blog-content { padding: 28px 30px 32px; }
.cf-site .blog-card .blog-content h3 {
    font-weight: 500;
    font-size: 1.14rem;
    line-height: 1.38;
    letter-spacing: -0.01em;
}
.cf-site main .blog-card .blog-content p { color: var(--cf-text-soft); font-size: 0.95rem !important; }
.cf-site main .read-more {
    align-self: flex-start;
    padding-bottom: 5px;
    font-size: 0.64rem !important;
    letter-spacing: 0.2em;
    color: var(--cf-violet);
    border-bottom: 1px solid rgba(106, 13, 173, 0.3);
    transition: border-color 0.4s var(--cf-ease), color 0.4s var(--cf-ease);
}
.cf-site .blog-card:hover .read-more { color: var(--color-dark); border-bottom-color: var(--cf-gold); }


/* =====================================================================
   PODSTRONY · DLA FIRM (dla-firm.php)
   Scena .mf-hero jak na stronie głównej, dalej rytm teł sekcji.
   ===================================================================== */

.cf-p-dla-firm #sytuacje   { background: var(--cf-canvas);      --cf-bg: var(--cf-canvas); }
.cf-p-dla-firm #wspolpraca { background: var(--cf-canvas-warm); --cf-bg: var(--cf-canvas-warm); }
.cf-p-dla-firm #formy      { background: #fff;                  --cf-bg: #fff; }
.cf-p-dla-firm .mf-hero .mf-hero-lead a { color: var(--cf-gold); border-bottom: 1px solid rgba(253, 197, 0, 0.4); }
.cf-p-dla-firm .mf-hero .cf-hero-promise { font-size: clamp(1rem, 1.3vw, 1.14rem) !important; }
.cf-p-dla-firm .mf-hero .cf-hero-promise strong { font-weight: 500; }
.cf-p-dla-firm .mf-result-grid--quad .mf-result h3 { padding-right: 0; }

/* Pierwsza linia hasła zostaje cienka (reguła „h1 span = pogrubienie” jej nie dotyczy) */
.cf-site .mf-hero h1 .cf-hero-line { font-weight: 200; }

.cf-site main p b { color: var(--color-dark); font-weight: 700; }
.cf-site .cf-dark p b, .cf-site .cf-scene p b { color: var(--cf-paper); }


/* =====================================================================
   PODSTRONY · JAK PRACUJĘ (coaching.php, klasy .jp-*)
   ===================================================================== */

/* --- Scena ------------------------------------------------------------ */
.cf-p-coaching .coaching-hero.jp-hero { padding: clamp(140px, 17vh, 180px) 20px clamp(90px, 11vh, 120px); }
.cf-p-coaching .jp-hero .jp-title { font-size: clamp(2.5rem, 4.6vw, 4rem); }
.cf-p-coaching .jp-hero .jp-desc { opacity: 1; font-size: var(--fs-lead, 1.15rem) !important; }
.cf-p-coaching .jp-facts li {
    background: transparent;
    border: 1px solid var(--cf-hairline);
    color: var(--cf-muted);
    font-weight: 500;
    font-size: 0.74rem !important;
    letter-spacing: 0.08em;
}
.cf-p-coaching .jp-facts i { color: var(--cf-gold); }
/* Karta z pytaniami: grafit na grafice — rama zamiast kolorowego bloku */
.cf-p-coaching .jp-card-wrap::before {
    background: none;
    border: 1px solid rgba(253, 197, 0, 0.6);
}
.cf-p-coaching .jp-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 32, 196, 0.42), transparent 55%),
        rgba(8, 11, 24, 0.86);
    border: 1px solid var(--cf-hairline);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
.cf-p-coaching .jp-card-label { font-size: 0.62rem; font-weight: 600; letter-spacing: 0.24em; }
.cf-p-coaching .jp-tab { font-weight: 500; }
.cf-p-coaching .jp-tab.is-active {
    background: rgba(253, 197, 0, 0.12);
    border-color: rgba(253, 197, 0, 0.6);
    color: var(--cf-paper);
}
.cf-p-coaching .jp-question { font-weight: 300 !important; letter-spacing: -0.015em; }
.cf-p-coaching .jp-panel-icon { background: transparent; color: var(--cf-gold); box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.5); }

/* --- Sekcje: rytm teł ------------------------------------------------ */
.cf-p-coaching .jp-insight { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-p-coaching .jp-partner { background: var(--cf-canvas-warm); --cf-bg: var(--cf-canvas-warm); }
.cf-p-coaching .jp-who     { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-p-coaching .jp-process { background: var(--cf-canvas-warm); --cf-bg: var(--cf-canvas-warm); }
.cf-p-coaching .jp-results { background: #fff; --cf-bg: #fff; }
.cf-p-coaching .jp-h2 { margin-bottom: 26px; }
.cf-p-coaching .jp-h2--results { font-size: clamp(1.6rem, 2.8vw, 2.3rem); }

/* --- Zdjęcia: złota rama zamiast kolorowego bloku -------------------- */
.cf-p-coaching .jp-visual-block,
.cf-p-coaching .jp-visual--left .jp-visual-block {
    background: none;
    border: 1px solid rgba(253, 197, 0, 0.65);
}
.cf-p-coaching .jp-visual-frame { display: none; }
.cf-p-coaching .jp-photo { box-shadow: none; }
.cf-p-coaching .jp-photo-quote {
    border-left: 2px solid var(--cf-gold);
    box-shadow: 0 30px 60px -30px rgba(13, 17, 36, 0.45);
}
.cf-p-coaching .jp-photo-quote p { font-weight: 300 !important; font-size: 1.04rem !important; }
.cf-p-coaching .jp-not { background: var(--cf-ink); border: 1px solid var(--cf-hairline); }
.cf-p-coaching .jp-not-label { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.24em; }
.cf-p-coaching .jp-not-item { font-weight: 300; }

/* --- Partnerstwo: role i odnośniki ----------------------------------- */
.cf-p-coaching .jp-role { border-top-width: 2px; }
.cf-p-coaching .jp-role span { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.22em; }
.cf-p-coaching .jp-role b { font-weight: 500; }
.cf-p-coaching .jp-roles > i { background: transparent; color: var(--cf-gold-deep); box-shadow: inset 0 0 0 1px rgba(184, 138, 0, 0.6); }
.cf-p-coaching .jp-link-card > i:first-child { background: transparent; box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-p-coaching .jp-link-card b { font-weight: 600; }
.cf-p-coaching .jp-link-card:hover { box-shadow: 0 24px 50px -28px rgba(15, 18, 25, 0.4); border-color: rgba(15, 18, 25, 0.16); }

/* --- Dla kogo --------------------------------------------------------- */
.cf-p-coaching .jp-who-extra { border-left-width: 2px; color: var(--cf-text-soft); }
.cf-p-coaching .jp-who-sub { font-weight: 500; letter-spacing: -0.01em; }
.cf-p-coaching .jp-who-photo { box-shadow: none; }
.cf-p-coaching .jp-who-photo::after { height: 2px; background: var(--cf-gold); }
.cf-p-coaching .jp-who-grid li { box-shadow: none; border-color: var(--cf-line-soft); }
.cf-p-coaching .jp-who-grid li i {
    background: transparent;
    color: var(--cf-violet);
    box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35);
}
.cf-p-coaching .jp-who-grid li:nth-child(even) i { background: transparent; color: var(--cf-blue); box-shadow: inset 0 0 0 1px rgba(0, 71, 171, 0.35); }
.cf-p-coaching .jp-who-grid li:hover { border-color: rgba(15, 18, 25, 0.14); box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.38); }
.cf-p-coaching .jp-who-grid li:hover i { background: var(--cf-ink); color: var(--cf-gold); box-shadow: none; }

/* --- Fundament: ciemny cytat ----------------------------------------- */
.cf-p-coaching .jp-fundament { padding: clamp(100px, 12vw, 150px) 0; }
.cf-p-coaching .jp-fundament > .cf-echo { left: 50%; margin-left: calc(-0.5 * clamp(520px, 56vw, 860px)); }
.cf-p-coaching .jp-fundament-quote {
    font-weight: 200;
    font-size: clamp(1.7rem, 3.4vw, 2.7rem) !important;
    line-height: 1.32 !important;
    letter-spacing: -0.025em;
    color: var(--cf-paper);
}
.cf-p-coaching .jp-fundament-quote::before { font-family: var(--font-head); font-weight: 200; font-size: 5rem; }

/* --- Proces ----------------------------------------------------------- */
.cf-p-coaching .jp-steps-big::before { width: 1px; background: linear-gradient(to bottom, rgba(184, 138, 0, 0.7), rgba(15, 18, 25, 0.12)); }
.cf-p-coaching .jp-step-num,
.cf-p-coaching .jp-step:nth-child(2) .jp-step-num,
.cf-p-coaching .jp-step:nth-child(3) .jp-step-num {
    background: var(--cf-canvas-warm);
    border: 1px solid rgba(184, 138, 0, 0.7);
    color: var(--color-dark);
    font-weight: 200;
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    box-shadow: 0 0 0 8px var(--cf-canvas-warm);
}
.cf-p-coaching .jp-step--last .jp-step-num,
.cf-p-coaching .jp-step:hover .jp-step-num { background: var(--cf-ink); border-color: var(--cf-ink); color: var(--cf-gold); }
.cf-p-coaching .jp-step-card { box-shadow: none; border-color: var(--cf-line-soft); }
.cf-p-coaching .jp-step:hover .jp-step-card { box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.38); }
.cf-p-coaching .jp-step-meta { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.22em; color: var(--cf-violet); }
.cf-p-coaching .jp-step-main h3 { font-weight: 300; font-size: clamp(1.4rem, 2vw, 1.7rem); letter-spacing: -0.02em; }
.cf-p-coaching .jp-step-main p { opacity: 1; }
.cf-p-coaching .jp-step-list { background: var(--cf-canvas); border-left-width: 2px; }
.cf-p-coaching .jp-step-list li { color: var(--cf-text-soft); }
.cf-p-coaching .jp-step-list li::before {
    content: '';
    left: 3px;
    top: 0.6em;
    width: 7px;
    height: 7px;
    box-shadow: inset 0 0 0 1.5px var(--cf-violet);
    transform: rotate(45deg);
}

/* --- Rezultaty -------------------------------------------------------- */
.cf-p-coaching .jp-results-grid li { font-weight: 400; border-color: var(--cf-line-soft); letter-spacing: -0.005em; }
.cf-p-coaching .jp-results-grid li::after { height: 2px; background: var(--cf-gold); }
.cf-p-coaching .jp-results-grid li i {
    width: 44px;
    height: 44px;
    background: transparent;
    color: var(--cf-violet);
    box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35);
}
.cf-p-coaching .jp-results-grid li:nth-child(3n+2) i { background: transparent; color: var(--cf-blue); box-shadow: inset 0 0 0 1px rgba(0, 71, 171, 0.35); }
.cf-p-coaching .jp-results-grid li:nth-child(3n) i { background: transparent; color: var(--cf-gold-deep); box-shadow: inset 0 0 0 1px rgba(184, 138, 0, 0.5); }

/* --- Domknięcie ------------------------------------------------------- */
.cf-p-coaching .jp-cta { padding: clamp(100px, 12vw, 150px) 0; }
.cf-p-coaching .jp-cta-bg { display: none; }
.cf-p-coaching .jp-cta-points li { background: transparent; border-color: var(--cf-hairline); color: var(--cf-muted); font-weight: 500; }
.cf-p-coaching .jp-cta .jp-cta-btn { border: 0; }

/* =====================================================================
   WSPÓLNE · „Czy to temat na coaching” (.mf-pains — oferta i typy coachingu)
   ===================================================================== */

.cf-site .mf-pains {
    padding: clamp(80px, 10vw, 120px) 0;
    background: var(--cf-canvas-warm);
    border-top: 0;
    border-image: none;
    --cf-bg: var(--cf-canvas-warm);
}
.cf-site .mf-pains-head { max-width: 900px; margin-bottom: clamp(40px, 5vw, 60px); }
.cf-site .mf-pains-head h2 { font-size: clamp(1.9rem, 3.4vw, 2.9rem); line-height: 1.16; }
.cf-site main .mf-pains-head > p { color: var(--cf-text-soft); }
.cf-site .mf-pains-grid { gap: clamp(12px, 1.4vw, 18px); background: none; box-shadow: none; }
.cf-site .mf-pain {
    border: 1px solid var(--cf-line-soft);
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease), border-color 0.55s var(--cf-ease);
}
.cf-site .mf-pain::before {
    font-weight: 200;
    font-size: 3.6rem;
    letter-spacing: -0.05em;
    color: rgba(184, 138, 0, 0.32);
}
.cf-site .mf-pain::after { height: 2px; background: var(--cf-gold); }
.cf-site .mf-pain:hover {
    background: #fff;
    border-color: rgba(15, 18, 25, 0.14);
    transform: translateY(-5px);
    box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.38);
}
.cf-site .mf-pain:hover::before { color: var(--cf-gold-deep); }
.cf-site main .mf-pain p { font-weight: 300; font-size: 1.02rem !important; letter-spacing: -0.005em; }
.cf-site main .mf-pains-end { color: var(--cf-text-soft); }


/* =====================================================================
   PODSTRONY · OFERTA (oferta.php, klasy .of-*)
   ===================================================================== */

/* --- Scena ------------------------------------------------------------ */
.cf-p-oferta .offer-hero.of-hero { padding-top: clamp(140px, 17vh, 180px); padding-bottom: clamp(90px, 11vh, 120px); }
.cf-p-oferta .of-hero .of-hero-title { font-size: clamp(2.5rem, 4.6vw, 4rem); }
.cf-p-oferta .of-hero-facts li {
    background: transparent;
    border: 1px solid var(--cf-hairline);
    color: var(--cf-muted);
    font-weight: 500;
    font-size: 0.74rem !important;
    letter-spacing: 0.08em;
    box-shadow: none;
}
.cf-p-oferta .of-hero-facts i { color: var(--cf-gold); }
.cf-p-oferta .of-fan-card { border: 1px solid rgba(255, 255, 255, 0.5); }
.cf-p-oferta .of-fan-card i { background: transparent; box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-p-oferta .of-fan-card b { font-weight: 600; }
.cf-p-oferta .of-fan-card.is-featured {
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 32, 196, 0.5), transparent 60%),
        var(--cf-ink-deep);
    border-color: rgba(253, 197, 0, 0.6);
}
.cf-p-oferta .of-fan-card.is-featured i { background: transparent; box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.5); }
.cf-p-oferta .of-fan-hint { color: var(--cf-muted); font-weight: 600; letter-spacing: 0.2em; }
.cf-p-oferta .of-fan-hint i { color: var(--cf-gold); }

/* --- Rytm teł --------------------------------------------------------- */
.cf-p-oferta .of-areas     { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-p-oferta .of-pricing   { background: #fff; --cf-bg: #fff; }
.cf-p-oferta .of-pricing-bg { display: none; }
.cf-p-oferta .of-b2b-sec,
.cf-p-oferta .of-process-sec { background: #fff; --cf-bg: #fff; }
.cf-p-oferta .of-faq-sec   { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-p-oferta .of-h2 { margin-bottom: 18px; }
.cf-p-oferta main .of-head-lead,
.cf-p-oferta main .of-head-note { color: var(--cf-text-soft); }

/* --- Obszary (karty ze zdjęciem) -------------------------------------- */
.cf-p-oferta .of-area strong { font-weight: 600; letter-spacing: -0.01em; }
.cf-p-oferta .of-area-sub { font-size: 0.58rem; font-weight: 600; letter-spacing: 0.22em; }
.cf-p-oferta .of-area-icon { background: transparent; box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.6); color: var(--cf-gold); }
.cf-p-oferta .of-area-more { font-size: 0.62rem; letter-spacing: 0.2em; }
.cf-p-oferta .of-first {
    background: #fff;
    border: 1px solid var(--cf-line-soft);
    border-left: 2px solid var(--cf-gold);
    box-shadow: 0 30px 60px -40px rgba(15, 18, 25, 0.3);
}
.cf-p-oferta .of-first::before { display: none; }
.cf-p-oferta .of-first-badge { background: transparent; padding: 0 0 5px; border-bottom: 1px solid rgba(184, 138, 0, 0.6); font-size: 0.58rem; letter-spacing: 0.22em; color: var(--cf-gold-deep); }
.cf-p-oferta .of-first-title { font-weight: 300; font-size: clamp(1.4rem, 2.2vw, 1.8rem); letter-spacing: -0.02em; }

/* --- Cennik ----------------------------------------------------------- */
.cf-p-oferta .of-plans { align-items: stretch; gap: clamp(18px, 2vw, 28px); }
.cf-p-oferta .of-plan {
    border: 1px solid var(--cf-line-soft);
    box-shadow: none;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease);
}
.cf-p-oferta .of-plan:hover { transform: translateY(-6px); box-shadow: 0 34px 70px -36px rgba(15, 18, 25, 0.38); }
.cf-p-oferta .of-plan-icon { background: transparent; box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); width: 46px; height: 46px; font-size: 1.05rem; }
.cf-p-oferta .of-plan-badge {
    background: transparent;
    padding: 0 0 5px;
    border-bottom: 1px solid rgba(184, 138, 0, 0.6);
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    color: var(--cf-gold-deep);
}
.cf-p-oferta .of-plan h3 { font-weight: 600; font-size: 1.3rem; letter-spacing: -0.01em; }
.cf-p-oferta main .of-plan-desc { color: var(--cf-text-soft); }
.cf-p-oferta .of-plan-price { border-color: var(--cf-line-soft); }
.cf-p-oferta .of-plan-amount { font-weight: 200; font-size: clamp(2.8rem, 3.6vw, 3.4rem); letter-spacing: -0.045em; }
.cf-p-oferta .of-plan-amount span { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.18em; }
.cf-p-oferta .of-plan-promo { background: transparent; color: #c0123c; padding: 0; font-size: 0.6rem; letter-spacing: 0.2em; }
.cf-p-oferta .of-plan-form i { background: transparent; box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.45); }
.cf-p-oferta .of-plan-form b { font-weight: 600; }
.cf-p-oferta .of-plan-btn {
    padding: 17px 20px;
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(15, 18, 25, 0.32);
    color: var(--color-dark);
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    transition: background 0.45s var(--cf-ease), color 0.45s var(--cf-ease), box-shadow 0.45s var(--cf-ease);
}
.cf-p-oferta .of-plan-btn:hover { background: var(--cf-ink); color: var(--cf-paper); box-shadow: inset 0 0 0 1px var(--cf-ink); }
.cf-p-oferta .of-plan-list li::before {
    content: '';
    left: 3px;
    top: 0.6em;
    width: 7px;
    height: 7px;
    box-shadow: inset 0 0 0 1.5px var(--cf-violet);
    transform: rotate(45deg);
}
.cf-p-oferta .of-plan-list li { color: var(--cf-text-soft); }
.cf-p-oferta main .of-plan-note { color: var(--cf-text-soft); border-top-style: solid; border-top-color: var(--cf-line-soft); }

/* Wyróżniony pakiet: grafit z poświatą, bez powiększania */
.cf-p-oferta .of-plan--featured,
.cf-p-oferta .of-plan--featured:hover {
    transform: none;
    background:
        radial-gradient(120% 70% at 50% 120%, rgba(168, 85, 247, 0.34), transparent 66%),
        radial-gradient(90% 50% at 100% 0%, rgba(0, 81, 210, 0.26), transparent 70%),
        var(--cf-ink);
    box-shadow: 0 40px 80px -40px rgba(13, 17, 36, 0.7), 0 0 0 1px rgba(253, 197, 0, 0.35);
}
.cf-p-oferta .of-plan--featured:hover { transform: translateY(-6px); }
.cf-p-oferta .of-plan-ribbon { padding: 8px 16px; font-size: 0.58rem; letter-spacing: 0.22em; box-shadow: none; }
.cf-p-oferta .of-plan--featured .of-plan-icon { background: transparent; color: var(--cf-gold); box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.45); }
.cf-p-oferta .of-plan--featured .of-plan-badge { background: transparent; color: var(--cf-gold); border-bottom-color: rgba(253, 197, 0, 0.5); }
.cf-p-oferta .of-plan--featured .of-plan-form i { background: transparent; box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.45); }
.cf-p-oferta main .of-plan--featured .of-plan-desc,
.cf-p-oferta main .of-plan--featured .of-plan-note,
.cf-p-oferta .of-plan--featured .of-plan-list li { color: var(--cf-muted); }
.cf-p-oferta .of-plan--featured .of-plan-list li::before { box-shadow: inset 0 0 0 1.5px var(--cf-gold); }
.cf-p-oferta .of-plan--featured .of-plan-btn { background: var(--cf-gold); color: var(--cf-ink); box-shadow: 0 16px 40px -14px rgba(253, 197, 0, 0.55); }
.cf-p-oferta .of-plan--featured .of-plan-btn:hover { background: var(--cf-paper); color: var(--cf-ink); }

.cf-p-oferta .of-help { background: var(--cf-canvas); border-color: var(--cf-line-soft); border-left: 2px solid var(--cf-gold); }
.cf-p-oferta .of-help-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-p-oferta .of-help-text b { font-weight: 600; }

/* --- Dla firm --------------------------------------------------------- */
.cf-p-oferta .of-b2b {
    background: var(--cf-glow), var(--cf-ink);
    box-shadow: 0 50px 90px -60px rgba(13, 17, 36, 0.7);
}
.cf-p-oferta .of-b2b-text h3 { font-weight: 300; letter-spacing: -0.025em; color: var(--cf-paper); }
.cf-p-oferta .of-b2b-text h3 strong { font-weight: 500; color: var(--cf-gold); }
.cf-p-oferta main .of-b2b-text p { color: var(--cf-muted); font-weight: 300; }
.cf-p-oferta .of-b2b-tags li { font-weight: 500; font-size: 0.72rem !important; letter-spacing: 0.06em; border-color: rgba(253, 197, 0, 0.35); }
.cf-p-oferta main .of-b2b-text .of-b2b-final { border-left-width: 2px; font-weight: 400; color: var(--cf-paper); }
.cf-p-oferta .of-b2b-link { font-size: 0.72rem; letter-spacing: 0.16em; }
.cf-p-oferta .of-b2b-badge { background: rgba(8, 11, 24, 0.82); border: 1px solid var(--cf-hairline); font-weight: 500; }

/* --- Baner procesu ---------------------------------------------------- */
.cf-p-oferta .of-process {
    background: var(--cf-canvas);
    border: 1px solid var(--cf-line-soft);
    border-left: 2px solid var(--cf-gold);
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease);
}
.cf-p-oferta .of-process:hover { box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.38); }
.cf-p-oferta .of-process-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-p-oferta .of-process-text b { font-weight: 300; font-size: 1.45rem; letter-spacing: -0.02em; }
.cf-p-oferta .of-process-arrow { border: 0; box-shadow: inset 0 0 0 1px rgba(15, 18, 25, 0.3); color: var(--color-dark); }
.cf-p-oferta .of-process:hover .of-process-arrow { background: var(--cf-ink); color: var(--cf-gold); box-shadow: none; }

/* --- Pytania ---------------------------------------------------------- */
.cf-p-oferta .of-faq-item { border-color: var(--cf-line-soft); }
.cf-p-oferta .of-faq-item[open] { border-color: rgba(15, 18, 25, 0.14); box-shadow: 0 24px 50px -34px rgba(15, 18, 25, 0.35); }
.cf-p-oferta main .of-faq-item summary { font-weight: 400; }
.cf-p-oferta .of-faq-item summary::after,
.cf-p-oferta .of-faq-item[open] summary::after {
    content: '';
    width: 14px;
    height: 14px;
    background:
        linear-gradient(var(--cf-gold-deep), var(--cf-gold-deep)) center / 14px 1.5px no-repeat,
        linear-gradient(var(--cf-gold-deep), var(--cf-gold-deep)) center / 1.5px 14px no-repeat;
    transition: transform 0.45s var(--cf-ease);
}
.cf-p-oferta .of-faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.cf-p-oferta .of-faq-item[open] summary { color: var(--cf-violet); }
.cf-p-oferta .of-faq-answer { color: var(--cf-text-soft); }

/* --- Domknięcie ------------------------------------------------------- */
.cf-p-oferta .of-cta { padding: clamp(100px, 12vw, 150px) 0; }
.cf-p-oferta .of-cta-bg { display: none; }
.cf-p-oferta .of-cta .cf-echo { left: 50%; margin-left: calc(-0.5 * clamp(520px, 56vw, 860px)); }
.cf-p-oferta .of-cta .of-cta-btn { border: 0; }

/* =====================================================================
   PODSTRONY · O MNIE (o-mnie.php, klasy .om-*, manifest i filary)
   ===================================================================== */

/* --- Scena ------------------------------------------------------------ */
.cf-p-o-mnie .om-hero { padding-top: clamp(140px, 17vh, 180px); padding-bottom: clamp(140px, 16vh, 170px); }
.cf-p-o-mnie .om-hero-title { font-size: clamp(2.5rem, 4.6vw, 4rem); }
.cf-p-o-mnie .om-roles li { color: var(--cf-muted); font-weight: 500; letter-spacing: 0.2em; }
.cf-p-o-mnie .om-roles li + li::before { background: var(--cf-gold); }
.cf-p-o-mnie main .om-lead { color: var(--cf-muted); font-weight: 300; }
.cf-p-o-mnie .om-hero-block { background: none; border: 1px solid rgba(253, 197, 0, 0.65); }
.cf-p-o-mnie .om-hero-frame { display: none; }
.cf-p-o-mnie .om-hero-photo { box-shadow: none; }
.cf-p-o-mnie .om-hero-badge { background: rgba(8, 11, 24, 0.86); border: 1px solid rgba(253, 197, 0, 0.4); }
.cf-p-o-mnie .om-hero-quote { border-left: 2px solid var(--cf-gold); }
.cf-p-o-mnie .om-hero-quote span { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.22em; }
.cf-p-o-mnie .om-hero-quote p { font-weight: 300 !important; }

/* --- Pas faktów (nachodzi na scenę) ----------------------------------- */
.cf-p-o-mnie .om-facts-grid { border-color: var(--cf-line-soft); box-shadow: 0 40px 80px -50px rgba(13, 17, 36, 0.6); }
.cf-p-o-mnie .om-fact::before,
.cf-p-o-mnie .om-fact:nth-child(n)::before { height: 2px; background: var(--cf-gold); }
.cf-p-o-mnie .om-fact-num { font-weight: 200; font-size: 2.8rem; letter-spacing: -0.04em; }
.cf-p-o-mnie .om-fact-num i { font-size: 1.5rem; color: var(--cf-violet); }
.cf-p-o-mnie .om-fact > span { color: var(--cf-text-soft); }

/* --- Dziś ------------------------------------------------------------- */
.cf-p-o-mnie .om-today { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-p-o-mnie .om-areas { background: #fff; border-color: var(--cf-line-soft); border-top: 2px solid var(--cf-gold); }
.cf-p-o-mnie .om-areas-label { font-size: 0.62rem; font-weight: 600; letter-spacing: 0.24em; color: var(--cf-violet); }
.cf-p-o-mnie .om-areas-grid li { font-weight: 500; border-color: var(--cf-line-soft); background: var(--cf-canvas); }
.cf-p-o-mnie .om-areas-grid li i,
.cf-p-o-mnie .om-areas-grid li:nth-child(even) i { background: transparent; box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.3); }
.cf-p-o-mnie .om-areas-grid li:nth-child(even) i { box-shadow: inset 0 0 0 1px rgba(0, 71, 171, 0.3); }
.cf-p-o-mnie .om-areas-grid li.om-areas-center { background: var(--cf-ink); color: var(--cf-paper); }
.cf-p-o-mnie .om-areas-grid li.om-areas-center i { background: transparent; box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.5); }
.cf-p-o-mnie .om-callout {
    background: #fff;
    border: 1px solid var(--cf-line-soft);
    border-left: 2px solid var(--cf-gold);
    border-image: none;
}
.cf-p-o-mnie main .om-callout p {
    font-family: var(--font-head);
    font-weight: 300;
    font-size: clamp(1.08rem, 1.4vw, 1.24rem) !important;
    line-height: 1.7 !important;
    letter-spacing: -0.01em;
    color: var(--color-dark);
}

/* --- Moja droga (ciemna) ---------------------------------------------- */
.cf-p-o-mnie .om-journey { padding: clamp(100px, 11vw, 140px) 0; }
.cf-p-o-mnie main .om-journey-intro { color: var(--cf-muted); font-weight: 300; }
.cf-p-o-mnie .om-stop { background: rgba(246, 244, 239, 0.035); border: 1px solid var(--cf-hairline); }
.cf-p-o-mnie .om-stop::before { height: 2px; background: var(--cf-gold); }
.cf-p-o-mnie .om-stop-icon { background: transparent; box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.45); }
.cf-p-o-mnie .om-stop-num { font-weight: 200; }
.cf-p-o-mnie .om-stop--now { background: linear-gradient(145deg, rgba(124, 32, 196, 0.28), rgba(0, 81, 210, 0.18)); }
.cf-p-o-mnie .om-stop--now::before { background: var(--cf-gold); }
.cf-p-o-mnie .om-stop-meta { font-size: 0.58rem; font-weight: 600; letter-spacing: 0.22em; }
.cf-p-o-mnie .om-stop h3 { font-weight: 300; font-size: 1.5rem; letter-spacing: -0.02em; }
.cf-p-o-mnie main .om-stop p { color: var(--cf-muted); font-weight: 300; }
.cf-p-o-mnie .om-journey-close { border-left-width: 2px; background: rgba(246, 244, 239, 0.04); }
.cf-p-o-mnie main .om-journey-close p { color: var(--cf-muted); font-weight: 300; }

/* --- Most: „wiem, czego chcę” → „podejmuję decyzję” ------------------- */
.cf-p-o-mnie .om-bridge { background: #fff; --cf-bg: #fff; }
.cf-p-o-mnie main .om-bridge-lead { font-family: var(--font-head); font-weight: 300; color: var(--cf-text-soft); }
.cf-p-o-mnie .om-bridge-end { font-weight: 300; background: var(--cf-canvas); border-color: var(--cf-line-soft); letter-spacing: -0.01em; }
.cf-p-o-mnie .om-bridge-end--to { background: var(--cf-glow), var(--cf-ink); color: var(--cf-paper); font-weight: 500; }
.cf-p-o-mnie .om-bridge-path { background: repeating-linear-gradient(90deg, rgba(184, 138, 0, 0.7) 0 8px, transparent 8px 14px); }

/* --- Wartości ---------------------------------------------------------- */
.cf-p-o-mnie .om-values { background: #fff; --cf-bg: #fff; }
.cf-p-o-mnie .om-value-card { border-color: var(--cf-line-soft); }
.cf-p-o-mnie .om-value-card::before { height: 2px; background: var(--cf-gold); }
.cf-p-o-mnie .om-value-icon { background: transparent; box-shadow: inset 0 0 0 1px rgba(0, 71, 171, 0.35); }
.cf-p-o-mnie .om-value-card h3 { font-weight: 300; font-size: 1.5rem; letter-spacing: -0.02em; }
.cf-p-o-mnie .om-value-card--dark { background: var(--cf-glow), var(--cf-ink); }
.cf-p-o-mnie .om-value-card--dark .om-value-icon { background: transparent; box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.45); }
.cf-p-o-mnie main .om-value-card--dark p { color: var(--cf-muted); }
.cf-p-o-mnie .om-value-chips li { font-weight: 500; }

/* --- Manifest --------------------------------------------------------- */
.cf-p-o-mnie .manifest-bg-light { background: var(--cf-canvas); }
.cf-p-o-mnie .manifest-bg-white { background: #fff; }
.cf-p-o-mnie .manifest-content p { color: var(--cf-text-soft); font-size: var(--mf-text, 1.0625rem); }
.cf-p-o-mnie .manifest-content strong,
.cf-p-o-mnie .manifest-content b { color: var(--color-dark); }
.cf-p-o-mnie .manifest-image { position: relative; isolation: isolate; }
.cf-p-o-mnie .manifest-image::after {
    content: '';
    position: absolute;
    inset: 20px -20px -20px 20px;
    z-index: -1;
    border: 1px solid rgba(253, 197, 0, 0.65);
}
.cf-p-o-mnie .manifest-image img { box-shadow: none; }
.cf-p-o-mnie .manifest-card-glass {
    background: #fff;
    border: 1px solid var(--cf-line-soft);
    box-shadow: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
}
.cf-p-o-mnie .manifest-card-glass::before { width: 2px; background: var(--cf-gold); top: 0; bottom: 0; }
.cf-p-o-mnie .manifest-card-deep { background: var(--cf-glow), var(--cf-ink); border-color: var(--cf-ink); box-shadow: 0 40px 80px -50px rgba(13, 17, 36, 0.7); }
.cf-p-o-mnie .manifest-title { font-weight: 300; font-size: clamp(1.3rem, 1.9vw, 1.6rem); letter-spacing: -0.02em; color: var(--color-dark); }
.cf-p-o-mnie .manifest-card-deep .manifest-title { color: var(--cf-paper); }
.cf-p-o-mnie .manifest-item { color: var(--cf-text-soft); }
.cf-p-o-mnie .manifest-card-deep .manifest-item { color: var(--cf-muted); }
.cf-p-o-mnie .manifest-item .item-icon i { display: none; }
.cf-p-o-mnie .manifest-item .item-icon::before {
    content: '';
    width: 7px;
    height: 7px;
    box-shadow: inset 0 0 0 1.5px var(--cf-violet);
    transform: rotate(45deg);
}
.cf-p-o-mnie .manifest-card-deep .item-icon::before { box-shadow: inset 0 0 0 1.5px var(--cf-gold); }
.cf-p-o-mnie .manifest-footer-text { color: var(--cf-muted); }
.cf-p-o-mnie .visionary-quote-wrapper {
    background: var(--cf-canvas);
    border: 0;
    border-top: 1px solid var(--cf-line);
    border-bottom: 1px solid var(--cf-line);
    box-shadow: none;
}
.cf-p-o-mnie .visionary-quote-wrapper::before { display: none; }
.cf-p-o-mnie .quote-brand { font-weight: 300; font-style: italic; color: var(--cf-violet); letter-spacing: -0.02em; }
.cf-p-o-mnie main .quote-content { font-family: var(--font-head); font-weight: 300; color: var(--color-dark); }
.cf-p-o-mnie .quote-line { background: var(--cf-gold); height: 1px; }

/* --- 10 filarów -------------------------------------------------------- */
.cf-p-o-mnie .pillars-section { background: var(--cf-canvas-warm); padding: clamp(80px, 9vw, 120px) 0; }
.cf-p-o-mnie .pillar-vision-card { border: 1px solid var(--cf-line-soft); border-left: 1px solid var(--cf-line-soft); box-shadow: none; }
.cf-p-o-mnie .pillar-vision-card::before { width: 2px; background: var(--cf-gold); }
.cf-p-o-mnie .pillar-vision-card:hover { box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.38); }
.cf-p-o-mnie .vision-badge {
    background: transparent;
    border: 0;
    box-shadow: none;
    font-weight: 200;
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: var(--cf-gold-deep);
}
.cf-p-o-mnie .pillar-vision-card:hover .vision-badge { background: transparent; color: var(--cf-violet); }
.cf-p-o-mnie .pillar-vision-card h3 { color: var(--color-dark); font-weight: 600; }
.cf-p-o-mnie .pillar-vision-card p { color: var(--cf-text-soft); }

/* --- Domknięcie -------------------------------------------------------- */
.cf-p-o-mnie .cta-final-vision { padding: clamp(100px, 12vw, 150px) 20px; }
.cf-p-o-mnie .cta-final-vision > .cf-echo { left: 50%; margin-left: calc(-0.5 * clamp(520px, 56vw, 860px)); }
.cf-p-o-mnie .btn-white-glow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 34px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--cf-paper);
    box-shadow: inset 0 0 0 1px rgba(246, 244, 239, 0.4);
    font-family: var(--font-head);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    transition: background 0.45s var(--cf-ease), color 0.45s var(--cf-ease), box-shadow 0.45s var(--cf-ease), transform 0.45s var(--cf-ease);
}
.cf-p-o-mnie .btn-white-glow:first-child { background: var(--cf-gold); color: var(--cf-ink); box-shadow: 0 16px 40px -14px rgba(253, 197, 0, 0.55); }
.cf-p-o-mnie .btn-white-glow:hover { transform: translateY(-2px); color: var(--cf-gold); box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.7); }
.cf-p-o-mnie .btn-white-glow:first-child:hover { background: var(--cf-paper); color: var(--cf-ink); }

/* =====================================================================
   PODSTRONY · BLOG (blog.php, klasy .bh-*, .featured-post, .b-card)
   ===================================================================== */

/* --- Scena ------------------------------------------------------------ */
.cf-p-blog .blog-hero.bh { padding-top: clamp(140px, 17vh, 180px); }
.cf-p-blog .blog-hero.bh .bh-title { font-size: clamp(2.6rem, 5vw, 4.4rem); }
.cf-p-blog .bh-meta li {
    background: transparent;
    border: 1px solid var(--cf-hairline);
    color: var(--cf-muted);
    box-shadow: none;
}
.cf-p-blog .bh-meta i { color: var(--cf-gold); }
.cf-p-blog .bh-meta b { color: var(--cf-paper); }
.cf-p-blog .bh-mark { font-weight: 200; -webkit-text-stroke: 1px rgba(253, 197, 0, 0.22); }
.cf-p-blog .bh-q { font-weight: 400; letter-spacing: -0.01em; box-shadow: 0 24px 50px -24px rgba(0, 0, 0, 0.6); }
.cf-p-blog .bh-q::before { width: 2px; }
.cf-p-blog .bh-q--2 { background: rgba(8, 11, 24, 0.9); border: 1px solid rgba(253, 197, 0, 0.4); }
.cf-p-blog .bh-q--3 { background: var(--cf-glow), var(--cf-ink); border: 1px solid var(--cf-hairline); }
/* Zakładki tematów na ciemnym tle */
.cf-p-blog .bh-tabs { border-top: 1px solid var(--cf-hairline); }
.cf-p-blog .bh-tabs .cat-link {
    color: var(--cf-muted);
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.2em;
}
.cf-p-blog .bh-tabs .cat-link::after { background: var(--cf-gold); height: 1px; }
.cf-p-blog .bh-tabs .cat-link:hover { color: var(--cf-paper); }
.cf-p-blog .bh-tabs .cat-link.active { color: var(--cf-gold); }

/* --- Wyróżniony wpis --------------------------------------------------- */
.cf-p-blog main .section { background: var(--cf-canvas) !important; }
.cf-p-blog .featured-post {
    border: 1px solid var(--cf-line-soft);
    box-shadow: none;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease);
}
.cf-p-blog .featured-post:hover { transform: translateY(-6px); box-shadow: 0 40px 80px -46px rgba(15, 18, 25, 0.45); }
.cf-p-blog .featured-post .fp-image img,
.cf-p-blog .b-card .b-card-img img { transition: transform 1.2s var(--cf-ease); }
.cf-p-blog .fp-category,
.cf-p-blog .b-category {
    background: var(--cf-ink) !important;
    color: var(--cf-gold) !important;
    border-radius: 0;
    font-family: var(--font-head);
    font-size: 0.58rem !important;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    box-shadow: none;
}
.cf-p-blog .fp-meta,
.cf-p-blog .b-meta { font-family: var(--font-head); font-size: 0.66rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; opacity: 1; color: var(--cf-text-soft); }
.cf-p-blog .fp-meta i { color: var(--cf-gold-deep); }
.cf-p-blog .fp-content h2 { font-size: clamp(1.8rem, 2.8vw, 2.5rem); }
.cf-p-blog main .fp-content p,
.cf-p-blog main .b-card-content p { color: var(--cf-text-soft); }
.cf-p-blog .read-more-btn,
.cf-p-blog .b-link {
    align-self: flex-start;
    padding-bottom: 5px;
    font-family: var(--font-head);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--cf-violet);
    border-bottom: 1px solid rgba(106, 13, 173, 0.3);
    transition: color 0.4s var(--cf-ease), border-color 0.4s var(--cf-ease);
}
.cf-p-blog .featured-post:hover .read-more-btn,
.cf-p-blog .b-card:hover .b-link { color: var(--color-dark); border-bottom-color: var(--cf-gold); }

/* --- Siatka wpisów ----------------------------------------------------- */
.cf-p-blog .blog-list-grid { gap: clamp(18px, 2vw, 28px); }
.cf-p-blog .b-card {
    border: 1px solid var(--cf-line-soft);
    box-shadow: none;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease), border-color 0.55s var(--cf-ease);
}
.cf-p-blog .b-card:hover { transform: translateY(-6px); border-color: rgba(15, 18, 25, 0.14); box-shadow: 0 34px 70px -36px rgba(15, 18, 25, 0.38); }
.cf-p-blog .b-card-content h3 { font-weight: 500; font-size: 1.16rem; letter-spacing: -0.01em; }
.cf-p-blog .pagination-wrapper .page-btn { border-radius: 0; }
.cf-p-blog .pagination-wrapper .page-btn.active { background: var(--cf-ink); border-color: var(--cf-ink); color: var(--cf-gold); }


/* =====================================================================
   PODSTRONY · ARTYKUŁ (blog-single.php)
   Nagłówek wpisu w ciemnej scenie, zdjęcie nachodzi na jej krawędź.
   ===================================================================== */

.cf-p-blog-single .cf-post-hero { padding: clamp(150px, 18vh, 190px) 0 clamp(170px, 18vw, 230px); text-align: center; }
.cf-p-blog-single .cf-post-hero .post-header { max-width: 900px; margin: 0 auto; }
.cf-p-blog-single .post-meta {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    opacity: 1;
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    color: var(--cf-muted-soft);
}
.cf-p-blog-single .post-cat { margin: 0; color: var(--cf-gold); }
.cf-p-blog-single .post-cat::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 1px;
    margin-right: 14px;
    vertical-align: middle;
    background: currentColor;
    opacity: 0.6;
}
.cf-p-blog-single .cf-scene .post-title {
    font-size: clamp(2.3rem, 4.6vw, 3.9rem);
    margin: 22px 0 24px;
    text-wrap: balance;
}
.cf-p-blog-single main .post-lead { max-width: 62ch; margin: 0 auto; font-size: var(--fs-lead, 1.15rem); color: var(--cf-muted); }

.cf-p-blog-single .single-post-container { padding-top: 0; }
.cf-p-blog-single .post-main-image {
    position: relative;
    z-index: 3;
    margin-top: calc(-1 * clamp(120px, 13vw, 170px));
    border: 0;
    box-shadow: 0 50px 90px -50px rgba(5, 7, 16, 0.7);
    overflow: visible;
}
.cf-p-blog-single .post-main-image::after {
    content: '';
    position: absolute;
    inset: 20px -20px -20px 20px;
    z-index: -1;
    border: 1px solid rgba(253, 197, 0, 0.65);
}

/* Treść artykułu: typografia marki */
.cf-p-blog-single .post-content h2 {
    font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    font-weight: 300;
    letter-spacing: -0.02em;
    margin: 2.2em 0 0.7em;
}
.cf-p-blog-single .post-content h3 { font-weight: 600; font-size: 1.2rem; margin: 1.8em 0 0.6em; }
.cf-p-blog-single .post-content p,
.cf-p-blog-single .post-content li { color: var(--cf-text-soft); line-height: 1.8 !important; }
.cf-p-blog-single .post-content a { color: var(--cf-violet); border-bottom: 1px solid rgba(106, 13, 173, 0.3); }
.cf-p-blog-single .post-content blockquote {
    margin: 2em 0;
    padding: 4px 0 4px 26px;
    border-left: 2px solid var(--cf-gold);
    background: none;
    font-family: var(--font-head);
    font-style: normal;
    font-weight: 300;
    font-size: clamp(1.2rem, 1.9vw, 1.5rem) !important;
    line-height: 1.5 !important;
    letter-spacing: -0.015em;
    color: var(--color-dark);
}
.cf-p-blog-single .post-content ul li::marker { color: var(--cf-gold-deep); }
.cf-p-blog-single .post-footer { border-top-color: var(--cf-line); }

/* =====================================================================
   PODSTRONY · FAQ (faq.php, klasy .fq-*)
   ===================================================================== */

/* --- Scena ------------------------------------------------------------ */
.cf-p-faq .faq-hero.fq-hero { padding-top: clamp(140px, 17vh, 180px); padding-bottom: clamp(90px, 11vh, 120px); }
.cf-p-faq .fq-hero .fq-title { font-size: clamp(2.6rem, 5vw, 4.4rem); }
.cf-p-faq main .fq-desc { color: var(--cf-muted); font-weight: 300; }
.cf-p-faq .fq-search input {
    background: rgba(246, 244, 239, 0.06);
    border: 1px solid var(--cf-hairline);
    color: var(--cf-paper);
}
.cf-p-faq .fq-search input::placeholder { color: var(--cf-muted-soft); }
.cf-p-faq .fq-search input:focus { border-color: rgba(253, 197, 0, 0.7); box-shadow: 0 0 0 3px rgba(253, 197, 0, 0.12); }
.cf-p-faq .fq-search i { color: var(--cf-gold); }
.cf-p-faq .fq-search-info { color: var(--cf-gold); }
.cf-p-faq .fq-hero-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 32, 196, 0.42), transparent 55%),
        rgba(8, 11, 24, 0.86);
    border: 1px solid var(--cf-hairline);
    box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.6);
}
.cf-p-faq .fq-hero-card::before {
    content: '';
    position: absolute;
    inset: 20px -20px -20px 20px;
    z-index: -1;
    border: 1px solid rgba(253, 197, 0, 0.55);
}
.cf-p-faq .fq-hero-card-num { font-weight: 200; font-size: 5rem; letter-spacing: -0.05em; }
.cf-p-faq .fq-hero-topics a { font-weight: 400; }

/* --- Lista pytań ------------------------------------------------------- */
.cf-p-faq .fq-sec { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-p-faq .fq-nav { background: #fff; border-color: var(--cf-line-soft); border-top: 2px solid var(--cf-gold); }
.cf-p-faq .fq-nav-title { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.24em; }
.cf-p-faq .fq-nav-link { font-weight: 500; border-left-width: 2px; }
.cf-p-faq .fq-nav-link:hover,
.cf-p-faq .fq-nav-link.is-active { background: var(--cf-canvas); border-left-color: var(--cf-gold); color: var(--color-dark); }
.cf-p-faq .fq-nav-link.is-active b { background: var(--cf-ink); color: var(--cf-gold); }
.cf-p-faq .fq-side-cta { background: var(--cf-glow), var(--cf-ink); border: 1px solid var(--cf-ink); }
.cf-p-faq .fq-group-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-p-faq .fq-group-head h2 { font-weight: 300; font-size: clamp(1.4rem, 2vw, 1.75rem); letter-spacing: -0.02em; }
.cf-p-faq .fq-item { border-color: var(--cf-line-soft); }
.cf-p-faq .fq-item:hover { border-color: rgba(15, 18, 25, 0.16); }
.cf-p-faq .fq-item[open] { border-color: rgba(15, 18, 25, 0.16); border-left: 2px solid var(--cf-gold); box-shadow: 0 24px 50px -34px rgba(15, 18, 25, 0.35); }
.cf-p-faq .fq-q-num { font-weight: 300; }
.cf-p-faq .fq-q { font-weight: 400; letter-spacing: -0.005em; }
.cf-p-faq .fq-item[open] .fq-q { color: var(--cf-violet); }
.cf-p-faq .fq-pm { background: transparent; box-shadow: inset 0 0 0 1px rgba(184, 138, 0, 0.5); }
.cf-p-faq .fq-pm::before,
.cf-p-faq .fq-pm::after { background: var(--cf-gold-deep); }
.cf-p-faq .fq-item[open] .fq-pm { background: var(--cf-ink); }
.cf-p-faq .fq-item[open] .fq-pm::before,
.cf-p-faq .fq-item[open] .fq-pm::after { background: var(--cf-gold); }

/* --- Domknięcie -------------------------------------------------------- */
.cf-p-faq .faq-final-cta.fq-cta { padding: clamp(100px, 12vw, 150px) 20px; }
.cf-p-faq .fq-cta-bg { display: none; }
.cf-p-faq .fq-cta > .cf-echo { left: 50%; margin-left: calc(-0.5 * clamp(520px, 56vw, 860px)); }
.cf-p-faq .fq-cta-btn {
    padding: 18px 34px;
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(246, 244, 239, 0.4);
    font-size: 0.76rem;
    letter-spacing: 0.16em;
    transition: background 0.45s var(--cf-ease), color 0.45s var(--cf-ease), box-shadow 0.45s var(--cf-ease), transform 0.45s var(--cf-ease);
}
.cf-p-faq .fq-cta-btn:hover { background: transparent; color: var(--cf-gold); box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.7); transform: translateY(-2px); }
.cf-p-faq .fq-cta-btn--main { background: var(--cf-gold); color: var(--cf-ink); box-shadow: 0 16px 40px -14px rgba(253, 197, 0, 0.55); }
.cf-p-faq .fq-cta-btn--main:hover { background: var(--cf-paper); color: var(--cf-ink); box-shadow: 0 20px 46px -14px rgba(246, 244, 239, 0.4); }

/* =====================================================================
   PODSTRONY · KONTAKT (kontakt.php, klasy .kt-*)
   ===================================================================== */

/* --- Scena ------------------------------------------------------------ */
.cf-p-kontakt .contact-hero.kt-hero { padding-top: clamp(140px, 17vh, 180px); padding-bottom: clamp(130px, 14vh, 160px); }
.cf-p-kontakt .kt-hero .kt-title { font-size: clamp(3rem, 6vw, 5.4rem); }
.cf-p-kontakt .kt-quick-item {
    background: rgba(246, 244, 239, 0.04);
    border: 1px solid var(--cf-hairline);
    color: var(--cf-paper);
    box-shadow: none;
}
.cf-p-kontakt .kt-quick-item:hover { border-color: rgba(253, 197, 0, 0.55); box-shadow: none; }
.cf-p-kontakt .kt-quick-icon { background: transparent; color: var(--cf-gold); box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.45); }
.cf-p-kontakt .kt-quick-text small { color: var(--cf-muted-soft); font-size: 0.58rem; font-weight: 600; letter-spacing: 0.22em; }
.cf-p-kontakt .kt-quick-text b { color: var(--cf-paper); font-weight: 400; }
/* Główne wejście — złoto */
.cf-p-kontakt .kt-quick-item--main {
    background: var(--cf-gold);
    border-color: var(--cf-gold);
    color: var(--cf-ink);
    box-shadow: 0 20px 44px -20px rgba(253, 197, 0, 0.6);
}
.cf-p-kontakt .kt-quick-item--main:hover { background: var(--cf-paper); border-color: var(--cf-paper); }
.cf-p-kontakt .kt-quick-item--main .kt-quick-icon { color: var(--cf-ink); box-shadow: inset 0 0 0 1px rgba(13, 17, 36, 0.35); }
.cf-p-kontakt .kt-quick-item--main .kt-quick-text small { color: rgba(13, 17, 36, 0.62); }
.cf-p-kontakt .kt-quick-item--main .kt-quick-text b { color: var(--cf-ink); font-weight: 600; }
.cf-p-kontakt .kt-quick-item--main .kt-quick-arrow { color: var(--cf-ink); }
.cf-p-kontakt .kt-visual-block { background: none; border: 1px solid rgba(253, 197, 0, 0.65); }
.cf-p-kontakt .kt-visual-frame { display: none; }
.cf-p-kontakt .kt-photo { box-shadow: none; }
.cf-p-kontakt .kt-photo-badge { border-left: 2px solid var(--cf-gold); }
.cf-p-kontakt .kt-photo-badge b { font-weight: 600; }

/* --- Formularz i panel ------------------------------------------------- */
.cf-p-kontakt .section.kt-main { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-p-kontakt .kt-form-card { border-color: var(--cf-line-soft); box-shadow: 0 50px 90px -56px rgba(13, 17, 36, 0.55); }
.cf-p-kontakt .kt-form-card::before { height: 2px; background: var(--cf-gold); }
.cf-p-kontakt .kt-form-card .form-heading { font-weight: 300; letter-spacing: -0.025em; }
.cf-p-kontakt main .kt-form-lead { color: var(--cf-text-soft); }
.cf-p-kontakt .kt-form-card .form-group label { font-size: 0.62rem; font-weight: 600; letter-spacing: 0.2em; }
.cf-p-kontakt .kt-form-card .form-group input,
.cf-p-kontakt .kt-form-card .form-group textarea { background: var(--cf-canvas); border: 1px solid var(--cf-line); }
.cf-p-kontakt .kt-form-card .form-group input::placeholder,
.cf-p-kontakt .kt-form-card .form-group textarea::placeholder { font-style: normal; }
.cf-p-kontakt .kt-submit { width: 100%; }
.cf-p-kontakt .kt-secure i { color: var(--cf-gold-deep); }
.cf-p-kontakt .sidebar-info.kt-info {
    background: var(--cf-glow), var(--cf-ink);
    border: 1px solid var(--cf-ink);
    box-shadow: 0 50px 90px -56px rgba(13, 17, 36, 0.7);
}
.cf-p-kontakt .kt-info h3 { font-weight: 300; font-size: 1.6rem; letter-spacing: -0.02em; }
.cf-p-kontakt .kt-info-row { border-bottom-color: var(--cf-hairline); }
.cf-p-kontakt .kt-info-icon { background: transparent; box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.45); }
.cf-p-kontakt .info-label { font-size: 0.58rem; font-weight: 600; letter-spacing: 0.22em; }
.cf-p-kontakt .kt-next { background: #fff; border-color: var(--cf-line-soft); border-top: 2px solid var(--cf-gold); }
.cf-p-kontakt .kt-steps::before { width: 1px; background: rgba(184, 138, 0, 0.6); opacity: 1; }
.cf-p-kontakt .kt-steps b { border: 1px solid rgba(184, 138, 0, 0.7); color: var(--color-dark); font-weight: 300; font-size: 0.9rem; }
.cf-p-kontakt .kt-steps li:last-child b { background: var(--cf-ink); border-color: var(--cf-ink); color: var(--cf-gold); }

/* --- Poprawki po przeglądzie podstron ---------------------------------- */

/* Etykiety z wpisanym w HTML display:inline-block (manifest, filary) */
.cf-site main .hero-tag,
.cf-site main .brand-subhead { display: inline-flex !important; }

/* Białe karty w ciemnych scenach — tekst wraca do czerni */
.cf-p-o-mnie .cf-scene .om-hero-quote p { color: var(--color-dark); }

/* FAQ: wyszukiwarka na ciemnym tle */
.cf-p-faq main .fq-search input {
    background: rgba(246, 244, 239, 0.06);
    border: 1px solid var(--cf-hairline);
    color: var(--cf-paper);
}
.cf-p-faq main .fq-search input:focus { border-color: rgba(253, 197, 0, 0.7); box-shadow: 0 0 0 3px rgba(253, 197, 0, 0.12); }

/* Kontakt: przycisk w ciemnym panelu — złoto */
.cf-site.cf-p-kontakt main .kt-info .btn-prism {
    width: 100%;
    background: var(--cf-gold);
    color: var(--cf-ink);
    box-shadow: 0 16px 40px -14px rgba(253, 197, 0, 0.55);
}
.cf-site.cf-p-kontakt main .kt-info .btn-prism:hover { background: var(--cf-paper); color: var(--cf-ink); }

/* =====================================================================
   PODSTRONY · STREFA MUZYKI (muzyka.php, klasy .mz-*)
   ===================================================================== */

.cf-p-muzyka .music-hero.mz-hero { padding-top: clamp(140px, 17vh, 180px); padding-bottom: clamp(90px, 11vh, 120px); }
.cf-p-muzyka .mz-hero .mz-title { font-size: clamp(2.8rem, 5.4vw, 4.8rem); }
.cf-p-muzyka .mz-hero-bg::before { opacity: 0.5; }
.cf-p-muzyka .mz-btn-play,
.cf-p-muzyka .mz-btn-brand {
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    border-radius: 0;
    transition: background 0.45s var(--cf-ease), color 0.45s var(--cf-ease), box-shadow 0.45s var(--cf-ease), transform 0.45s var(--cf-ease);
}
.cf-p-muzyka .mz-btn-brand { background: transparent; border: 0; box-shadow: inset 0 0 0 1px rgba(246, 244, 239, 0.32); }
.cf-p-muzyka .mz-btn-brand:hover { background: transparent; box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.7); }
.cf-p-muzyka .mz-now { border-left: 2px solid var(--cf-gold); }
.cf-p-muzyka .mz-now small { font-size: 0.56rem; letter-spacing: 0.22em; }
.cf-p-muzyka .mz-now-eq i { background: var(--cf-gold-deep); }

.cf-p-muzyka .mz-tracks-sec { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-p-muzyka .mz-stream-sec { background: #fff; --cf-bg: #fff; }
.cf-p-muzyka .mz-back-sec { background: #fff; }
.cf-p-muzyka main .mz-head-lead { color: var(--cf-text-soft); }
.cf-p-muzyka .mz-track { border: 1px solid var(--cf-line-soft); box-shadow: none; }
.cf-p-muzyka .mz-track:hover { box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.38); }
.cf-p-muzyka .mz-track.is-current { border-left: 2px solid var(--cf-gold); }
.cf-p-muzyka .mz-track-num { font-weight: 200; font-size: 1.6rem; letter-spacing: -0.04em; }
.cf-p-muzyka .mz-track-main h3 { font-weight: 500; letter-spacing: -0.01em; }
.cf-p-muzyka .mz-progress span { background: var(--cf-gold); }
.cf-p-muzyka .mz-track-dl {
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(15, 18, 25, 0.32);
    color: var(--color-dark);
    font-size: 0.64rem;
    letter-spacing: 0.18em;
}
.cf-p-muzyka .mz-track-dl:hover { background: var(--cf-ink); color: var(--cf-gold); box-shadow: none; }
.cf-p-muzyka .mz-stream { border: 1px solid rgba(255, 255, 255, 0.08); }
.cf-p-muzyka .mz-stream-text b { font-weight: 300; font-size: 1.8rem; letter-spacing: -0.02em; }
.cf-p-muzyka .mz-stream-cta { font-size: 0.66rem; letter-spacing: 0.18em; }
.cf-p-muzyka .mz-back { background: var(--cf-canvas); border: 1px solid var(--cf-line-soft); border-left: 2px solid var(--cf-gold); }
.cf-p-muzyka .mz-back-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-p-muzyka .mz-back-text b { font-weight: 300; font-size: 1.35rem; letter-spacing: -0.02em; }


/* =====================================================================
   PODSTRONY · STREFA WIEDZY (strefa-wiedzy.php, klasy .sw-*)
   ===================================================================== */

.cf-p-strefa-wiedzy .knowledge-hero.sw-hero { padding-top: clamp(140px, 17vh, 180px); padding-bottom: clamp(90px, 11vh, 120px); }
.cf-p-strefa-wiedzy .sw-hero .sw-title { font-size: clamp(2.8rem, 5.4vw, 4.8rem); }
.cf-p-strefa-wiedzy .sw-stats { background: transparent; border: 1px solid var(--cf-hairline); box-shadow: none; }
.cf-p-strefa-wiedzy .sw-stats li + li { border-left-color: var(--cf-hairline); }
.cf-p-strefa-wiedzy .sw-stats b { font-weight: 200; color: var(--cf-gold); letter-spacing: -0.04em; }
.cf-p-strefa-wiedzy .sw-stats span { color: var(--cf-muted); }
.cf-p-strefa-wiedzy .sw-sheet--back1,
.cf-p-strefa-wiedzy .sw-sheet--back2 { opacity: 0.85; }
.cf-p-strefa-wiedzy .sw-sheet-tag { background: transparent; padding: 0 0 4px; border-bottom: 1px solid rgba(106, 13, 173, 0.35); }
.cf-p-strefa-wiedzy .sw-sheet-title { font-weight: 300; }
.cf-p-strefa-wiedzy .sw-float { font-weight: 500; }
.cf-p-strefa-wiedzy .sw-float--2 { background: rgba(8, 11, 24, 0.9); border: 1px solid rgba(253, 197, 0, 0.4); }

.cf-p-strefa-wiedzy .sw-tools { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-p-strefa-wiedzy main .sw-head-lead { color: var(--cf-text-soft); }
.cf-p-strefa-wiedzy .sw-tool { border: 1px solid var(--cf-line-soft); box-shadow: none; }
.cf-p-strefa-wiedzy .sw-tool::before,
.cf-p-strefa-wiedzy .sw-tool.is-active::before { height: 2px; background: var(--cf-gold); }
.cf-p-strefa-wiedzy .sw-tool:hover { box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.38); }
.cf-p-strefa-wiedzy .sw-tool-icon,
.cf-p-strefa-wiedzy .sw-tool.is-active .sw-tool-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-p-strefa-wiedzy .sw-tool.is-active .sw-tool-icon { background: var(--cf-ink); color: var(--cf-gold); box-shadow: none; }
.cf-p-strefa-wiedzy .sw-tool.is-soon .sw-tool-icon { box-shadow: inset 0 0 0 1px rgba(15, 18, 25, 0.16); }
.cf-p-strefa-wiedzy .sw-tool-status { background: transparent !important; padding: 0 0 4px; border-bottom: 1px solid currentColor; font-size: 0.56rem; letter-spacing: 0.2em; }
.cf-p-strefa-wiedzy .sw-tool-num { font-weight: 300; }
.cf-p-strefa-wiedzy .sw-tool h3 { font-weight: 600; }
.cf-p-strefa-wiedzy main .sw-tool p { color: var(--cf-text-soft); }
.cf-p-strefa-wiedzy .sw-tool-btn { background: var(--cf-ink); color: var(--cf-paper); font-size: 0.66rem; letter-spacing: 0.16em; }
.cf-p-strefa-wiedzy .sw-tool-btn:hover { background: var(--cf-violet); }
.cf-p-strefa-wiedzy .sw-tool-soon { border-radius: 0; font-size: 0.62rem; letter-spacing: 0.14em; }

.cf-p-strefa-wiedzy .sw-music { padding: clamp(100px, 11vw, 140px) 0; }
.cf-p-strefa-wiedzy .sw-music-bg { display: none; }
.cf-p-strefa-wiedzy main .sw-music-text p { color: var(--cf-muted); font-weight: 300; }
.cf-p-strefa-wiedzy .sw-eq span { background: var(--cf-gold); }
.cf-p-strefa-wiedzy .sw-cover { border: 1px solid var(--cf-hairline); }
.cf-p-strefa-wiedzy .sw-bridge-sec { background: #fff; }
.cf-p-strefa-wiedzy .sw-bridge { background: var(--cf-canvas); border: 1px solid var(--cf-line-soft); border-left: 2px solid var(--cf-gold); box-shadow: none; }
.cf-p-strefa-wiedzy .sw-bridge-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }

/* =====================================================================
   PODSTRONY · REZERWACJA (rezerwacja, rezerwacja-wstepna, rezerwuj,
   rezerwuj-wstepna, potwierdz, potwierdz-obecnosc — css/style-rezerwacja.css)
   Wspólny nagłówek .reservation-hero to wyśrodkowana ciemna scena.
   ===================================================================== */

.cf-site .reservation-hero.cf-scene { padding: clamp(140px, 17vh, 180px) 20px clamp(80px, 10vh, 110px); }
.cf-site .reservation-hero.cf-scene::after { display: none; }
.cf-site .reservation-hero .hero-title { font-size: clamp(2.6rem, 5vw, 4.4rem); margin-bottom: 0; }
.cf-site .reservation-hero .hero-eyebrow { justify-content: center; }
.cf-site .reservation-hero .hero-eyebrow::after {
    content: '';
    width: clamp(24px, 3vw, 44px);
    height: 1px;
    background: currentColor;
    opacity: 0.55;
}
.cf-site .reservation-hero .hero-accent { margin: 26px auto 0; }
.cf-site .reservation-hero .hero-desc { color: var(--cf-muted); max-width: 60ch; margin-left: auto; margin-right: auto; }
.cf-site .reservation-hero > .cf-echo { top: auto; bottom: -55%; margin-top: 0; }

/* Treść pod nagłówkiem — ciepły papier */
.cf-p-rezerwacja main .section,
.cf-p-rezerwacja-wstepna main .section,
.cf-p-rezerwuj main .section,
.cf-p-rezerwuj-wstepna main .section,
.cf-p-potwierdz main .section,
.cf-p-potwierdz-obecnosc main .section { background: var(--cf-canvas) !important; }

/* --- Wybór rodzaju sesji ------------------------------------------------ */
.cf-site .selector-label,
.cf-site .grid-label { font-weight: 300; letter-spacing: -0.01em; }
.cf-site .mini-package-card {
    border: 1px solid var(--cf-line-soft);
    box-shadow: none;
    transition: transform 0.55s var(--cf-ease), box-shadow 0.55s var(--cf-ease), border-color 0.55s var(--cf-ease);
}
.cf-site .mini-package-card:hover { transform: translateY(-5px); border-color: rgba(15, 18, 25, 0.16); box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.38); }
.cf-site .mini-package-card .mp-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-site .mp-name { font-weight: 600 !important; letter-spacing: -0.01em; }
.cf-site .mini-package-card.pro-bono-card,
.cf-site .mini-package-card.active,
.cf-site .mini-package-card.selected { border-color: var(--cf-gold); box-shadow: inset 0 0 0 1px var(--cf-gold); }
.cf-site .mini-package-card.existing-client-card { background: var(--cf-glow), var(--cf-ink); border-color: var(--cf-ink); }
.cf-site .mini-package-card.existing-client-card .mp-icon { background: transparent; color: var(--cf-gold); box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.5); }

/* --- Nawigacja tygodnia i dni ------------------------------------------- */
.cf-site .week-navigator { border-color: var(--cf-line-soft); box-shadow: none; }
.cf-site .week-navigator::before { height: 2px; background: var(--cf-gold); }
.cf-site .nav-arrow { background: transparent; border: 1px solid var(--cf-line); color: var(--color-dark); }
.cf-site .nav-arrow:hover { background: var(--cf-ink); border-color: var(--cf-ink); color: var(--cf-gold); }
.cf-site .nav-label { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.22em; }
.cf-site .nav-dates { font-weight: 300; font-size: 1.3rem; letter-spacing: -0.015em; }
.cf-site .day-item { border-color: var(--cf-line-soft); }
.cf-site .day-item:hover { border-color: rgba(15, 18, 25, 0.16); }
.cf-site .day-item.active { border-color: rgba(15, 18, 25, 0.16); border-left: 2px solid var(--cf-gold); box-shadow: 0 24px 50px -34px rgba(15, 18, 25, 0.35); }
.cf-site .day-name { font-weight: 500; }
.cf-site .status-badge { font-size: 0.58rem; letter-spacing: 0.18em; }
.cf-site .status-badge.busy { background: transparent; color: rgba(15, 18, 25, 0.45); box-shadow: inset 0 0 0 1px var(--cf-line-soft); }
.cf-site .day-item .icon { background: transparent; color: var(--color-dark); box-shadow: inset 0 0 0 1px var(--cf-line); }
.cf-site .day-item.active .icon { background: var(--cf-ink); color: var(--cf-gold); box-shadow: none; }
.cf-site .day-content { background: var(--cf-canvas); }
.cf-site .time-slot-btn { border-color: var(--cf-line); font-weight: 400; letter-spacing: 0.04em; }
.cf-site .time-slot-btn:hover { background: var(--cf-ink); border-color: var(--cf-ink); color: var(--cf-gold); box-shadow: none; }

/* --- Formularz rezerwacji i potwierdzenia -------------------------------- */
.cf-site .termin-details-card { border-left: 2px solid var(--cf-gold) !important; box-shadow: 0 30px 60px -40px rgba(15, 18, 25, 0.35); }
.cf-site .td-icon { color: var(--cf-gold-deep); }
.cf-site .td-label { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.22em; color: var(--cf-violet); }
.cf-site .td-date { font-weight: 300; letter-spacing: -0.02em; }
.cf-site .reservation-form,
.cf-site .reservation-feedback { box-shadow: 0 40px 80px -50px rgba(13, 17, 36, 0.45); border: 1px solid var(--cf-line-soft); }
.cf-site .form-group label { font-size: 0.62rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; }
.cf-site .btn-reserve-center {
    background: var(--cf-ink) !important;
    color: var(--cf-paper) !important;
    border: 0 !important;
    font-size: 0.76rem !important;
    letter-spacing: 0.16em !important;
    box-shadow: 0 18px 40px -20px rgba(13, 17, 36, 0.7) !important;
}
.cf-site .btn-reserve-center:hover { background: var(--cf-violet) !important; }
.cf-site .checkbox-container input:checked ~ .checkmark { background-color: var(--cf-ink); border-color: var(--cf-ink); }
.cf-site .reservation-feedback h2,
.cf-site .card-heading { font-weight: 300 !important; letter-spacing: -0.02em; }
.cf-site .feedback-icon,
.cf-site .success-icon { box-shadow: inset 0 0 0 1px currentColor; background: transparent !important; }
.cf-site .highlight-box { border-left: 2px solid var(--cf-gold); }
.cf-site .cal-btn { border-radius: 0; }
.cf-site .cal-btn.outlook { background: var(--cf-ink); border-color: var(--cf-ink); }

/* =====================================================================
   PODSTRONY · SPOTKANIE WSTĘPNE (konsultacja.php)
   ===================================================================== */

.cf-p-konsultacja .consultation-hero.cf-scene { padding: clamp(140px, 17vh, 180px) 20px clamp(120px, 13vh, 150px); text-align: center; }
.cf-p-konsultacja .consultation-hero .hero-title { font-size: clamp(2.6rem, 5vw, 4.4rem); }
.cf-p-konsultacja .consultation-hero .brand-subhead { justify-content: center; }
.cf-p-konsultacja .consultation-hero .brand-subhead::after { content: ''; width: clamp(24px, 3vw, 44px); height: 1px; background: currentColor; opacity: 0.55; }
.cf-p-konsultacja .consultation-hero > .cf-echo { top: auto; bottom: -55%; margin-top: 0; }
.cf-p-konsultacja main .section { background: var(--cf-canvas) !important; }
.cf-p-konsultacja .booking-cta-banner {
    position: relative;
    z-index: 3;
    margin-top: -64px;
    background: #fff;
    border: 1px solid var(--cf-line-soft);
    border-left: 2px solid var(--cf-gold);
    box-shadow: 0 40px 80px -50px rgba(13, 17, 36, 0.55);
}
.cf-p-konsultacja .booking-cta-banner .cta-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-p-konsultacja .booking-cta-banner h3 { font-weight: 300; font-size: 1.4rem; letter-spacing: -0.02em; }
.cf-p-konsultacja .btn-cta-brand {
    background: var(--cf-gold);
    color: var(--cf-ink);
    border: 0;
    border-radius: 0;
    font-family: var(--font-head);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    box-shadow: 0 16px 40px -14px rgba(253, 197, 0, 0.55);
}
.cf-p-konsultacja .btn-cta-brand:hover { background: var(--cf-ink); color: var(--cf-gold); }
.cf-p-konsultacja .form-wrapper { border: 1px solid var(--cf-line-soft); box-shadow: 0 40px 80px -50px rgba(13, 17, 36, 0.45); border-top: 2px solid var(--cf-gold); }
.cf-p-konsultacja .step-title { font-weight: 300; letter-spacing: -0.02em; }
.cf-p-konsultacja .mini-label { color: var(--cf-violet); font-size: 0.6rem; letter-spacing: 0.2em; }
.cf-p-konsultacja .input-group label { font-size: 0.62rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; }
.cf-p-konsultacja .input-group input,
.cf-p-konsultacja .input-group textarea { background: var(--cf-canvas); border-color: var(--cf-line); border-radius: 0; }
.cf-p-konsultacja .chip span,
.cf-p-konsultacja .chip-time span { border-radius: 0; border-color: var(--cf-line); font-weight: 500; }
.cf-p-konsultacja .chip input:checked + span,
.cf-p-konsultacja .chip-time input:checked + span { background: var(--cf-ink); border-color: var(--cf-ink); color: var(--cf-gold); }
.cf-p-konsultacja .chip.weekend span { background: transparent; border-color: rgba(184, 138, 0, 0.6); }
.cf-p-konsultacja .chip.weekend input:checked + span { background: var(--cf-gold); color: var(--cf-ink); }
.cf-p-konsultacja .info-card { background: var(--cf-glow), var(--cf-ink) !important; border: 1px solid var(--cf-ink); box-shadow: 0 40px 80px -50px rgba(13, 17, 36, 0.6); }
.cf-p-konsultacja .info-card h4 { font-weight: 300; font-size: 1.5rem; letter-spacing: -0.02em; }
.cf-p-konsultacja .check-list li::before { color: var(--cf-gold); }
.cf-p-konsultacja .info-contact { border: 1px solid var(--cf-line-soft); border-top: 2px solid var(--cf-gold); box-shadow: none; }
.cf-p-konsultacja .phone-big { font-weight: 200; letter-spacing: -0.03em; color: var(--color-dark); }
.cf-p-konsultacja .hours-block span { color: var(--cf-violet); font-size: 0.6rem; letter-spacing: 0.22em; }
.cf-p-konsultacja .busy-note { border-left: 2px solid var(--cf-gold); }
.cf-p-konsultacja .busy-note i { color: var(--cf-gold-deep); }

/* =====================================================================
   PODSTRONY · OBSZARY COACHINGU (life-coaching, business-coaching,
   spirit-coaching, sesja-dla-par — includes/coaching_types.php,
   css/coaching-types.css). Kolor obszaru (--ct-a) zostaje jako drobny
   akcent, całość mówi językiem serwisu.
   ===================================================================== */

/* --- Scena ------------------------------------------------------------ */
.cf-site .coaching-type-hero.cf-scene { padding-top: clamp(140px, 17vh, 180px); padding-bottom: clamp(90px, 11vh, 120px); }
.cf-site .coaching-type-hero.cf-scene::after { display: none; }
.cf-site .coaching-type-hero .hero-title { font-size: clamp(2.6rem, 5vw, 4.4rem); }
.cf-site .ct-hero-icon { background: transparent; color: var(--cf-gold); box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.5); }
.cf-site .ct-hero-eyebrow-text { color: var(--cf-gold); font-size: 0.64rem; font-weight: 600; letter-spacing: 0.24em; }
.cf-site .ct-route-from { color: var(--cf-muted); font-weight: 300; }
.cf-site .ct-route-from::after { background: repeating-linear-gradient(to bottom, rgba(246, 244, 239, 0.3) 0 4px, transparent 4px 9px); }
.cf-site .ct-route-from::before { border-color: rgba(246, 244, 239, 0.4); background: transparent; }
.cf-site .ct-route-to {
    font-weight: 500;
    background: linear-gradient(90deg, var(--cf-gold), #ffe98a);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cf-site .ct-route-to::before { background: var(--cf-gold); }
.cf-site .coaching-type-hero .coaching-type-tag {
    background: transparent;
    border-color: var(--cf-hairline);
    color: var(--cf-muted);
    font-weight: 500;
}
.cf-site .coaching-type-hero .coaching-type-tag i { color: var(--cf-gold); }
.cf-site .ct-hero-block { background: none; border: 1px solid rgba(253, 197, 0, 0.65); }
.cf-site .ct-hero-frame { display: none; }
.cf-site .ct-hero-photo { box-shadow: none; }
.cf-site .ct-hero-badge { background: rgba(8, 11, 24, 0.88); border: 1px solid rgba(253, 197, 0, 0.4); }
.cf-site .ct-hero-quote { border-left: 2px solid var(--cf-gold); }
.cf-site .cf-scene .ct-hero-quote p { color: var(--color-dark); font-weight: 300; }
.cf-site .ct-hero-quote-label { color: var(--cf-violet); font-size: 0.6rem; letter-spacing: 0.22em; }

/* --- Treść ------------------------------------------------------------ */
.cf-site .ct-page .coaching-type-body { background: var(--cf-canvas); --cf-bg: var(--cf-canvas); }
.cf-site .ct-kicker::before { background: currentColor; }
.cf-site main .ct-page .coaching-type-intro {
    border-left: 2px solid var(--cf-gold);
    border-image: none;
    font-family: var(--font-head);
    font-weight: 300;
    font-size: clamp(1.08rem, 1.4vw, 1.24rem) !important;
    line-height: 1.7 !important;
    letter-spacing: -0.01em;
    color: var(--color-dark);
}
.cf-site .ct-page .coaching-type-intro::first-line { font-weight: 300; }
.cf-site .ct-page .coaching-type-panel { border: 1px solid var(--cf-line-soft); box-shadow: none; }
.cf-site .ct-page .coaching-type-panel::before { height: 2px; background: var(--cf-gold); }
.cf-site .ct-page .coaching-type-panel-head i { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-site .ct-page .coaching-type-panel .section-title { font-size: clamp(1.4rem, 2vw, 1.7rem); }
.cf-site main .ct-page .coaching-type-panel .content-text { opacity: 1; color: var(--cf-text-soft); }
.cf-site .ct-page .coaching-type-panel--topics { background: var(--cf-glow), var(--cf-ink); border-color: var(--cf-ink); }
.cf-site .ct-page .coaching-type-panel--topics::before { background: var(--cf-gold); }
.cf-site .ct-page .coaching-type-panel--topics .section-title { color: var(--cf-paper); }
.cf-site .ct-page .coaching-type-panel--topics .section-title strong { color: var(--cf-gold); font-weight: 500; }
.cf-site main .ct-page .coaching-type-panel--topics .content-text { color: var(--cf-muted); }
.cf-site .ct-page .coaching-type-panel--topics .coaching-type-panel-head i { color: var(--cf-gold); box-shadow: inset 0 0 0 1px rgba(253, 197, 0, 0.45); }
.cf-site .ct-list li { color: var(--cf-text-soft); }
.cf-site .ct-list-mark { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.3); }
.cf-site .ct-list--num li { color: var(--cf-muted); }
.cf-site .ct-list--num .ct-list-mark { color: var(--cf-gold); font-weight: 300; box-shadow: none; }

.cf-site .ct-page .coaching-benefit-tile { border-color: var(--cf-line-soft); box-shadow: none; }
.cf-site .ct-page .coaching-benefit-tile::after { height: 2px; background: var(--cf-gold); }
.cf-site .ct-page .coaching-benefit-tile:hover { box-shadow: 0 30px 60px -34px rgba(15, 18, 25, 0.38); }
.cf-site .ct-benefit-num { font-weight: 200; letter-spacing: -0.04em; }
.cf-site .ct-page .coaching-benefit-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-site .ct-page .coaching-benefit-tile:hover .coaching-benefit-icon { background: var(--cf-ink); color: var(--cf-gold); box-shadow: none; }
.cf-site .ct-page .coaching-benefit-tile h3 { font-weight: 600; }
.cf-site main .ct-page .coaching-benefit-tile p { opacity: 1; color: var(--cf-text-soft); }

.cf-site .ct-page .coaching-personal-split::before { background: none; border: 1px solid rgba(253, 197, 0, 0.65); }
.cf-site .ct-quote-mark { font-family: var(--font-head); font-weight: 200; color: var(--cf-gold); }
.cf-site .ct-page .coaching-personal-label { font-size: 0.64rem; font-weight: 600; letter-spacing: 0.24em; color: var(--cf-violet); }
.cf-site .ct-page .coaching-personal-word .section-title { font-size: clamp(1.8rem, 2.8vw, 2.4rem); }
.cf-site main .ct-page .coaching-personal-word p { opacity: 1; color: var(--cf-text-soft); }
.cf-site .ct-page .coaching-type-note { background: #fff; border: 1px solid var(--cf-line-soft); border-left: 2px solid var(--cf-gold); }
.cf-site .ct-page .coaching-note-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); }
.cf-site .ct-page .coaching-type-note a { color: var(--cf-violet); }

.cf-site .ct-page .coaching-type-others { background: #fff; --cf-bg: #fff; }
.cf-site .ct-page .coaching-type-card { border-color: var(--cf-line-soft); box-shadow: none; }
.cf-site .ct-page .coaching-type-card:hover { box-shadow: 0 34px 70px -36px rgba(15, 18, 25, 0.38); }
.cf-site .ct-card-media::after { background: linear-gradient(to top, rgba(13, 17, 36, 0.55), transparent 60%); }
.cf-site .ct-card-icon { background: var(--cf-ink); color: var(--cf-gold); }
.cf-site .ct-page .coaching-type-card h3 { font-weight: 500; letter-spacing: -0.01em; }
.cf-site .ct-page .coaching-type-card-sub { color: var(--cf-violet); font-size: 0.6rem; letter-spacing: 0.2em; }
.cf-site .ct-page .coaching-type-card-link { font-size: 0.64rem; letter-spacing: 0.2em; color: var(--cf-violet); }

/* --- Domknięcie -------------------------------------------------------- */
.cf-site .ct-cta.cf-dark { padding: clamp(100px, 12vw, 150px) 0; }
.cf-site .ct-cta-bg { display: none; }
.cf-site .ct-cta > .cf-echo { left: 50%; margin-left: calc(-0.5 * clamp(520px, 56vw, 860px)); }
.cf-site .ct-cta-kicker { color: var(--cf-gold); }
.cf-site .ct-cta-points li { background: transparent; border-color: var(--cf-hairline); color: var(--cf-muted); font-weight: 500; }

/* --- Poprawki po przeglądzie (2) --------------------------------------- */
.cf-site .cf-scene .brand-subhead,
.cf-site .cf-scene .hero-eyebrow { color: var(--cf-gold); }
.cf-p-strefa-wiedzy .sw-stats b {
    background: none;
    -webkit-text-fill-color: var(--cf-gold);
    color: var(--cf-gold);
}

/* =====================================================================
   PODSTRONY · POLITYKA PRYWATNOŚCI (polityka-prywatnosci.php)
   Treść przychodzi ze wspólnego modułu (includes/manawa_legal.php),
   więc ciemny pas pod tytułem rysuje pseudo-element na pełną szerokość.
   ===================================================================== */

.cf-p-polityka-prywatnosci main.legal-page-wrap {
    position: relative;
    isolation: isolate;
    padding-top: clamp(150px, 18vh, 190px);
}
.cf-p-polityka-prywatnosci main.legal-page-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: clamp(340px, 40vh, 400px);
    transform: translateX(-50%);
    z-index: -1;
    background:
        radial-gradient(48% 90% at 80% 20%, rgba(0, 81, 210, 0.42), transparent 72%),
        radial-gradient(46% 90% at 12% 90%, rgba(124, 32, 196, 0.4), transparent 72%),
        var(--cf-ink);
}
.cf-p-polityka-prywatnosci .page-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-family: var(--font-head);
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--cf-gold);
    background: none;
    padding: 0;
}
.cf-p-polityka-prywatnosci .page-eyebrow::before { content: ''; width: 44px; height: 1px; background: currentColor; opacity: 0.55; }
.cf-p-polityka-prywatnosci main .page-title {
    font-weight: 200;
    font-size: clamp(2.4rem, 4.6vw, 3.8rem);
    letter-spacing: -0.035em;
    color: var(--cf-paper);
}
.cf-p-polityka-prywatnosci main .legal-updated { color: var(--cf-muted); }
.cf-p-polityka-prywatnosci .legal-content { margin-top: clamp(90px, 10vw, 120px); }
.cf-p-polityka-prywatnosci .legal-content h2,
.cf-p-polityka-prywatnosci .legal-content h3 { font-weight: 300; letter-spacing: -0.02em; }
.cf-p-polityka-prywatnosci .legal-content a,
.cf-p-polityka-prywatnosci main.legal-page-wrap > p a { color: var(--cf-violet); }
.cf-p-polityka-prywatnosci .legal-file-item { border-radius: 0; border-color: var(--cf-line-soft); }
.cf-p-polityka-prywatnosci .legal-file-icon { background: transparent; color: var(--cf-violet); box-shadow: inset 0 0 0 1px rgba(106, 13, 173, 0.35); border-radius: 0; }


/* =====================================================================
   PODSTRONY · KOŁO ŻYCIA (edu/kolozycia/index.php, klasy .kolo-*)
   ===================================================================== */

.cf-site.page-kolozycia .kolo-intro.cf-scene { padding: clamp(140px, 17vh, 180px) 0 clamp(80px, 10vh, 110px); }
.cf-site.page-kolozycia .kolo-intro > .cf-echo { top: auto; bottom: -55%; margin-top: 0; }
.cf-site.page-kolozycia .kolo-member-pill {
    background: transparent;
    border: 1px solid rgba(253, 197, 0, 0.45);
    color: var(--cf-gold);
    border-radius: 0;
    font-family: var(--font-head);
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    box-shadow: none;
}
.cf-site.page-kolozycia .kolo-intro .kolo-eyebrow { color: var(--cf-gold); }
.cf-site.page-kolozycia .kolo-main .kolo-intro-title {
    font-weight: 200;
    font-size: clamp(2.4rem, 4.6vw, 4rem);
    letter-spacing: -0.035em;
    color: var(--cf-paper);
}
.cf-site.page-kolozycia .kolo-main .kolo-intro-lead { color: var(--cf-muted); font-weight: 300; }
.cf-site.page-kolozycia .kolo-vault-title,
.cf-site.page-kolozycia .kolo-section-title,
.cf-site.page-kolozycia .kolo-connect-title { font-weight: 300; letter-spacing: -0.025em; }
.cf-site.page-kolozycia .kolo-btn-primary {
    background: var(--cf-gold);
    color: var(--cf-ink);
    border-radius: 0;
    font-family: var(--font-head);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    box-shadow: 0 16px 40px -14px rgba(253, 197, 0, 0.55);
}
.cf-site.page-kolozycia .kolo-btn-primary:hover { background: var(--cf-ink); color: var(--cf-gold); }
.cf-site.page-kolozycia .kolo-chip { border-radius: 0; }

.cf-p-polityka-prywatnosci main.legal-page-wrap > p:first-child { color: var(--cf-muted); }

/* Koło życia: mf-spojnosc.css zaokrągla wszystko, co ma w klasie „kolo”
   (miało łapać koła i kropki), a ta strona ma tak nazwane WSZYSTKIE klasy
   (.kolo-intro, .kolo-vault…) — sekcje robiły się elipsami. Tu wracają
   ostre kąty marki; okrągłe zostają tylko prawdziwe kropki i ikony. */
.cf-site.page-kolozycia [class*="kolo"] { border-radius: 0 !important; }
.cf-site.page-kolozycia [class*="kolo"][class*="dot"],
.cf-site.page-kolozycia [class*="kolo"][class*="circle"] { border-radius: 50% !important; }

/* …także samo <body class="page-kolozycia"> — bez tego cała strona była
   przycinana do elipsy (body ma overflow-x: hidden) */
.cf-site.page-kolozycia { border-radius: 0 !important; }

/* Koło życia: tytuł i lead mają w style.css kolor z !important — na scenie jasne */
.cf-site.page-kolozycia .kolo-intro .kolo-intro-title { color: var(--cf-paper) !important; }
.cf-site.page-kolozycia .kolo-intro .kolo-intro-lead { color: var(--cf-muted) !important; }