/* Homepage sections CSS - extracted from page 31570 inline styles */
/* Auto-extracted on 2026-04-17 */

/* ═══ Section 1 ═══ */
/* === BRAND CODE – Hero Section (v2.1 - Refined by Gemini) === */
.bc-hero{
  /* --- Tokens --- */
  --brand:#DE2A36; --ink:#ffffff; --muted:#d1d1d1; --bg:#0d0c0c;
  --serif:"TheBRANDCODE","Libre Baskerville",serif;
  --sans:"Inter",system-ui,Arial,sans-serif;
  --wrap:1200px; --radius:16px;
  --shadow-text: 0 4px 24px rgba(0,0,0,.45);
  --shadow-btn: 0 18px 28px rgba(0,0,0,.28);
  --shadow-btn-hover: 0 22px 36px rgba(0,0,0,.32);
  --transition-speed: .22s;
  
  /* WAŻNE: Podmień na własny link do tła */
  --curtain: url('/wp-content/uploads/2025/08/Projekt-bez-nazwy-1.jpg');
  
  position:relative; isolation:isolate; color:var(--ink); background-color:var(--bg); overflow:clip;
}
.bc-hero *{ box-sizing:border-box; }

/* --- Tło i efekty wizualne --- */
.bc-hero__bg, .bc-hero__vignette, .bc-hero__fadeLeft{
  position:absolute; inset:0; pointer-events:none;
}
.bc-hero__bg{ z-index:-3; background: var(--curtain) center/cover no-repeat; filter:saturate(1.05) contrast(1.02); }
.bc-hero__vignette{ z-index:-2; background: radial-gradient(circle at 70% 40%, transparent 40%, rgba(0,0,0,.6) 85%); }
.bc-hero__fadeLeft{ z-index:-1; width:min(50vw, 700px); background:linear-gradient(90deg, rgba(13,12,12, 0.95), rgba(13,12,12, 0)); }

/* --- Główny Layout --- */
.bc-hero__wrap{
  max-width:var(--wrap); margin:0 auto;
  padding: clamp(40px, 8vw, 120px) clamp(16px, 4vw, 40px);
  min-height: min(90vh, 920px); display:grid;
  grid-template-columns: 0.9fr 1.1fr; align-items:center;
  gap: clamp(14px,3vw,28px);
}

/* --- Lewa kolumna (tekst) --- */
.bc-hero__eyebrow{ font:700 13px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin:0 0 18px; }
.bc-hero__title{ font-family:var(--serif); font-weight:400; font-size: clamp(38px, 5.5vw, 58px); line-height:1.15; margin:0 0 24px; max-width: 20ch; text-shadow: var(--shadow-text); color: var(--ink); }
.bc-hero__title strong{ font-weight:900; color:var(--brand); }
.bc-hero__chip{ display:inline-block; padding:10px 18px; border-radius:var(--radius); border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.08); font:500 clamp(14px, 1.5vw, 15px)/1 var(--sans); color:#fff; margin: 0 0 28px; backdrop-filter: blur(2px); }
.bc-hero__lead{ font:400 clamp(16px,1.7vw,18px)/1.6 var(--sans); color:var(--muted); margin:0 0 32px; max-width: 50ch; }
.bc-hero__lead strong{ color:#fff; font-weight:700; }

/* --- CTA Button --- */
.bc-hero__cta{ display:inline-grid; place-items:center; text-align:center; background:#fff; color:#121212; font:700 clamp(16px,1.8vw,17px)/1 var(--sans); padding:22px 28px; border-radius:var(--radius); min-width: clamp(240px, 25vw, 320px); min-height: 68px; box-shadow: var(--shadow-btn); transition: var(--transition-speed) ease; transition-property: transform, box-shadow, background-color, color; }
.bc-hero__cta:hover{ transform:translateY(-2px); box-shadow: var(--shadow-btn-hover); }

/* --- Prawa kolumna (postać) --- */
.bc-hero__figure{ position:relative; width:125%; pointer-events:none; }
.bc-hero__figure img{ position:absolute; left:35%; bottom:0; transform:translateX(-50%); width:auto; height:100%; max-height: 110%; object-fit:contain; object-position:center bottom; filter: drop-shadow(0 32px 42px rgba(0,0,0,.55)); }

/* --- Pinezka z informacją --- */
.bc-hero__pin{
  position:absolute; top: 40%; left: 54%; transform: translateY(-50%);
  width:28px; height:28px; border-radius:75%; display:grid; place-items:center; background:var(--brand);
  color:#fff; font:700 15px/1 var(--sans); box-shadow:0 10px 20px rgba(0,0,0,.4);
  pointer-events:auto; cursor:pointer; z-index:10;
}
/* ZMIANA: Nowe pozycjonowanie Tooltipa */
.bc-hero__tip{
  position:absolute;
  top: 40%;
  right: 44%;
  transform: scale(.95); /* Startowy stan animacji */
  transform-origin: bottom right; /* Animacja "rośnie" z prawego dolnego rogu */
  
  width:min(80vw, 320px); background:rgba(20,20,20,0.9); color:#fff; border:1px solid #2a2a2a;
  border-radius:12px; box-shadow:0 20px 40px rgba(0,0,0,.45); padding:16px 18px; font:400 14px/1.6 var(--sans);
  opacity:0; visibility:hidden;
  transition: var(--transition-speed) ease;
  transition-property: opacity, visibility, transform;
  backdrop-filter: blur(4px); z-index:9;
}
.bc-hero__pin.is-open + .bc-hero__tip,
.bc-hero__pin:hover + .bc-hero__tip{
  opacity:1; visibility:visible;
  transform: scale(1); /* Końcowy stan animacji */
}

/* --- Responsywność --- */
@media (max-width:1080px){
  .bc-hero__wrap{ grid-template-columns:1fr; min-height:0; align-items:start; padding-top: clamp(60px, 12vw, 100px); text-align:center; }
  .bc-hero__left-content{ display:flex; flex-direction:column; align-items:center; }
  .bc-hero__figure{ order:-1; width:100%; max-width:100%; height: clamp(300px, 70vw, 500px); margin-bottom: 24px; overflow:hidden; }
  .bc-hero__fadeLeft{ width:100%; background:linear-gradient(180deg, rgba(13,12,12, 0.95), transparent 70%); }
  .bc-hero__pin{ top: 42%; left: 52%; }
  /* ZMIANA: Pozycjonowanie dymka na mobile */
  .bc-hero__tip{ 
      top: 42%;
      left: 50%;
      right: auto;
      width: min(calc(100vw - 32px), 320px);
      transform: translateX(-50%) scale(.95);
      transform-origin: center center; 
  }
  .bc-hero__pin.is-open + .bc-hero__tip,
  .bc-hero__pin:hover + .bc-hero__tip{ transform: translateX(-50%) scale(1); }
}
@media (max-width:640px){
  .bc-hero__title{ font-size: clamp(32px, 9vw, 42px); }
  .bc-hero__chip{ font-size:13px; padding:10px 12px; }
  .bc-hero__cta{ width:100%; min-height:60px; }
}

/* ═══ Section 2 ═══ */
/* === BRAND CODE – Want Section (v3.0 - Final by Gemini) === */

/* --- 1. Tokens --- */
.bc-want{
  /* Color Tokens (ZMIANA: Użycie HSL dla łatwego rebrandingu) */
  --brand-h: 355; /* Odcień (0-360) */
  --brand-s: 70%; /* Nasycenie */
  --brand-l: 28%; /* Jasność */
  --brand: hsl(var(--brand-h), var(--brand-s), var(--brand-l));
  --brand-2: hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) + 8%)); /* Jaśniejsza wersja dla hover */

  --bg:#141313; --tile:#1a1a1a; --tile-2:#1c1c1c; --line:#262626;
  --text:#f1f1f1; --muted:#bdbdbd;

  /* Layout Tokens */
  --wrap:1180px; --gap:20px; --radius:16px;
  --iconCol:140px; --iconBox:72px;
  --sep-width: 1px;

  /* Typography Tokens */
  --serif:"Libre Baskerville",serif;
  --sans:"Inter",system-ui,Arial,sans-serif;

  /* --- Base Styles --- */
  background:var(--bg); color:var(--text);
}
.bc-want *{ box-sizing:border-box; }
.bc-want a{ color:inherit; text-decoration:none; }

/* --- 2. Container & Headings --- */
.bc-want__wrap{
  max-width:var(--wrap); margin:0 auto;
  padding:clamp(24px,4.8vw,56px) clamp(16px,4vw,40px);
  position:relative; isolation:isolate;
}
.bc-want__script{
  font:700 clamp(26px,4.4vw,44px)/1.1 var(--serif);
  color:#fff; opacity:.92; text-align:center; margin:0 0 8px;
}
.bc-want__title{
  font-family:var(--serif); font-weight:900; line-height:1.02;
  font-size:clamp(42px,6.6vw,78px); color:#fff;
  text-align:center; margin:0 0 clamp(26px,4.2vw,40px);
}

/* --- 3. Grid --- */
.bc-want__grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(14px,2.2vw,var(--gap));
}

/* --- 4. Cards --- */
.bc-want .bc-card{
  position:relative; overflow:hidden;
  display:grid;
  grid-template-columns:var(--iconCol) var(--sep-width) 1fr;
  align-items:center;
  gap:18px; padding:18px 22px;
  background:linear-gradient(180deg,var(--tile),var(--tile-2));
  border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:0 14px 24px rgba(0,0,0,.28), 0 6px 14px rgba(0,0,0,.18);
  /* ZMIANA: Dodano transition dla efektu hover */
  transition: transform 0.25s ease, border-color 0.25s ease;
}
/* ZMIANA: Dodano efekt hover na kartach */
.bc-want .bc-card:hover {
  transform: translateY(-4px);
  border-color: #444;
}
.bc-want .bc-card::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg,#ffffff08 0 var(--iconCol),transparent calc(var(--iconCol) + var(--sep-width)));
}
.bc-want .bc-card__icon{
  width:var(--iconBox); height:var(--iconBox);
  border-radius:14px; background:#fff; display:grid; place-items:center;
  margin-left:18px; box-shadow:0 8px 18px rgba(0,0,0,.25);
}
.bc-want .bc-card__icon i{ color:var(--brand); font-size:30px; line-height:1; }
.bc-want .bc-card__sep{ width:var(--sep-width); height:100%; background:linear-gradient(#ffffff25,#ffffff10); }

/* --- 5. Card Typography --- */
.bc-want .bc-card__text{ min-width:0; }
.bc-want .bc-card__title{
  font:800 clamp(16px,1.7vw,18px)/1.35 var(--sans);
  margin:0 0 6px; color:#ffffff;
}
.bc-want .bc-card__desc{
  font:400 clamp(14px,1.6vw,16px)/1.6 var(--sans);
  color:var(--muted); margin:0;
}
.bc-want .bc-card__text strong{
  font-weight:900;
  color: var(--brand);
}
.bc-want .bc-card__desc strong{
  color: #ffffff;
  font-weight: 800;
}

/* --- 6. CTA Button --- */
.bc-want__cta-wrap{ text-align:center; margin-top:clamp(22px, 4vw, 32px); }
.bc-want__cta{
  display:inline-grid; place-items:center;
  background:var(--brand); color:#fff; font:700 14px/1 var(--sans);
  padding:14px 22px; border-radius:10px; border:1px solid transparent;
  box-shadow:0 8px 18px rgba(0,0,0,.35);
  transition:.2s ease background,.2s ease transform;
}
.bc-want__cta:hover{ background:var(--brand-2); transform:translateY(-1px); }
/* ZMIANA: Dodano styl :focus-visible dla dostępności */
.bc-want__cta:focus-visible {
  outline: 2px solid var(--brand-2);
  outline-offset: 3px;
}


/* --- 7. Responsive --- */
@media (max-width:960px){
  .bc-want__grid{ grid-template-columns:1fr; }
}
@media (max-width:760px){
  .bc-want{ --iconCol:120px; --iconBox:64px; }
}
@media (max-width:520px){
  .bc-want{ --iconCol:96px; --iconBox:56px; }
  .bc-want .bc-card{ gap:14px; padding:16px 18px; }
}
@media (prefers-reduced-motion:reduce){
  .bc-want__cta, .bc-want .bc-card { transition:none; }
}

/* ═══ Section 3 ═══ */
/* ===================== What is the Academy Section (v1.0 by Gemini) ===================== */
.academy-intro {
    /* Tokens */
    --brand: #79141b;
    --paper: #fcfcfc;
    --paper-stroke: #e9e0e0;
    --ink: #101010;
    --ink-invert: #ffffff;
    --shadow-lg: 0 28px 60px rgba(0, 0, 0, .35), 0 10px 24px rgba(0, 0, 0, .25);
    --radius: 18px;
    --serif: "TheBRANDCODE", "Libre Baskerville", serif;
    --sans: "Inter", system-ui, Arial, sans-serif;

    /* Base Styles */
    background:#141313; /* Tło dla całej sekcji */
    color: var(--ink-invert);
    padding: clamp(60px, 10vw, 120px) clamp(16px, 4vw, 40px); /* Odstępy góra/dół i boki */
    overflow: hidden; /* Zapobiega wychodzeniu elementów poza sekcję */
}

.academy-intro__content-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Efekt "stosu papieru" za pomocą pseudo-elementów */
.academy-intro__paper-stack {
    position: relative;
    width: 100%;
    max-width: 700px;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4)); /* Cień dla całego stosu */
}

.academy-intro__paper-stack::before,
.academy-intro__paper-stack::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #e0e0e0;
    border-radius: calc(var(--radius) + 3px);
    z-index: 1;
}

.academy-intro__paper-stack::before {
    transform: rotate(-2.2deg);
    background: #dcdcdc;
}

.academy-intro__paper-stack::after {
    transform: rotate(-0.8deg);
    background: #f0f0f0;
}

/* Główna, górna karta */
.academy-intro__card {
    position: relative;
    background: var(--paper);
    border-radius: var(--radius);
    padding: clamp(30px, 5vw, 60px);
    z-index: 2; /* Karta jest na wierzchu */
    border: 1px solid var(--paper-stroke);
}

/* Wewnętrzna, czerwona ramka */
.academy-intro__card-frame {
    position: absolute;
    inset: 14px;
    border: 2px solid var(--brand);
    border-radius: calc(var(--radius) - 8px);
    pointer-events: none;
}

/* Zawartość tekstowa wewnątrz karty */
.academy-intro__text-content {
    position: relative;
    z-index: 3; /* Tekst jest na samej górze */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
}

/* Nagłówek */
.academy-intro__heading {
    font-family: var(--serif);
    font-weight: 900;
    letter-spacing: -0.01em;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.12;
    color: var(--ink);
    margin: 0;
}

/* Kapsuły z tekstem */
.academy-intro__capsules {
    display: flex;
    flex-wrap: wrap; /* Pozwala na łamanie wierszy na mobilnych */
    justify-content: center;
    gap: 16px;
    width: 100%;
}

.academy-intro__capsule {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    border-radius: 12px;
    padding: 16px 18px;
    font: 500 15px/1.55 var(--sans);
    flex-grow: 1; /* Kapsuły rosną, aby wypełnić przestrzeń */
    flex-basis: 200px; /* Minimalna szerokość kapsuły */
    border: 1px solid transparent;
}

.academy-intro__capsule--dark {
    background: #1b1b1b;
    box-shadow: 0 14px 26px rgba(0, 0, 0, .35);
    border-color: rgba(255, 255, 255, .08);
}

.academy-intro__capsule--brand {
    background: var(--brand);
    box-shadow: 0 14px 26px rgba(121, 20, 27, .35);
    border-color: #a02a33;
}

/* Responsywność */
@media (max-width: 640px) {
    .academy-intro__capsules {
        flex-direction: column; /* Kapsuły jedna pod drugą */
    }
    .academy-intro__heading {
        font-size: clamp(24px, 7vw, 28px);
    }
    .academy-intro__capsule {
        font-size: 14px;
    }
}

/* ═══ Section 4 ═══ */
/* === BRAND CODE – Accordion (v3.0 - Final by Gemini) === */

.program-section {
  /* ZMIANA: Dodano tokeny spójne z resztą strony */
  --brand: #ac1f29;
  --brand-strong: #c82a36;
  --bg: #141313;
  --line: #2a2a2a;
  --serif: "Playfair Display", "Times New Roman", serif;
  --sans: "Inter", system-ui, Arial, sans-serif;
  --text: #eaeaea;
  --muted: #8c8c8c;
  --panel: #ffffff;
  --panelText: #111111;
  --radius: 18px;
  --shadow-lg: 0 30px 60px rgba(0,0,0,.35),0 8px 18px rgba(0,0,0,.25);
  --wrap: 1280px;
  --pad-inline: clamp(16px,4vw,40px);
  --row-gap: clamp(18px, 3vw, 24px);
  --icon-stroke-width: 2.5px;
  
  background: var(--bg);
  padding-top: clamp(40px, 8vw, 80px);
  padding-bottom: clamp(40px, 8vw, 80px);
}

/* NOWY ELEMENT: Nagłówek sekcji */
.program-section__heading {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(42px, 6vw, 72px);
  line-height: 1.1;
  color: #f3f3f3;
  text-align: center;
  margin: 0 auto clamp(32px, 5vw, 50px);
  max-width: var(--wrap);
  padding-inline: var(--pad-inline);
}

.bc-accordion {
  color:var(--text); 
  background:transparent;
}
.bc-accordion *{ box-sizing:border-box; }

/* — Header (summary) — */
.bc-acc{ border-bottom:1px solid var(--line); }
.bc-acc:first-of-type { border-top:1px solid var(--line); }
.bc-acc summary{ list-style:none; cursor:pointer; }
.bc-acc summary::-webkit-details-marker{ display:none; }
.bc-acc summary:focus{ outline:0; }

.bc-acc__row{
  display:grid; align-items:center; gap:var(--row-gap);
  grid-template-columns:auto 1fr auto;
  padding-block:clamp(22px, 3vw, 28px);
  padding-inline:var(--pad-inline);
  max-width:var(--wrap); margin-inline:auto;
  transition: background-color 0.2s ease;
}
.bc-acc__row:hover { background-color: rgba(255, 255, 255, 0.03); }

.bc-acc__left{ display:grid; grid-template-columns:auto 1px; align-items:center; gap:clamp(16px, 2vw, 24px); }
.bc-acc__badge{ display:grid; align-content:center; row-gap:6px; }
.bc-acc__badge .small{ font:900 12px/1 var(--sans); letter-spacing:.14em; opacity:.95; }
.bc-acc__badge .num{ font:900 clamp(44px,8vw,72px)/1 var(--serif); }
.bc-acc__divider{ width:1px; height:64px; background:#ffffff26; }

.bc-acc__head{ display:grid; gap:10px; min-width:0; }
/* ZMIANA: Tytuł modułu - czcionka sans-serif */
.bc-acc__title{
  font-family:var(--sans);
  font-weight:800;
  font-size:clamp(22px, 3.5vw, 42px);
  line-height:1.1;
  text-transform:uppercase; 
  letter-spacing:.03em;
}
.bc-acc__subtitle{ font:400 clamp(15px,2vw,22px)/1.3 var(--sans); color:var(--muted); }

.bc-acc__cta{
  width:clamp(56px, 8vw, 72px); height:clamp(56px, 8vw, 72px);
  border-radius:var(--radius);
  background:var(--brand); display:grid; place-items:center;
  transition:.25s ease transform,.25s ease background,.25s ease box-shadow;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  flex:0 0 auto;
}
.bc-acc__row:hover .bc-acc__cta{ background:var(--brand-strong); }
.bc-acc__cta svg{
  width:50%; height:50%;
  stroke:#fff; stroke-width:var(--icon-stroke-width); fill:none;
  stroke-linecap:round; stroke-linejoin:round; transition:.25s ease transform;
}
details[open] .bc-acc__cta svg{ transform:rotate(45deg); }

/* — Panel (płynne otwieranie) — */
.bc-acc__panelWrap{
  display:grid; grid-template-rows:0fr; overflow:hidden;
  transition:grid-template-rows .35s ease;
  background-color: rgba(0,0,0,0.1);
}
details[open] .bc-acc__panelWrap{ grid-template-rows:1fr; }
.bc-acc__panel{ min-height:0; }
.bc-acc__panelInner{
  padding: clamp(32px, 5vw, 48px) var(--pad-inline);
  max-width:var(--wrap); margin-inline:auto;
}

.bc-acc__content{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:start; gap:clamp(28px, 4vw, 40px);
}
.bc-acc__lead{ font:italic 400 clamp(18px,2.1vw,24px)/1.5 var(--sans); color:#d9d9d9; margin:0 0 20px; }
.bc-acc__p{ font:400 clamp(17px,1.8vw,20px)/1.6 var(--sans); color:#e6e6e6; }
.bc-acc__content{ word-break:break-word; hyphens:auto; }

/* ZMIANA: Ciemny motyw dla karty wewnętrznej */
.bc-card--dark{
  background: #1F1F1F;
  color: #e8e8e8;
  border-radius:var(--radius);
  border:1px solid #333;
  box-shadow:var(--shadow-lg);
  padding:clamp(24px,3.2vw,32px);
}
.bc-card--dark h4{ font:800 clamp(20px,2.2vw,24px)/1.2 var(--sans); margin:0 0 14px; color:#ffffff; }
.bc-card--dark p{ color:#cccccc; margin:0; }
.bc-card--dark strong{ color:#ffffff; font-weight: 700; }


/* — Responsywność — */
@media (max-width: 980px){
  .bc-acc__divider{ display:none; }
  .bc-acc__left{ grid-template-columns:auto; }
  .bc-acc__content{ grid-template-columns:1fr; }
}
@media (max-width: 640px){
  .bc-acc__title{ font-size:clamp(20px, 6vw, 24px); }
  .bc-acc__subtitle{ font-size:clamp(14px, 4.2vw, 18px); }
  .bc-acc__badge .num{ font-size:clamp(38px, 10vw, 44px); }
  .bc-card--dark, .bc-acc__cta { border-radius:16px; }
}

/* — A11y i UX — */
.bc-acc summary:focus-visible{ outline:2px solid #fff; outline-offset:6px; border-radius:12px; }
@media (prefers-reduced-motion:reduce){
  .bc-acc__panelWrap, .bc-acc__cta, .bc-acc__cta svg, .bc-acc__row { transition:none !important; }
}

/* ═══ Section 5 ═══ */
/* ===================== MENTORS HERO (v12.0 - Pixel Perfect, final attempt by Gemini) ===================== */
.bc-mentors {
    /* Tokens */
    --bg: #141313;
    --panel: #ffffff;
    --line: #e8e8e8;
    --shadow: 0 20px 50px rgba(0, 0, 0, .22), 0 8px 15px rgba(0, 0, 0, .18);
    --brand: #ac1f29;
    --text: #111;
    --wrap: 1200px;
    --radius: 22px;
    --serif: "Playfair Display", "Times New Roman", serif;
    --sans: "Inter", system-ui, Arial, sans-serif;
    --script: "Great Vibes", cursive;

    /* Parametry koła */
    --circle-border-width: 1.5px;
    --circle-border-color: rgba(255, 255, 255, 0.4);
    --circle-inset: 8px;

    background: var(--bg);
    color: #eaeaea;
    padding-bottom: clamp(40px, 6vw, 80px);
}

.bc-mentors * {
    box-sizing: border-box;
}

.bc-mentors__wrap {
    max-width: var(--wrap);
    margin: 0 auto;
    padding: clamp(28px, 5vw, 64px) clamp(16px, 4vw, 40px);
}

.bc-mentors__heading {
    font-family: var(--serif);
    font-weight: 400;
    font-size: clamp(42px, 6vw, 72px);
    line-height: 1.1;
    color: #f3f3f3;
    text-align: center;
    margin: 0 0 clamp(32px, 5vw, 50px);
}

.bc-mentors__grid {
    display: grid;
    gap: clamp(32px, 5vw, 50px);
}

/* MENTOR CARD */
.bc-mentors .mentor-card {
    background: var(--panel);
    border-radius: calc(var(--radius) + 6px);
    box-shadow: var(--shadow);
    padding: 8px;
}

.bc-mentors .mentor-card__inner {
    position: relative;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: clamp(24px, 3.5vw, 32px);
    overflow: hidden; /* Utrzymuje zaokrąglenie krawędzi */
}

/* MAIN CARD GRID */
.bc-mentors .mentor-card__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.6fr) minmax(0, 0.4fr);
    gap: clamp(20px, 3.2vw, 32px);
    align-items: center; /* KLUCZ: Wyrównanie do środka w pionie */
}

/* LEFT COLUMN: Name + Portrait */
.bc-mentors .mentor-left {
    display: grid;
    grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
    gap: clamp(12px, 2.2vw, 20px);
    align-items: center;
    min-width: 0;
    height: 100%;
}

.bc-mentors .mentor-name {
    min-width: 0;
    align-self: center;
    z-index: 2; /* Upewnia się, że nazwisko jest nad kołem */
    position: relative;
}

/* Name Typography */
.bc-mentors .mentor-first {
    font-family: var(--serif);
    font-weight: 600;
    font-size: clamp(36px, 4.5vw, 52px);
    line-height: 1;
    color: #111;
    margin: 0;
}

.bc-mentors .mentor-last {
    font-family: var(--script);
    font-weight: 400;
    font-size: clamp(44px, 6.2vw, 82px);
    line-height: 0.8;
    color: var(--brand);
    margin: -10px 0 0 0; /* Ujemny margines dla zbliżenia */
    white-space: nowrap;
}

/* PORTRET + BACKGROUND CIRCLE */
.bc-mentors .mentor-portrait {
    position: relative;
    margin: 0;
    width: 100%;
    height: 100%;
    align-self: center; /* KLUCZ: Wyrównanie do środka */
    justify-self: center;
    isolation: isolate;
}

/* Background Circle */
.bc-mentors .mentor-arch {
    position: absolute;
    bottom: 50%; /* KLUCZ: Wyśrodkowanie w pionie */
    left: 50%;
    transform: translate(-50%, 50%); /* KLUCZ: Wyśrodkowanie w pionie i poziomie */
    width: 140%;
    max-width: 320px;
    aspect-ratio: 1 / 1;
    background: var(--brand);
    border-radius: 50%;
    z-index: 0;
}

/* Inner dashed border for the circle */
.bc-mentors .mentor-arch::after {
    content: "";
    position: absolute;
    inset: var(--circle-inset);
    border-radius: inherit;
    pointer-events: none;
    border: var(--circle-border-width) dashed var(--circle-border-color);
}

/* Character Image */
.bc-mentors .mentor-portrait img {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%); /* KLUCZ: Wyśrodkowanie w pionie i poziomie */
    width: auto;
    height: 100%;
    max-height: 110%; /* Lekkie powiększenie, aby postać wystawała */
    object-fit: contain;
    object-position: center bottom;
    z-index: 1;
}

/* RIGHT COLUMN: Achievements list */
.bc-mentors .mentor-bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    color: var(--text);
    font: 400 clamp(15px, 1.6vw, 17px)/1.65 var(--sans);
    position: relative;
    z-index: 2; /* Upewnia się, że tekst jest nad ewentualnie wystającym kołem */
}

.bc-mentors .mentor-bullets li {
    position: relative;
    padding-left: 32px; /* Więcej miejsca na punktor */
    color: #333;
}

.bc-mentors .mentor-bullets li + li {
    margin-top: clamp(12px, 1.5vw, 18px);
}

.bc-mentors .mentor-bullets li::before {
    content: "•";
    position: absolute;
    left: 8px; /* Odsunięcie od lewej krawędzi */
    top: -2px; /* Drobna korekta pozycji */
    font-size: 24px;
    line-height: 1;
    color: var(--brand);
}

.bc-mentors .mentor-bullets strong {
    font-weight: 700;
    color: #000;
}

/* RESPONSIVENESS */
@media (max-width: 1020px) {
    .bc-mentors .mentor-card__grid {
        grid-template-columns: 1fr;
    }
    .bc-mentors .mentor-left {
        grid-template-columns: 0.5fr 0.5fr;
        height: auto;
        margin-bottom: 24px;
        align-items: end; /* Wyrównanie do dołu na tabletach */
    }
    .bc-mentors .mentor-portrait {
        align-self: flex-end; /* Wyrównanie do dołu na tabletach */
        height: 350px;
    }
    .bc-mentors .mentor-portrait img {
        bottom: 0;
        transform: translateX(-50%); /* Reset transformu na tabletach */
    }
    .bc-mentors .mentor-arch {
        bottom: 0;
        transform: translateX(-50%); /* Reset transformu na tabletach */
    }
    .bc-mentors .mentor-bullets {
        padding-top: 24px;
    }
}

@media (max-width: 780px) {
    .bc-mentors .mentor-left {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 0;
    }
    .bc-mentors .mentor-name {
        margin-bottom: 20px;
    }
    .bc-mentors .mentor-portrait {
        max-width: min(300px, 80vw);
        height: 380px;
        justify-self: center;
    }
    .bc-mentors .mentor-arch {
        max-width: 300px;
    }
    .bc-mentors .mentor-bullets {
        padding-top: 20px;
    }
}

/* ═══ Section 6 ═══ */
/* === BRAND CODE – Pricing / Tickets (v3.1 - Reviewed) === */

/* --- 1. Tokens & Global Styles --- */
.bc-pricing{
  --brand-h: 355;
  --brand-s: 70%;
  --brand-l: 28%;
  --brand: hsl(var(--brand-h), var(--brand-s), var(--brand-l));
  --brand-2: hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) + 8%));

  --page-bg: #141313;
  --text: #ececec;
  --muted: #bdbdbd;
  --wrap: 1400px;
  --radius: 22px;
  --shadow-lg: 0 30px 60px rgba(0,0,0,.35), 0 10px 24px rgba(0,0,0,.25);
  --serif: "Playfair Display", "Times New Roman", serif;
  --sans: "Inter", system-ui, Arial, sans-serif;

  color: var(--text);
  background: var(--page-bg);
}

.bc-pricing *{ box-sizing: border-box; }
.bc-pricing a{ color: inherit; text-decoration: none; }

/* --- 2. Layout & Grid --- */
.bc-pricing__wrap{
  max-width: var(--wrap);
  margin: 0 auto;
  padding: clamp(40px, 8vw, 80px) clamp(16px, 4vw, 40px);
}

.bc-pricing__heading{
  font: 900 clamp(42px, 6vw, 78px)/1.04 var(--serif);
  text-align: center;
  margin: 0 0 clamp(40px, 6vw, 60px);
  color: #f7f7f7;
}

.bc-pricing__grid{
  display: grid;
  gap: clamp(16px, 2vw, 40px);
  grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
  align-items: stretch;
}

/* --- 3. Plan Card Structure --- */
.bc-pricing .plan-card{
  --notch-size: 34px;
  --tearY: 168px;
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  color: var(--card-fg);
  border: 1px solid var(--card-line);
  border-radius: calc(var(--radius) + 4px);
  box-shadow: var(--shadow-lg);
  isolation: isolate;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bc-pricing .plan-card::before,
.bc-pricing .plan-card::after{
  content: "";
  position: absolute;
  top: var(--tearY);
  transform: translateY(-50%);
  width: var(--notch-size);
  height: var(--notch-size);
  border-radius: 50%;
  background: var(--page-bg);
  z-index: 3;
  box-shadow: 0 0 0 1px var(--page-bg), 0 2px 6px rgba(0,0,0,.35);
}

.bc-pricing .plan-card::before{ left: calc(var(--notch-size) / -2); }
.bc-pricing .plan-card::after{ right: calc(var(--notch-size) / -2); }

/* --- 4. Card Header --- */
.bc-pricing .plan__top{
  position: relative;
  padding: clamp(16px, 1vw, 32px);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 16px;
}

.bc-pricing .has-badge .plan__top{ padding-top: 52px; }
.bc-pricing .plan__text-content{ display: grid; gap: 10px; }
.bc-pricing .plan__track{
  font: 800 12px/1 var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .9;
}

.bc-pricing .plan__title{
  font: 900 clamp(32px, 4vw, 48px)/1.02 var(--serif);
  margin: 0;
  color: var(--card-fg);
}

.bc-pricing .plan__price{
  font: 900 clamp(24px, 3.5vw, 38px)/1 var(--serif);
  margin-top: 0;
  font-variant-numeric: tabular-nums;
}

.bc-pricing .plan__badge{
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
  font: 800 11px/1 var(--sans);
  letter-spacing: .12em;
  color: #fff;
  background: var(--brand);
  padding: 8px 12px;
  border-radius: 999px;
  box-shadow: 0 10px 20px hsla(var(--brand-h), var(--brand-s), var(--brand-l), 0.35), 0 0 0 3px var(--page-bg);
  z-index: 4;
  white-space: nowrap;
}

.bc-pricing .plan__cut{
  grid-column: 1 / -1;
  height: 1px;
  margin-top: 18px;
  background: repeating-linear-gradient(90deg, transparent 0 10px, hsla(0,0%,100%,0.2) 10px 20px);
}

/* --- 5. Card Body --- */
.bc-pricing .plan__body{
  display: grid;
  grid-template-rows: 1fr auto auto;
  row-gap: 24px;
  padding: clamp(16px, 1vw, 32px);
  flex-grow: 1;
}

.bc-pricing .plan__features{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
  font: 400 15px/1.65 var(--sans);
  color: var(--card-fg);
}

.bc-pricing .plan__features li{
  position: relative;
  padding-left: 24px;
}

.bc-pricing .plan__features li::before{
  content: "✦";
  position: absolute;
  left: 0;
  top: .1em;
  font-size: 16px;
  opacity: .9;
  color: var(--brand);
}

.bc-pricing .tone--light .plan__features li::before{ color: var(--brand); }
.bc-pricing .tone--brand .plan__features li::before{ color: #fff; opacity: 0.8; }

.bc-pricing .plan__features li.is-dimmed{ opacity: .45; }

.bc-pricing .plan__features li del{
  color: inherit;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: inherit;
  opacity: 0.6;
}

.bc-pricing .plan__stock{
  text-align: center;
  margin-bottom: 12px;
  font-weight: 800;
  font-size: 14px;
  color: #ffeb3b;
}

.bc-pricing .plan__stock.is-empty{
  color: #ff5252;
}

.bc-pricing .plan__stock[hidden]{
  display: none !important;
}

.bc-pricing .plan__cta{
  margin-top: auto;
  display: grid;
  gap: 12px;
}

/* --- 6. Buttons --- */
.bc-pricing .btn{
  display: grid;
  place-items: center;
  text-align: center;
  font: 800 15px/1 var(--sans);
  padding: 18px 20px;
  border-radius: 14px;
  border: 1px solid transparent;
  transition: .22s ease all;
}

.bc-pricing .btn:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.bc-pricing .btn:focus-visible{
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.bc-pricing .btn[aria-disabled="true"]{
  opacity: .55;
  cursor: not-allowed !important;
  transform: none !important;
  pointer-events: none;
  box-shadow: none !important;
}

.bc-pricing .btn--primary{
  background: #fff;
  color: #111;
  border-color: #e7e7e7;
}

.bc-pricing .btn--primary:hover{ background: #f0f0f0; }

.bc-pricing .btn--ghost{
  background: transparent;
  color: #fff;
  border-color: #5a5a5a;
}

.bc-pricing .btn--ghost:hover{
  background: hsla(0,0%,100%,0.05);
  border-color: #888;
}

.bc-pricing .btn--brand{
  background: var(--brand);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 10px 22px hsla(var(--brand-h), var(--brand-s), var(--brand-l), 0.35);
}

.bc-pricing .btn--brand:hover{ background: var(--brand-2); }

/* --- 7. Theming / Tones --- */
.bc-pricing .tone--light-dark{
  --card-bg: linear-gradient(180deg,#555,#444);
  --card-fg: #fff;
  --card-line: #666;
}

.bc-pricing .tone--light{
  --card-bg: linear-gradient(180deg,#ffffff,#f9f9f9);
  --card-fg: #111;
  --card-line: #dedede;
}

.bc-pricing .tone--dark{
  --card-bg: linear-gradient(180deg,#1c1c1c,#171717);
  --card-fg: #f2f2f2;
  --card-line: #2b2b2b;
}

.bc-pricing .tone--brand{
  --card-bg: linear-gradient(
    180deg,
    hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) + 2%)),
    var(--brand)
  );
  --card-fg: #ffffff;
  --card-line: hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) + 10%));
}

.bc-pricing .tone--light .btn--ghost{
  color: #222;
  border-color: #ddd;
}

.bc-pricing .tone--light .btn--ghost:hover{
  border-color: #333;
  background: #f0f0f0;
}

.bc-pricing .tone--brand .btn--primary{
  background: #fff;
  color: var(--brand);
}

.bc-pricing .tone--brand .btn--primary:hover{ background: #f0f0f0; }

.bc-pricing .tone--brand .btn--ghost{
  border-color: hsla(0,0%,100%,0.4);
}

.bc-pricing .tone--brand .btn--ghost:hover{
  border-color: hsla(0,0%,100%,0.8);
  background: hsla(0,0%,100%,0.05);
}

.bc-pricing .tone--light .btn:focus-visible{ outline-color: #111; }
.bc-pricing .tone--light .plan__title{ color: inherit; }

.bc-pricing .tone--light .plan__cut{
  background: repeating-linear-gradient(90deg, transparent 0 10px, hsl(0 0% 0% / 20%) 10px 20px);
}

/* --- 8. Responsiveness --- */
@media (max-width: 1279px){
  .bc-pricing .bc-pricing__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 992px){
  .bc-pricing .bc-pricing__grid{
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 1280px){
  .bc-pricing .plan-card.is-featured{
    transform: scale(1.03);
    z-index: 2;
    box-shadow: 0 40px 80px rgba(0,0,0,.4), 0 15px 35px rgba(0,0,0,.3);
  }
}

/* --- 9. Reduced Motion --- */
@media (prefers-reduced-motion: reduce){
  .bc-pricing .plan-card,
  .bc-pricing .btn{
    transition: none;
  }

  .bc-pricing .plan-card.is-featured,
  .bc-pricing .btn:hover{
    transform: none;
  }
}

/* ═══ Section 7 ═══ */
/* =================== WHY SECTION (scoped to .bc-why) =================== */
.bc-why{
  /* Brand tokens */
  --bg:#f3f1ef;           /* tło sekcji */
  --ink:#1a1a1a;          /* główny tekst */
  --muted:#6a6a6a;        /* tekst pomocniczy */
  --line:#dedede;         /* obramowania */
  --panel:#ffffff;        /* karta */
  --brand:#79141b;        /* bordowy */
  --brand-2:#9a1b23;      /* jaśniejszy */
  --shadow:0 24px 60px rgba(0,0,0,.18), 0 10px 24px rgba(0,0,0,.12);

  --wrap:1180px;
  --radius:18px;
  --serif:"TheBRANDCODE","Libre Baskerville",serif;
  --sans:"Inter",system-ui,Arial,sans-serif;

  color:var(--ink);
  background:var(--bg);
}
.bc-why *{ box-sizing:border-box; }
.bc-why a{ color:inherit; text-decoration:none; }

/* container */
.bc-why__wrap{
  max-width:var(--wrap);
  margin:0 auto;
  padding:clamp(28px,5vw,60px) clamp(16px,4vw,40px);
  isolation:isolate;
}

/* ===== row 1: headline + lewa kolumna i stack kart ===== */
.bc-why__row{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:clamp(20px,4vw,40px);
  align-items:start;
}
@media (max-width:960px){ .bc-why__row{ grid-template-columns:1fr; } }

/* Headline + dopisek */
.bc-why__h{
  font:900 clamp(36px,6vw,64px)/1.05 var(--serif);
  margin:0 0 12px;
}
.bc-why__h .hl{
  position:relative; z-index:0;
  display:inline-block; padding:0 .25em;
}
.bc-why__h .hl::before{
  content:""; position:absolute; inset:.15em 0 .15em 0;
  background:#e6e1de; border-radius:6px; z-index:-1;
}
.bc-why__script{
  font:700 clamp(18px,3.6vw,28px)/1.2 var(--serif);
  color:var(--brand); font-style:italic; margin:0 0 18px;
}

/* Lewy tekst z pionową kreską */
.bc-why__copy{
  border-left:3px solid #d7d4d2;
  padding-left:16px; margin-top:10px;
  font:400 clamp(14px,1.6vw,16px)/1.7 var(--sans); color:var(--muted);
}
.bc-why__copy p{ margin:.6em 0; }
.bc-why__copy b, .bc-why__copy strong{ color:#000; }

/* ===== stack kart po prawej ===== */
.card-stack{ position:relative; max-width:560px; margin:8px auto 0; }
.card-stack .card{
  background:var(--panel); border:2px solid var(--brand);
  border-radius:12px; padding:28px 26px;
  box-shadow:var(--shadow);
}
.card-stack .card__logo{
  font:900 44px/1 var(--serif); color:var(--brand); margin:0 0 4px;
}
.card-stack .card__title{
  font:800 clamp(16px,2vw,18px)/1.35 var(--sans);
  text-align:center; color:var(--brand); margin:6px 0 12px;
}
.card-stack .card__p{
  font:400 14px/1.7 var(--sans); color:#3d3d3d; text-align:center; margin:8px 0;
}
/* przekładane kartki pod spodem */
.card-stack::before,
.card-stack::after{
  content:""; position:absolute; inset:0;
  border:2px solid #d7d4d2; border-radius:12px; background:#fdfdfd;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  transform-origin:top left; z-index:-1;
}
.card-stack::before{ transform:translate(18px,18px) rotate(2deg); }
.card-stack::after { transform:translate(34px,24px) rotate(6deg); }

@media (max-width:640px){
  .card-stack{
    max-width:calc(100vw - 32px);
    overflow:clip;
  }
  .card-stack::before{ transform:translate(8px,12px) rotate(1.25deg); }
  .card-stack::after { transform:translate(14px,16px) rotate(2.5deg); }
}

/* ===== row 2: callout z nawiasami i gwiazdką ===== */
.bc-why__callout{
  position:relative; text-align:center; margin:42px auto;
  max-width:980px; padding:26px 20px;
  font:400 clamp(22px,3.6vw,32px)/1.2 var(--serif);
}
.bc-why__callout .burst{
  position:absolute; inset:0; margin:auto; width:110px; height:110px; opacity:.15;
  background:
    linear-gradient(#bbb 0 0) center/12px 100% no-repeat,
    linear-gradient(#bbb 0 0) center/100% 12px no-repeat;
  z-index:-1;
}
.bc-why__callout .burst--45{ transform:rotate(45deg); }
.bc-why__callout::before,
.bc-why__callout::after{
  content:"{"; position:absolute; top:50%; transform:translateY(-50%);
  font-family:var(--serif); font-weight:900;
  font-size:clamp(42px,6vw,64px); color:var(--brand);
}
.bc-why__callout::before{ left:-10px; }
.bc-why__callout::after { right:-10px; content:"}"; }
@media (max-width:600px){
  .bc-why__callout::before, .bc-why__callout::after{ display:none; }
}

/* ===== row 3: growth – screeny + strzałka ===== */
.bc-why__growth{
  display:grid; align-items:center;
  grid-template-columns: 1fr auto 1fr;
  gap:clamp(16px,4vw,28px);
  margin:18px 0 12px;
}
.bc-why__growth .g-title{
  grid-column:1/-1; text-align:center; color:var(--brand);
  font:800 15px/1.4 var(--sans); margin-bottom:6px;
}
.bc-why__shot{
  background:#0d0e10; border-radius:12px; overflow:hidden;
  box-shadow:0 14px 28px rgba(0,0,0,.25);
  display:block;
}
.bc-why__shot img{ display:block; width:100%; height:auto; }
.bc-why__arrow{
  width:44px; height:44px; position:relative; flex:none;
}
.bc-why__arrow::before,
.bc-why__arrow::after{
  content:""; position:absolute; inset:0; margin:auto;
  background:var(--brand); border-radius:999px;
}
.bc-why__arrow::before{ width:44px; height:10px; }
.bc-why__arrow::after{
  width:14px; height:14px; transform:translate(14px,0) rotate(45deg);
  clip-path:polygon(0 0, 100% 0, 100% 100%);
  background:var(--brand);
}
@media (max-width:700px){
  .bc-why__growth{ grid-template-columns:1fr; }
  .bc-why__arrow{ transform:rotate(90deg); place-self:center; }
}

/* ===== row 4: dolny wiersz: lewy tekst – przycisk – prawy tekst ===== */
.bc-why__ctaRow{
  display:grid; grid-template-columns:1fr auto 1fr; gap:clamp(14px,3.6vw,26px);
  align-items:center; margin-top:22px;
  font:400 14px/1.6 var(--sans); color:#333;
}
a.bc-why__btn{
  display:inline-grid; place-items:center;
  background:var(--brand); color:#fff; font:800 14px/1 var(--sans);
  padding:14px 18px; border-radius:10px;
  border:1px solid #a02a33; box-shadow:0 10px 20px rgba(121,20,27,.35);
  transition:.18s ease transform,.18s ease background;
}
.bc-why__btn:hover{ background:var(--brand-2); transform:translateY(-1px); }

@media (max-width:820px){
  .bc-why__ctaRow{ grid-template-columns:1fr; text-align:center; }
}

/* ═══ Section 8 ═══ */
/* =================== PROOF / RESULTS (scoped) =================== */
.bc-proof{
  /* Brand tokens */
  --bg:#f3f1ef;
  --ink:#1a1a1a;
  --muted:#777;
  --line:#e6e6e6;
  --panel:#ffffff;
  --brand:#79141b;
  --brand-2:#9a1b23;
  --wrap:1180px;
  --radius:16px;
  --shadow:0 22px 48px rgba(0,0,0,.16), 0 8px 16px rgba(0,0,0,.12);
  --serif:"TheBRANDCODE","Libre Baskerville",serif;
  --sans:"Inter",system-ui,Arial,sans-serif;

  background:var(--bg); color:var(--ink);
}
.bc-proof *{ box-sizing:border-box; }
.bc-proof a{ color:inherit; text-decoration:none; }

.bc-proof__wrap{
  max-width:var(--wrap);
  margin:0 auto;
  padding:clamp(28px,6vw,64px) clamp(16px,4vw,40px);
  text-align:center;
}

/* Headings */
.bc-proof__script{
  font:700 clamp(18px,3.8vw,28px)/1.1 var(--serif);
  color:var(--brand); font-style:italic; margin:0 0 8px;
}
.bc-proof__title{
  font:900 clamp(34px,6.2vw,72px)/1.05 var(--serif);
  margin:0 0 10px;
}
.bc-proof__sub{
  font:500 13px/1.4 var(--sans); color:var(--muted);
  letter-spacing:.02em; margin:0 0 clamp(22px,4vw,34px);
}

/* Grid */
.bc-proof__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(16px,3vw,26px);
  text-align:left;
}
@media (max-width:880px){ .bc-proof__grid{ grid-template-columns:1fr; } }

/* Card */
.proof-card{
  position:relative; background:var(--panel);
  border:1px solid var(--line); border-radius:14px;
  box-shadow:var(--shadow);
  padding:22px clamp(16px,3.4vw,24px);
  overflow:hidden; isolation:isolate;
}
.proof-card__row{
  display:grid; grid-template-columns: 1fr auto; align-items:center; gap:16px;
}
.proof-card__sig{
  font:700 clamp(28px,4.8vw,42px)/1.05 var(--serif);
  font-style:italic; margin:0; white-space:nowrap;
}
.proof-card__last{
  font:500 12px/1 var(--sans); color:#666; margin-left:8px;
}

/* Scarlet story block */
.proof-card__story{
  margin-top:12px;
  max-width:560px;  /* desktopowy limit */
  background:var(--brand); color:#fff;
  border-radius:10px;
  padding:16px 18px;
}
.proof-card__story b, .proof-card__story strong{ color:#fff; font-weight:900; }
.proof-card__story p{ margin:.25em 0; font:400 14px/1.65 var(--sans); }

/* ===== Stamp (stabilny) ===== */
.proof-stamp{
  position:relative; width:clamp(140px,28vw,220px); aspect-ratio:4/5;
  transform:rotate(var(--rot,-8deg));
  margin-left:auto;
  pointer-events:none; /* dekor */
}
.proof-stamp__frame{
  position:absolute; inset:0; background:#fff; border:1px solid #e8e8e8;
  border-radius:10px; box-shadow:0 14px 28px rgba(0,0,0,.16);
  /* ząbkowane krawędzie – mask (z fallbackiem) */
  -webkit-mask:
    radial-gradient(circle at 10px 10px, transparent 8px, #000 8.1px) 0 0/20px 20px repeat,
    linear-gradient(#000,#000);
          mask:
    radial-gradient(circle at 10px 10px, transparent 8px, #000 8.1px) 0 0/20px 20px repeat,
    linear-gradient(#000,#000);
}
@supports not (mask: linear-gradient(#000,#000)){
  .proof-stamp__frame{ border-radius:12px; } /* fallback: bez ząbków */
}
.proof-stamp__img{
  position:absolute; inset:10px; border-radius:6px; overflow:hidden;
}
.proof-stamp__img img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Responsywność detali */
@media (max-width:520px){
  .proof-card__row{ grid-template-columns:1fr; }
  .proof-stamp{ margin:8px auto 0; transform:rotate(-4deg); }
  .proof-card__story{ max-width:none; }
}

/* 1:1 obraz w story (scoped do .bc-proof) */
.bc-proof .proof-story__media{
  margin-top:12px;
  width:100%;
  aspect-ratio:1 / 1;     /* zawsze kwadrat */
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.12);
  border:1px solid rgba(255,255,255,.35);
}
.bc-proof .proof-story__media img{
  width:100%;
  height:100%;
  object-fit:cover;       /* wypełnia bez zniekształceń */
  display:block;
}

/* Pokazuj tylko 4 pierwsze karty w stanie zwiniętym */
.bc-proof .bc-proof__grid.is-collapsed .proof-card:nth-child(n+5){
  display:none;
}

/* Przycisk "Pokaż więcej" */
.bc-proof__more{
  display:inline-grid;
  place-items:center;
  margin:50px auto 0;
  padding:14px 28px;
  font:800 14px/1 "Inter",system-ui,Arial,sans-serif;
  color:#fff;
  background:var(--brand);
  border:1px solid #a02a33;
  border-radius:10px;
  box-shadow:0 10px 20px rgba(121,20,27,.35);
  cursor:pointer;
  transition:.18s ease transform,.18s ease background;
}
.bc-proof__more:hover{ background:var(--brand-2); transform:translateY(-1px); }

/* Centrowanie proof-stamp na widokach mobilnych */
@media (max-width: 640px){
  .bc-proof .proof-card__row{
    grid-template-columns: 1fr;      /* jedna kolumna */
    justify-items: center;            /* wyśrodkuj elementy w kolumnie */
  }

  .bc-proof .proof-stamp{
    /* nadpisz bazowe ustawienie z desktopu */
    margin: 12px auto 0 !important;   /* auto po bokach = centrowanie */
    justify-self: center;              /* pewne centrowanie w gridzie */
    align-self: start;
    width: clamp(160px, 70vw, 220px);  /* responsywna szerokość */
    transform-origin: center;          /* obrót wokół środka, nie przesuwa */
    transform: rotate(var(--rot, -4deg));
  }
}

/* ═══ Section 9 ═══ */
/* ====== HELP CTA (v3.2 - Poprawka tła) ====== */
.bc-help {
  /* === CENTRUM ZARZĄDZANIA MARKĄ === */
  --brand-h: 355;
  --brand-s: 70%;
  --brand-l: 32%;

  --brand: hsl(var(--brand-h), var(--brand-s), var(--brand-l));
  --brand-light: hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) + 10%));
  --brand-dark: hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) - 5%));
  --brand-glow: hsla(var(--brand-h), var(--brand-s), var(--brand-l), 0.25);
  --brand-shadow: hsla(var(--brand-h), var(--brand-s), calc(var(--brand-l) - 10%), 0.4);

  /* === ZMIENNE GLOBALNE KOMPONENTU === */
  --bg: #111111;
  --ink: #f5f5f5;
  --ink-muted: #c9c9c9;
  --wrap: 900px; /* ZMIANA: Przywrócono stałą szerokość dla zawartości */
  --serif: "Playfair Display", "Times New Roman", serif;
  --sans: "Inter", system-ui, Arial, sans-serif;

  /* === ZMIANA: Kod do rozciągnięcia tła na pełną szerokość === */
  width: 100vw; /* Ustaw szerokość na 100% szerokości okna przeglądarki */
  min-height: 100%; /* ZMIANA: Minimalna wysokość 100% ekranu */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  /* ========================================================= */

  background: radial-gradient(circle at center, hsl(0, 0%, 10%), var(--bg) 80%);
  color: var(--ink);
  font-family: var(--sans);
  overflow: hidden;
  display: flex; /* ZMIANA: Włączenie Flexbox */
  align-items: center; /* ZMIANA: Wyśrodkowanie zawartości w pionie */
}

.bc-help__wrap {
  max-width: var(--wrap); /* Używamy zmiennej do ograniczenia szerokości tekstu */
  margin: 0 auto;
  padding: clamp(60px, 10vw, 100px) clamp(16px, 4vw, 40px);
  text-align: center;
}

/* === TYPOGRAFIA === */
.bc-help__title {
  font-family: var(--serif);
  font-size: clamp(34px, 6vw, 56px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin: 0 0 16px;
  text-shadow: 0 4px 20px rgba(0,0,0,0.3);
  color: #fff;
}
/* ... reszta stylów pozostaje bez zmian ... */
.bc-help__lead {font-size: clamp(17px, 2.5vw, 20px);line-height: 1.5;color: var(--ink-muted);margin: 0 auto 24px;max-width: 65ch;}
.bc-help__lead strong {color: var(--ink);font-weight: 600;}
.bc-help__bullets {list-style: none;margin: 0 auto 32px;padding: 0;max-width: 720px;color: var(--ink-muted);font-size: clamp(15px, 2vw, 16px);line-height: 1.7;text-align: left;display: inline-block;}
.bc-help__bullets li {margin: 8px 0;position: relative;padding-left: 24px;}
.bc-help__bullets li::before {content: "";position: absolute;left: 0;top: 0.6em;width: 9px;height: 9px;border-radius: 50%;background: var(--brand);box-shadow: 0 0 0 4px var(--brand-glow);}
.bc-help__actions {display: flex;justify-content: center;gap: 16px;flex-wrap: wrap;}
.bc-btn {display: inline-flex;align-items: center;justify-content: center;gap: 12px;padding: 16px 28px;border-radius: 16px;font-weight: 700;font-size: clamp(15px, 2vw, 16px);text-decoration: none;transition: transform .2s ease, box-shadow .2s ease, background-image .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;border: 1px solid transparent;cursor: pointer;}
.bc-btn--primary {background-image: linear-gradient(180deg, var(--brand-light), var(--brand));color: #fff;border-color: var(--brand-light);box-shadow: 0 12px 28px -6px var(--brand-shadow);}
.bc-btn--primary:hover {transform: translateY(-2px);box-shadow: 0 16px 32px -6px var(--brand-shadow);background-image: none;background-color: #fff;color: var(--brand-dark);border-color: #fff;}
.bc-btn--secondary {background: transparent;color: var(--ink);border-color: #c9c9c9;}
.bc-btn--secondary:hover {transform: translateY(-2px);background-color: #fff;color: #111;border-color: #fff;}
.bc-btn:active {transform: translateY(0);}
.bc-btn:focus-visible {outline: 0;box-shadow: 0 0 0 3px var(--bg), 0 0 0 6px var(--brand);}
.bc-help__hint {margin: 24px 0 0;color: #a9a9a9;font-size: 14px;}
@media (max-width: 520px) {.bc-btn {width: 100%;}}