/* ==========================================================================
   TRAFNI — strony ról (np. główna księgowa, kierownik utrzymania ruchu)
   Wczytywany PO podstrony.css: korzysta z jego tokenów, nawigacji, stopki,
   przycisków, FAQ i warstwy efektów [data-rv]. Dodaje nowe komponenty
   z prefiksem r- (rola). Zasady efektów bez zmian: stany początkowe tylko
   pod .fx, animujemy transform i opacity.
   ========================================================================== */

:root{
  --gold-text:#7F611C;   /* złoto do tekstu na jasnym tle: 5,4:1 na kremie */
  --gold-num:#9C7A2B;    /* duże numery na jasnym tle: 3,8:1 */
  --r-rad:20px;
  --r-rad-s:14px;
  --r-shadow:0 28px 60px -38px rgba(42,19,48,.55);
}

/* ============================================================== HERO ===== */
.r-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--plum-ink);color:var(--cream);
  padding:calc(var(--navh) + clamp(30px,4.4vw,58px)) 0 clamp(48px,6vw,84px);
}
.r-hero__glow{
  position:absolute;z-index:-1;pointer-events:none;
  width:min(70vw,860px);aspect-ratio:1;left:-22vw;top:-30vw;
  background:radial-gradient(circle,rgba(212,169,69,.22),rgba(212,169,69,0) 64%);
}
.r-hero__glow--b{left:auto;right:-26vw;top:auto;bottom:-40vw;background:radial-gradient(circle,rgba(84,36,72,.75),rgba(84,36,72,0) 66%)}
.r-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:stretch}
.r-hero__txt{display:flex;flex-direction:column;justify-content:center;min-width:0}
.r-hero h1{
  font-size:clamp(2.05rem,4.2vw,3.3rem);line-height:1.02;letter-spacing:-.036em;font-weight:800;
  color:#fff;max-width:19ch;margin:clamp(18px,2.4vw,26px) 0 clamp(18px,2.4vw,26px);
}
.r-hero h1 em{font-style:normal;color:var(--gold-2)}
.r-hero__lead{font-size:clamp(1.02rem,1.35vw,1.15rem);line-height:1.62;color:rgba(250,247,242,.8);max-width:52ch}
.r-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,34px)}

/* przełącznik sytuacji: wzrost / zmiana */
.r-sit{
  margin-top:clamp(24px,3vw,32px);
  border:1px solid rgba(250,247,242,.16);background:rgba(250,247,242,.045);
  border-radius:var(--r-rad);padding:8px;max-width:620px;
}
.r-sit__q{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,247,242,.55);padding:10px 12px 8px}
.r-sit__tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.r-sit__tab{
  appearance:none;border:1px solid transparent;border-radius:var(--r-rad-s);
  background:transparent;color:rgba(250,247,242,.74);cursor:pointer;
  font:600 .95rem/1.25 var(--util);text-align:left;padding:.85em 1em;
  display:flex;flex-direction:column;gap:4px;
  transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}
.r-sit__tab small{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.r-sit__tab:hover{border-color:rgba(212,169,69,.45);color:#fff}
.r-sit__tab[aria-selected="true"]{background:var(--cream);color:var(--plum-deep);border-color:var(--cream)}
.r-sit__tab[aria-selected="true"] small{color:var(--plum-2)}
.r-sit__panel{padding:16px 14px 12px}
.r-sit__panel + .r-sit__panel{border-top:1px solid rgba(250,247,242,.12)}
.r-sit.is-js .r-sit__panel + .r-sit__panel{border-top:0}
.r-sit__lbl{display:block;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.r-sit.is-js .r-sit__lbl{display:none}
.r-sit__panel p{font-family:var(--serif);font-size:clamp(1.02rem,1.3vw,1.12rem);line-height:1.56;color:rgba(250,247,242,.9)}
.r-sit__panel.is-in{animation:rSitIn .45s var(--out) both}
@keyframes rSitIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* kolumna zdjęcia z kartą faktów */
.r-hero__media{position:relative;border-radius:calc(var(--r-rad) + 8px);overflow:hidden;min-height:clamp(380px,46vw,620px);box-shadow:0 40px 90px -50px rgba(0,0,0,.9)}
.r-hero__media picture,.r-hero__media img{position:absolute;inset:0;width:100%;height:100%}
.r-hero__media img{object-fit:cover;object-position:var(--r-pos,center 40%);filter:saturate(.82) contrast(1.04)}
.r-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,10,32,.05) 30%,rgba(26,10,32,.78) 100%),linear-gradient(0deg,rgba(58,29,63,.28),rgba(58,29,63,.28))}
.r-facts{
  position:absolute;z-index:2;left:14px;right:14px;bottom:14px;
  display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;
  background:rgba(250,247,242,.14);border:1px solid rgba(250,247,242,.18);border-radius:var(--r-rad-s);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.r-fact{background:rgba(26,10,32,.66);padding:13px 15px}
.r-fact b{display:block;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.r-fact span{font-family:var(--display);font-weight:600;font-size:.98rem;letter-spacing:-.02em;line-height:1.2;color:#fff}

.r-hero .crumbs{margin:0}

/* ================================================= WSPÓLNE DLA SEKCJI ==== */
.r-sec{position:relative;padding-block:clamp(68px,9vw,124px)}
.r-sec--sand{background:var(--sand-soft)}
.r-sec--cream2{background:var(--cream-2)}
.r-sec--dark{background:var(--plum-deep);color:var(--cream)}
.r-sec--dark h2,.r-sec--dark h3{color:#fff}
.r-sec .head{margin-bottom:clamp(28px,4vw,48px)}

/* ========================================== WARIANTY: CO PRZEJMUJE ===== */
.r-var{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px)}
.r-var__card{
  background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-rad);
  padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;
  transition:transform .35s var(--out),box-shadow .35s var(--ease),border-color .3s var(--ease);
}
/* karta wariantu z linkiem do strony roli: cała karta jest celem (link rozciągnięty na kartę) */
.r-var__card{position:relative}
.r-var__card:has(.r-var__go):hover{box-shadow:var(--r-shadow);border-color:var(--gold)}
.r-var__card:has(.r-var__go:focus-visible){outline:2px solid var(--gold);outline-offset:3px}
.r-var__card--b{background:var(--plum);border-color:var(--plum);color:var(--cream)}
.r-var__tag{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text)}
.r-var__card h3{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:10px 0 0}
.r-var__card--b h3{color:#fff}
.r-var dl{margin:clamp(18px,2.4vw,26px) 0 0;display:grid}
.r-var__row{display:grid;grid-template-columns:minmax(110px,30%) 1fr;gap:16px;padding:15px 0;border-top:1px solid var(--line)}
.r-var__card--b .r-var__row{border-color:rgba(250,247,242,.16)}
.r-var dt{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding-top:3px}
.r-var__card--b dt{color:rgba(250,247,242,.55)}
.r-var dd{margin:0;font-size:.97rem;line-height:1.55;color:var(--ink)}
.r-var__card--b dd{color:rgba(250,247,242,.88)}

.r-tips{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.6vw,40px);margin-top:clamp(26px,3.4vw,40px)}
.r-tip{border-left:2px solid var(--gold);padding:2px 0 2px clamp(16px,2vw,22px)}
.r-tip strong{display:block;font-family:var(--display);font-size:1.08rem;letter-spacing:-.02em;color:var(--ink);margin-bottom:6px}
.r-tip p{font-size:.97rem;line-height:1.6;color:var(--ink-soft);max-width:52ch}

/* ============================================= OŚ: TERMIN PRZEJĘCIA ===== */
.r-time{
  list-style:none;margin:0;padding:0;position:relative;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,.82fr) minmax(0,1fr);
}
.r-time--even{grid-template-columns:repeat(var(--r-cols,6),minmax(0,1fr))}
.r-time::before{content:"";position:absolute;left:0;right:0;top:21px;height:2px;background:linear-gradient(90deg,var(--line-2),var(--plum-2) 70%,var(--gold))}
.r-time__it{position:relative;padding:52px clamp(10px,1.4vw,20px) 0 0}
.r-time__it::before{
  content:"";position:absolute;left:0;top:13px;width:18px;height:18px;border-radius:50%;
  background:var(--sand-soft);border:2px solid var(--plum-2);
}
.r-time__no{display:block;font-family:var(--display);font-weight:800;font-size:.74rem;letter-spacing:.12em;color:var(--plum-2);margin-bottom:8px}
.r-time__it h3{font-size:clamp(1rem,1.5vw,1.16rem);letter-spacing:-.02em;line-height:1.18;margin-bottom:8px}
.r-time__it p{font-size:.9rem;line-height:1.55;color:var(--ink-soft)}
/* kamień milowy: termin przejęcia */
.r-time__it--key::before{
  width:26px;height:26px;top:9px;left:-4px;border-radius:5px;transform:rotate(45deg);
  background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px rgba(212,169,69,.22);
}
.r-time__it--key h3{color:var(--plum-deep)}
.r-time__it--key .r-time__no{color:var(--gold)}
/* start przed terminem: wyróżniony punkt */
.r-time__it--go::before{background:var(--plum-2)}
.r-time__note{margin-top:clamp(28px,3.6vw,44px);display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center}
.r-time__note p{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--plum-2);max-width:68ch}

/* ===================================================== BRIEF: PYTANIA ===== */
.r-asks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.r-ask{
  background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-rad-s);
  padding:clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:8px;
  transition:transform .3s var(--out),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.r-ask__no{font-family:var(--display);font-weight:800;font-size:1.6rem;line-height:1;letter-spacing:-.04em;color:var(--gold-num)}
.r-ask h3{font-size:1.04rem;letter-spacing:-.02em;line-height:1.2}
.r-ask p{font-size:.92rem;line-height:1.55;color:var(--ink-soft)}
.r-ask--accent{background:var(--plum);border-color:var(--plum)}
.r-ask--accent .r-ask__no{color:var(--gold)}
.r-ask--accent h3{color:#fff}
.r-ask--accent p{color:rgba(250,247,242,.8)}

/* ================================================= WIEDZA I RAPORT ===== */
.r-know{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(30px,5vw,76px);align-items:start}
.r-checks{list-style:none;margin:clamp(22px,3vw,30px) 0 0;padding:0;display:grid;gap:2px}
.r-checks li{
  display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;
  padding:13px 0;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.5;color:var(--ink);
}
.r-checks li::before{
  content:"";width:26px;height:26px;border-radius:50%;margin-top:-1px;
  background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%232A1330' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;
}
.r-checks li small{display:block;font-size:.86rem;color:var(--ink-soft);margin-top:2px}
.r-know__aside{font-family:var(--serif);font-size:1.1rem;line-height:1.6;color:var(--plum-2);margin-top:clamp(22px,3vw,30px);max-width:52ch}

.r-report{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-rad);
  box-shadow:0 40px 80px -50px rgba(42,19,48,.6);overflow:hidden;
}
.r-report__bar{background:var(--plum);color:var(--cream);padding:18px 22px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.r-report__bar strong{font-family:var(--display);font-size:1.12rem;letter-spacing:-.02em;color:#fff}
.r-report__bar span{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}
.r-report ol{list-style:none;margin:0;padding:8px 22px 18px;counter-reset:r}
.r-report li{counter-increment:r;padding:16px 0;border-bottom:1px dashed var(--line-2);display:grid;grid-template-columns:30px 1fr;gap:10px}
.r-report li:last-child{border-bottom:0}
.r-report li::before{content:counter(r,decimal-leading-zero);font-family:var(--display);font-weight:800;font-size:.8rem;color:var(--gold);padding-top:2px}
.r-report h3,.r-report h4{font-family:var(--display);font-size:1rem;letter-spacing:-.015em;color:var(--ink);margin:0 0 4px;line-height:1.25}
.r-report p{font-size:.88rem;line-height:1.5;color:var(--ink-soft)}
.r-report__sk{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.r-report__sk i{display:block;height:7px;border-radius:4px;background:var(--cream-2)}
.r-report__sk i:nth-child(2){width:82%}
.r-report__sk i:nth-child(3){width:64%}
.r-report__foot{padding:12px 22px 16px;font-size:.78rem;color:var(--ink-soft);background:var(--cream)}

/* ================================================= PROCES (ciemna) ===== */
.r-sec--dark .chain{margin-top:0}
.r-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,44px);margin-top:clamp(28px,3.6vw,44px)}
.r-pair__it{border-top:1px solid rgba(250,247,242,.18);padding-top:18px}
.r-pair__it strong{display:block;font-family:var(--display);font-size:1.12rem;letter-spacing:-.02em;color:#fff;margin-bottom:8px}
.r-pair__it p{font-size:.98rem;line-height:1.62;color:rgba(250,247,242,.74);max-width:54ch}

/* ===================================================== ZASADY ===== */
.r-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.r-rule{
  background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-rad);
  padding:clamp(20px,2.4vw,28px);display:flex;flex-direction:column;gap:10px;
}
.r-rule--gold{background:var(--gold);border-color:var(--gold)}
.r-rule__k{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}
.r-rule--gold .r-rule__k{color:var(--plum-deep)}
.r-rule h3{font-size:clamp(1.12rem,1.8vw,1.32rem);letter-spacing:-.025em;line-height:1.15;color:var(--ink)}
.r-rule--gold h3{color:var(--plum-deep)}
.r-rule p{font-size:.93rem;line-height:1.58;color:var(--ink-soft)}
.r-rule--gold p{color:rgba(42,19,48,.82)}

.r-proof{list-style:none;margin:clamp(26px,3.4vw,40px) 0 0;padding:clamp(16px,2vw,22px) clamp(18px,2.4vw,28px);display:flex;flex-wrap:wrap;gap:10px 0;border:1px solid var(--line-2);border-radius:999px;background:var(--cream)}
.r-proof li{font-family:var(--display);font-weight:600;font-size:.98rem;letter-spacing:-.015em;color:var(--plum-deep);display:flex;align-items:center}
.r-proof li + li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);margin:0 clamp(12px,1.6vw,20px)}

/* ===================================================== POWIĄZANE ===== */
.r-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.r-link{
  display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;
  background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-rad-s);
  padding:clamp(18px,2.2vw,26px);transition:transform .3s var(--out),border-color .3s var(--ease),background-color .3s var(--ease);
}
.r-link:hover{transform:translateY(-4px);border-color:var(--gold);background:#fff}
.r-link small{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text)}
.r-link strong{font-family:var(--display);font-size:1.12rem;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.r-link span{font-size:.92rem;line-height:1.5;color:var(--ink-soft)}
.r-link i{font-style:normal;margin-top:auto;padding-top:8px;font-weight:600;font-size:.88rem;color:var(--plum-2)}

/* ======================================================= FAQ: data ===== */
.r-upd{font-size:.8rem;color:var(--ink-soft);margin-top:18px}

/* ============================================ KONTAKT Z FORMULARZEM ===== */
.r-contact{position:relative;isolation:isolate;overflow:hidden;background:var(--plum-ink);color:var(--cream)}
.r-contact__glow{position:absolute;z-index:-1;width:min(80vw,900px);aspect-ratio:1;right:-30vw;top:-30vw;background:radial-gradient(circle,rgba(212,169,69,.16),rgba(212,169,69,0) 64%)}
.r-contact__in{padding-block:clamp(62px,8vw,104px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);align-items:start}
.r-contact h2{font-size:clamp(1.9rem,4vw,2.9rem);color:#fff;margin:16px 0 14px;max-width:20ch}
.r-contact__intro{font-family:var(--serif);font-size:1.1rem;line-height:1.55;color:rgba(250,247,242,.8);max-width:52ch;margin-bottom:clamp(22px,3vw,30px)}

.r-form{background:var(--cream);color:var(--ink);border-radius:calc(var(--r-rad) + 4px);padding:clamp(22px,3vw,36px);box-shadow:0 40px 90px -50px rgba(0,0,0,.9)}
.r-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.r-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.r-field--full{grid-column:1 / -1}
.r-field > label,.r-field legend{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:0}
.r-field .opt{font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-soft)}
fieldset.r-field{border:0;margin:0;padding:0;min-width:0}
.r-form input[type=text],.r-form input[type=email],.r-form input[type=tel],.r-form select,.r-form textarea{
  width:100%;font:400 1rem/1.4 var(--util);color:var(--ink);
  background:#fff;border:1.5px solid var(--line-2);border-radius:12px;padding:.78em .9em;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.r-form textarea{min-height:110px;resize:vertical}
.r-form input:focus,.r-form select:focus,.r-form textarea:focus{outline:none;border-color:var(--plum-2);box-shadow:0 0 0 3px rgba(212,169,69,.35)}
.r-form [aria-invalid="true"]{border-color:#B3261E}

.r-pills{display:flex;flex-wrap:wrap;gap:8px}
.r-pills label{position:relative;cursor:pointer}
.r-pills input{position:absolute;opacity:0;width:1px;height:1px}
.r-pills span{
  display:inline-flex;align-items:center;min-height:42px;padding:.55em 1em;border-radius:999px;
  border:1.5px solid var(--line-2);background:#fff;font-size:.92rem;font-weight:500;color:var(--ink);
  transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease);
}
.r-pills label:hover span{border-color:var(--plum-2)}
.r-pills input:checked + span{background:var(--plum);border-color:var(--plum);color:#fff}
.r-pills input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}

.r-form__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.r-form__foot{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;margin-top:20px}
.r-form__note{font-size:.8rem;line-height:1.5;color:var(--ink-soft);max-width:44ch}
.r-form__note a{color:var(--plum-2)}
.r-form .btn{border:0}
.r-form .btn[disabled]{opacity:.6;cursor:progress}
.r-form__msg{margin-top:16px;padding:14px 16px;border-radius:12px;font-size:.95rem;line-height:1.5}
.r-form__msg.ok{background:#E7F2EA;color:#1E4D2B;border:1px solid #BFD9C6}
.r-form__msg.err{background:#FBEAEA;color:#7A1F1A;border:1px solid #EBC3C0}

.r-next{list-style:none;margin:0;padding:0;counter-reset:n;display:grid;gap:0;border:1px solid rgba(250,247,242,.16);border-radius:var(--r-rad);overflow:hidden;background:rgba(250,247,242,.04)}
.r-next li{counter-increment:n;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(250,247,242,.12)}
.r-next li:last-child{border-bottom:0}
.r-next li::before{content:counter(n,decimal-leading-zero);font-family:var(--display);font-weight:800;font-size:1.1rem;color:var(--gold)}
.r-next strong{display:block;font-family:var(--display);font-size:1.04rem;letter-spacing:-.02em;color:#fff;margin-bottom:3px}
.r-next span{font-size:.92rem;line-height:1.5;color:rgba(250,247,242,.7)}
.r-contact .details{margin-top:16px;border-radius:var(--r-rad)}
.r-contact__cap{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}

/* link pod kartą wariantu */
.r-var__go{margin-top:auto;padding-top:18px;font-weight:600;font-size:.92rem;color:var(--plum-2);text-decoration:none;display:inline-flex;gap:.5em;align-items:center}
.r-var__go:hover{color:var(--plum)}
.r-var__go::after{content:"";position:absolute;inset:0;border-radius:inherit}
.r-var__go:focus-visible{outline:none}
.r-var__card--b .r-var__go{color:var(--gold-2)}
.r-var--4{grid-template-columns:repeat(2,minmax(0,1fr))}
/* trzy warianty roli (8.10.2026): trzy kolumny na komputerze, etykiety nad treścią */
@media (min-width:1181px){.r-var--3{grid-template-columns:repeat(3,minmax(0,1fr))}.r-var--3 .r-var__row{grid-template-columns:1fr;gap:6px}}
@media (max-width:1180px){.r-var--3 > :last-child{grid-column:1 / -1}}

/* ================================================ RESPONSYWNOŚĆ ===== */
@media (max-width:1080px){
  .r-time--even{grid-template-columns:1fr}
  .r-asks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r-time{grid-template-columns:1fr;gap:0}
  .r-time::before{left:8px;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:linear-gradient(180deg,var(--line-2),var(--plum-2) 70%,var(--gold))}
  .r-time__it{padding:0 0 26px 46px}
  .r-time__it::before{top:2px;left:0}
  .r-time__it--key::before{top:0;left:-4px}
}
@media (max-width:980px){
  .r-hero__grid,.r-know,.r-contact__in{grid-template-columns:1fr}
  .r-hero__media{min-height:320px;order:-1}
  .r-hero{padding-top:calc(var(--navh) + 18px)}
  .r-var,.r-tips,.r-pair{grid-template-columns:1fr}
  .r-links{grid-template-columns:1fr}
}
@media (max-width:620px){
  .r-asks,.r-rules{grid-template-columns:1fr}
  .r-form__grid{grid-template-columns:1fr}
  .r-sit__tabs{grid-template-columns:1fr}
  .r-facts{grid-template-columns:1fr 1fr}
  .r-fact{padding:11px 12px}
  .r-fact span{font-size:.9rem}
  .r-var__row{grid-template-columns:1fr;gap:4px}
  .r-proof{border-radius:var(--r-rad);flex-direction:column;align-items:flex-start;gap:8px}
  .r-proof li + li::before{display:none}
  .r-hero h1{font-size:clamp(1.9rem,8.4vw,2.4rem)}
}
@media (prefers-reduced-motion:reduce){
  .r-sit__panel.is-in{animation:none}
  .r-var__card,.r-ask,.r-link{transition:none}
}

/* ==========================================================================
   STRONA GŁÓWNA (h-) — korzysta z komponentów stron ról
   ========================================================================== */
.h-hero .r-hero__grid{align-items:center}
.h-hero h1{max-width:16ch;font-size:clamp(2.2rem,4.8vw,3.9rem)}
.h-hero .r-hero__media{min-height:clamp(360px,40vw,560px)}
.h-tag{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--gold-2)}

.h-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,16px);margin-top:clamp(30px,4vw,48px)}
.h-path{
  position:relative;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--cream);
  padding:clamp(18px,2.2vw,26px);border-radius:var(--r-rad);
  background:rgba(250,247,242,.055);border:1px solid rgba(250,247,242,.16);
  transition:background-color .3s var(--ease),color .3s var(--ease),transform .35s var(--out),border-color .3s var(--ease);
}
.h-path small{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.h-path strong{font-family:var(--display);font-size:clamp(1.12rem,1.8vw,1.34rem);letter-spacing:-.025em;line-height:1.15;color:#fff}
.h-path span{font-size:.93rem;line-height:1.55;color:rgba(250,247,242,.72)}
.h-path i{font-style:normal;margin-top:auto;padding-top:10px;font-weight:600;font-size:.9rem;color:var(--gold-2)}
.h-path:hover{background:var(--cream);border-color:var(--cream);transform:translateY(-4px)}
.h-path:hover strong{color:var(--plum-deep)}
.h-path:hover span{color:var(--ink-soft)}
.h-path:hover i{color:var(--plum-2)}
.h-path b{position:absolute;top:16px;right:16px;font-size:.62rem;font-weight:700;letter-spacing:.14em;padding:.35em .6em;border-radius:6px;background:rgba(212,169,69,.2);color:var(--gold-2)}

.r-proof--dark{background:transparent;border-color:rgba(250,247,242,.18);margin-top:clamp(18px,2.4vw,26px)}
.r-proof--dark li{color:rgba(250,247,242,.9)}

/* wzrost / zmiana */
.h-sit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px)}
.h-sit__col{border-radius:var(--r-rad);padding:clamp(22px,3vw,36px);background:var(--cream);border:1px solid var(--line-2)}
.h-sit__col--b{background:var(--plum);border-color:var(--plum);color:var(--cream)}
.h-sit__tag{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.h-sit__col h3{font-size:clamp(1.35rem,2.4vw,1.8rem);margin:10px 0 6px}
.h-sit__col--b h3{color:#fff}
.h-sit__col > p{font-size:.97rem;line-height:1.6;color:var(--ink-soft);max-width:46ch}
.h-sit__col--b > p{color:rgba(250,247,242,.74)}
.h-sit ul{list-style:none;margin:18px 0 0;padding:0}
.h-sit li a{
  display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;
  padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);
  font-weight:500;font-size:1rem;line-height:1.4;transition:color .2s var(--ease),padding-left .3s var(--out);
}
.h-sit li a small{display:block;font-size:.82rem;font-weight:400;color:var(--ink-soft);margin-top:2px}
.h-sit li a::after{content:"→";color:var(--gold);font-weight:600}
.h-sit li a:hover{color:var(--plum-2);padding-left:6px}
.h-sit__col--b li a{border-color:rgba(250,247,242,.16);color:#fff}
.h-sit__col--b li a small{color:rgba(250,247,242,.6)}
.h-sit__col--b li a:hover{color:var(--gold-2)}

.h-multi{
  margin-top:clamp(18px,2.4vw,28px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;
  padding:clamp(18px,2.2vw,24px) clamp(20px,3vw,32px);border-radius:var(--r-rad);background:var(--gold);color:var(--plum-deep);
}
.h-multi p{font-size:1rem;line-height:1.55;max-width:70ch}
.h-multi strong{font-family:var(--display);letter-spacing:-.02em}

/* obszary: zob. „indeks obszarów” na końcu pliku (8.10.2026) */
.h-more{margin-top:clamp(26px,3.4vw,40px)}
.h-more__lbl{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.h-more .chips{margin-top:12px}

.r-links--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* historia */
.h-story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.h-nums{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--r-rad);overflow:hidden}
.h-num{background:var(--cream);padding:clamp(20px,2.6vw,30px)}
.h-num b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,6vw,4.2rem);line-height:.9;letter-spacing:-.05em;color:var(--plum)}
.h-num span{display:block;margin-top:10px;font-size:.92rem;line-height:1.45;color:var(--ink-soft)}
.h-story__q{font-family:var(--serif);font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.4;color:var(--ink)}
.h-story__meta{margin-top:16px;font-size:.88rem;color:var(--ink-soft)}

/* interim i IT */
.h-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px)}
.h-two__card{
  display:flex;flex-direction:column;gap:12px;text-decoration:none;min-height:300px;
  border-radius:calc(var(--r-rad) + 6px);padding:clamp(26px,3.4vw,44px);
  background:var(--plum);color:var(--cream);transition:transform .35s var(--out),box-shadow .35s var(--ease);
}
.h-two__card:hover{transform:translateY(-5px);box-shadow:0 40px 80px -46px rgba(26,10,32,.9)}
.h-two__card--gold{background:var(--gold);color:var(--plum-deep)}
.h-two__card small{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
.h-two__card--gold small{color:rgba(42,19,48,.65)}
.h-two__card h3{font-size:clamp(1.6rem,3vw,2.3rem);color:#fff;max-width:16ch}
.h-two__card--gold h3{color:var(--plum-deep)}
.h-two__card p{font-size:1rem;line-height:1.6;color:rgba(250,247,242,.8);max-width:46ch}
.h-two__card--gold p{color:rgba(42,19,48,.85)}
.h-two__card i{font-style:normal;margin-top:auto;font-weight:700;font-size:.95rem}

/* kandydaci */
.h-cand{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,64px);align-items:start}
.h-cand .r-form{box-shadow:var(--r-shadow)}
.r-file{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px;border:1.5px dashed var(--line-2);border-radius:12px;background:#fff}
.r-file input{font-size:.9rem;max-width:100%}
.r-file span{font-size:.84rem;color:var(--ink-soft)}
.r-consent{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:.86rem;line-height:1.5;color:var(--ink-soft)}
.r-consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--plum)}

/* lokalizacje */
.h-cities{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.h-cities a{display:inline-flex;flex-direction:column;padding:.7em 1.1em;border-radius:14px;border:1px solid var(--line-2);background:var(--cream);text-decoration:none;color:var(--ink);transition:border-color .2s var(--ease),transform .3s var(--out)}
.h-cities a strong{font-family:var(--display);font-size:1rem;letter-spacing:-.015em}
.h-cities a span{font-size:.8rem;color:var(--ink-soft)}
.h-cities a:hover{border-color:var(--gold);transform:translateY(-3px)}

@media (max-width:1080px){
  .r-links--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .h-paths,.h-sit,.h-story,.h-two,.h-cand{grid-template-columns:1fr}
  .h-hero .r-hero__media{min-height:280px}
}
@media (max-width:620px){
  .r-links--4{grid-template-columns:1fr}
  .h-multi{border-radius:var(--r-rad)}
  .h-two__card{min-height:0}
  .h-hero .r-hero__media{min-height:210px}
}

/* ===================================================== JAK PRACUJEMY ===== */
/* pięć kroków ze szczegółami */
.r-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.r-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:clamp(18px,3.2vw,52px);
  padding:clamp(26px,3.2vw,38px) 0;border-bottom:1px solid var(--line-2);align-items:start}
.r-step__h{display:flex;gap:clamp(14px,1.6vw,22px);align-items:flex-start}
.r-step__h>div{min-width:0}
.r-step__no{flex:0 0 clamp(54px,5.2vw,78px);font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,3.8vw,3.2rem);line-height:.86;letter-spacing:-.045em;color:var(--gold-num)}
.r-step__h small{display:block;font-family:var(--util);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:2px 0 8px}
.r-step__h h3{font-size:clamp(1.22rem,2vw,1.55rem);letter-spacing:-.028em;line-height:1.12;color:var(--ink)}
.r-step__do{font-size:1rem;line-height:1.66;color:var(--ink);margin:0}
.r-step__get{border-left:2px solid var(--gold);padding:2px 0 2px clamp(14px,1.4vw,20px)}
.r-step__get small{display:block;font-family:var(--util);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text);margin-bottom:6px}
.r-step__get p{font-size:.95rem;line-height:1.6;color:var(--ink-soft);margin:0}
.r-step:last-child .r-step__no{color:var(--plum)}

/* kiedy mówimy nie */
.r-no{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(250,247,242,.14);border:1px solid rgba(250,247,242,.14);border-radius:var(--r-rad);overflow:hidden}
.r-no__it{background:var(--plum-deep);padding:clamp(22px,2.6vw,34px);position:relative}
.r-no__it::before{content:"";display:block;width:26px;height:2px;background:var(--gold);margin-bottom:18px}
.r-no__it h3{font-size:clamp(1.08rem,1.6vw,1.28rem);letter-spacing:-.022em;line-height:1.2;color:#fff;margin-bottom:10px}
.r-no__it p{font-size:.95rem;line-height:1.6;color:rgba(250,247,242,.74);margin:0}
.r-quote{margin:clamp(34px,4.4vw,56px) 0 0;max-width:62rem}
.r-quote blockquote{margin:0}
.r-quote p{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.85rem);line-height:1.38;color:var(--gold-2);margin:0}
.r-quote figcaption{margin-top:14px;font-size:.84rem;color:rgba(250,247,242,.6)}

/* materiał dla decydenta (PDF) */
.r-pdf{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,6vw,96px);align-items:center}
.r-pdf__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,32px)}
.r-pdf__meta{font-size:.84rem;color:var(--ink-soft);margin-top:14px}
.r-pdf__after{margin-top:clamp(22px,2.6vw,30px);padding-top:clamp(18px,2vw,24px);border-top:1px solid var(--line-2);font-size:.97rem;line-height:1.6;color:var(--ink-soft);max-width:56ch}
.r-pdf__after strong{display:block;font-family:var(--display);font-size:1.02rem;color:var(--ink);letter-spacing:-.015em;margin-bottom:4px}
.r-pdf__doc{position:relative;display:block;justify-self:center;width:min(100%,420px);border-radius:6px;overflow:hidden;
  box-shadow:0 40px 80px -40px rgba(42,19,48,.55),0 0 0 1px rgba(42,19,48,.08);transform:rotate(1.6deg);transition:transform .45s var(--out),box-shadow .45s var(--out)}
.r-pdf__doc img{display:block;width:100%;height:auto}
.r-pdf__doc:hover{transform:rotate(0) translateY(-6px);box-shadow:0 50px 90px -40px rgba(42,19,48,.6),0 0 0 1px var(--gold)}
.r-pdf__tag{position:absolute;right:14px;bottom:14px;background:var(--plum);color:var(--cream);font-family:var(--util);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:99px}

@media (max-width:980px){
  .r-step{grid-template-columns:1fr;gap:14px}
  .r-pdf{grid-template-columns:1fr}
  .r-pdf__doc{width:min(78%,360px)}
}
@media (max-width:620px){
  .r-no{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .r-pdf__doc,.r-pdf__doc:hover{transform:none}
}

/* ======================================================= chipy (IT EN) ===== */
.r-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.r-chip{display:inline-flex;align-items:center;gap:10px;padding:.72em 1.15em;border-radius:99px;background:var(--cream);border:1px solid var(--line-2);
  font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:-.015em;color:var(--ink)}
.r-chip::before{content:"";width:14px;height:1px;background:var(--gold);flex:none}

/* ====================================================== HERO KOMPAKTOWY == */
.r-hero--compact{padding-bottom:clamp(44px,5.4vw,72px)}
.r-hero--compact .r-hero__txt{max-width:900px}
.r-hero--compact h1{max-width:22ch}
.r-hero--compact .r-hero__lead{max-width:62ch}

/* ====================================== KARTA FAKTÓW (pary nazwa: wartość) */
.r-kv{margin:0;border-top:1px solid var(--line-2)}
.r-kv__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(14px,3vw,48px);padding:clamp(14px,1.8vw,20px) 0;border-bottom:1px solid var(--line-2)}
.r-kv dt{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text);padding-top:.3em}
.r-kv dd{margin:0;font-size:1.02rem;line-height:1.6;color:var(--ink)}
.r-kv dd a{color:var(--plum-2)}
.r-kv dd small{display:block;font-size:.86rem;color:var(--ink-soft);margin-top:4px}

/* ======================================================= CYTAT / HISTORIA */
.r-story{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,72px);align-items:start}
.r-story blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.3vw,1.8rem);line-height:1.45;color:var(--ink)}
.r-story figcaption{margin-top:16px;font-size:.88rem;color:var(--ink-soft)}
.r-mission{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--r-rad);overflow:hidden}
.r-mission div{background:var(--cream);padding:clamp(22px,2.6vw,32px)}
.r-mission small{display:block;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text);margin-bottom:12px}
.r-mission p{font-family:var(--serif);font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.5;color:var(--ink);margin:0}

/* ================================================================ SŁOWNIK */
.r-az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 clamp(26px,3vw,38px);padding:0;list-style:none}
.r-az a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line-2);background:var(--cream);font-family:var(--display);font-weight:700;color:var(--plum);text-decoration:none;transition:background-color .2s var(--ease),color .2s var(--ease)}
.r-az a:hover{background:var(--plum);color:var(--cream)}
.r-gloss{margin:0;border-top:1px solid var(--line-2)}
.r-term{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:clamp(14px,3vw,48px);padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--line-2);scroll-margin-top:calc(var(--navh) + 20px)}
.r-term dt{font-family:var(--display);font-weight:700;font-size:clamp(1.1rem,1.6vw,1.3rem);letter-spacing:-.02em;color:var(--ink);line-height:1.2}
.r-term dt small{display:block;font-family:var(--util);font-weight:500;font-size:.8rem;letter-spacing:0;color:var(--ink-soft);margin-top:6px}
.r-term dd{margin:0}
.r-term dd p{margin:0;font-size:1rem;line-height:1.62;color:var(--ink)}
.r-term dd p + p{margin-top:8px;color:var(--ink-soft);font-size:.95rem}
.r-term dd a{display:inline-flex;gap:.4em;margin-top:10px;font-weight:600;font-size:.9rem;color:var(--plum-2);text-decoration:none}
.r-term dd a:hover{color:var(--plum)}
.r-term:target{background:linear-gradient(90deg,rgba(212,169,69,.14),rgba(212,169,69,0))}

/* ============================================================== PORADNIKI */
.r-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.r-guide{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,36px);border:1px solid var(--line-2);border-radius:var(--r-rad);background:var(--cream);text-decoration:none;color:var(--ink);transition:border-color .2s var(--ease),transform .3s var(--out),box-shadow .3s var(--out)}
a.r-guide:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--r-shadow)}
.r-guide small{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text)}
.r-guide h3{font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.025em;line-height:1.15}
.r-guide p{font-size:.97rem;line-height:1.6;color:var(--ink-soft);margin:0}
.r-guide i{margin-top:auto;font-style:normal;font-weight:600;font-size:.92rem;color:var(--plum-2)}
.r-guide--feat{grid-column:1 / -1;background:var(--plum);border-color:var(--plum);color:var(--cream)}
.r-guide--feat h3{color:#fff}
.r-guide--feat p{color:rgba(250,247,242,.8)}
.r-guide--feat small{color:var(--gold)}
.r-guide--feat i{color:var(--gold-2)}
.r-guide--soon{background:transparent;border-style:dashed}
.r-soon{list-style:none;margin:clamp(20px,2.4vw,28px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
.r-soon li{padding:12px 0;border-bottom:1px dashed var(--line-2);font-size:.98rem;color:var(--ink-soft)}

/* ============================================================== ARTYKUŁ */
.r-art{max-width:760px}
.r-art > * + *{margin-top:1.05em}
.r-art h2{font-size:clamp(1.5rem,2.6vw,2.05rem);letter-spacing:-.03em;line-height:1.12;margin-top:clamp(42px,5vw,60px);scroll-margin-top:calc(var(--navh) + 20px)}
.r-art h3{font-size:1.18rem;letter-spacing:-.02em;margin-top:1.6em}
.r-art p,.r-art li{font-size:1.06rem;line-height:1.72;color:var(--ink)}
.r-art ul,.r-art ol{padding-left:1.2em}
.r-art li + li{margin-top:.45em}
.r-art a{color:var(--plum-2)}
.r-art strong{font-weight:600}
.r-art__lead{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.55rem) !important;line-height:1.5 !important;color:var(--ink) !important}
.r-tldr{border:1px solid var(--line-2);border-left:3px solid var(--gold);border-radius:var(--r-rad-s);background:var(--cream);padding:clamp(18px,2.2vw,26px) clamp(20px,2.6vw,30px)}
.r-tldr strong{display:block;font-family:var(--display);font-size:1rem;margin-bottom:8px}
.r-tldr ul{margin:0}
.r-tldr li{font-size:.98rem}
.r-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-2);border-radius:var(--r-rad-s)}
.r-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:560px;background:var(--cream)}
.r-table th,.r-table td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.5}
.r-table thead th{background:var(--sand-soft);font-family:var(--display);font-weight:700;font-size:.92rem;letter-spacing:-.01em}
.r-table tbody th{font-weight:600;color:var(--ink);width:24%}
.r-table tr:last-child td,.r-table tr:last-child th{border-bottom:0}
.r-calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--r-rad-s);overflow:hidden}
.r-calc div{background:var(--cream);padding:18px 20px}
.r-calc b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.03em;color:var(--plum);line-height:1.05}
.r-calc span{display:block;margin-top:8px;font-size:.88rem;line-height:1.45;color:var(--ink-soft)}
.r-steps-art{list-style:none;padding:0 !important;counter-reset:st}
.r-steps-art li{counter-increment:st;position:relative;padding:16px 0 16px 58px;border-bottom:1px solid var(--line)}
.r-steps-art li::before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:14px;font-family:var(--display);font-weight:800;font-size:1.5rem;color:var(--gold);letter-spacing:-.03em}
.r-steps-art li strong{display:block;font-family:var(--display);font-size:1.08rem;margin-bottom:4px}
.r-sources{font-size:.9rem !important;color:var(--ink-soft) !important}
.r-sources li{font-size:.9rem !important;color:var(--ink-soft) !important}
.r-cta-box{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;padding:clamp(22px,3vw,34px);border-radius:var(--r-rad);background:var(--plum);color:var(--cream);margin-top:clamp(36px,4.4vw,52px) !important}
.r-cta-box h3{color:#fff;font-size:clamp(1.25rem,2vw,1.55rem);margin:0}
.r-cta-box p{color:rgba(250,247,242,.8) !important;margin:6px 0 0;font-size:1rem !important}
.r-art-meta{font-size:.88rem;color:rgba(250,247,242,.6);margin-top:14px}

@media (max-width:980px){
  .r-story,.r-mission{grid-template-columns:1fr}
}
@media (max-width:620px){
  .r-kv__row,.r-term{grid-template-columns:1fr;gap:6px}
  .r-guides,.r-soon,.r-calc{grid-template-columns:1fr}
}

/* fala 3: notka pod tabelą, linki w podpowiedziach */
.r-note{font-size:.92rem;line-height:1.6;color:var(--ink-soft);margin:16px 0 0;max-width:70ch}
.r-note a,.r-tip a{color:var(--plum-2);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.r-note a:hover,.r-tip a:hover{color:var(--plum)}
.r-story .r-kv{border-top:1px solid var(--line-2)}

/* fala 3: na telefonie fakty pod zdjęciem, a nie na nim (twarze nie chowają się pod kartą) */
@media (max-width:620px){
  .r-hero__media{min-height:0;display:flex;flex-direction:column;background:#1a0a20}
  .r-hero__media picture{position:relative;inset:auto;display:block;height:clamp(220px,64vw,290px)}
  .r-hero__media::after{bottom:auto;height:clamp(220px,64vw,290px)}
  .r-facts{position:relative;left:auto;right:auto;bottom:auto;border:0;border-radius:0;
    border-top:1px solid rgba(250,247,242,.14);-webkit-backdrop-filter:none;backdrop-filter:none}
  .r-fact{background:rgba(26,10,32,.92)}
}

/* ==========================================================================
   FALA 3, CZĘŚĆ 2: wejście pierwszego ekranu, tagline, płynący hero IT,
   pasek technologii, porównanie modeli, historie, kalkulator, wykres metod
   ========================================================================== */

/* wejście treści pierwszego ekranu na wszystkich stronach ról */
.fx .r-hero [data-hero]{opacity:0;transform:translateY(18px);animation:heroIn .9s var(--out) forwards}
.fx .r-hero [data-hero="1"]{animation-delay:.05s}
.fx .r-hero [data-hero="2"]{animation-delay:.18s}
.fx .r-hero [data-hero="3"]{animation-delay:.32s}
.fx .r-hero [data-hero="4"]{animation-delay:.46s}
@keyframes heroIn{to{opacity:1;transform:none}}

/* tagline: jedno zdanie marki pod H1 */
.r-tagline{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-style:italic;
  font-size:clamp(1.12rem,1.7vw,1.36rem);line-height:1.35;color:var(--gold-2);margin:-6px 0 clamp(14px,1.8vw,20px);max-width:44ch}
.r-tagline::before{content:"";width:28px;height:1px;background:currentColor;flex:none;opacity:.8}

/* ---------------------------------------------------- płynący hero (jasny) */
.top-light .nav:not(.solid) .brand .lg-light{opacity:0}
.top-light .nav:not(.solid) .brand .lg-dark{opacity:1}
.top-light .nav:not(.solid) .nav__links a{color:var(--ink)}
.top-light .nav:not(.solid) .nav__links a:hover{color:var(--plum)}
.top-light .nav:not(.solid) .burger span{background:var(--ink)}

.r-hero--flow{
  background:
    radial-gradient(60% 70% at 78% 40%,rgba(233,200,120,.22),rgba(233,200,120,0) 70%),
    radial-gradient(50% 60% at 100% 100%,rgba(126,63,132,.12),rgba(126,63,132,0) 70%),
    linear-gradient(180deg,#FFFDF9 0%,var(--cream) 100%);
  color:var(--ink);padding-bottom:0;min-height:min(900px,100svh);display:flex;flex-direction:column;
}
.r-flow{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%}
.r-flow__veil{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,253,249,.97) 0,rgba(255,253,249,.8) 70px,rgba(255,253,249,0) 140px),
    linear-gradient(90deg,rgba(250,247,242,.97) 0%,rgba(250,247,242,.9) 38%,rgba(250,247,242,0) 56%)}
.r-flow__in{flex:1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);
  align-items:end;padding-bottom:clamp(36px,4.6vw,60px)}
.r-hero--flow .r-hero__txt{max-width:660px;align-self:center}
.r-flow__side{min-width:0}
.r-flow__side .r-sit{margin-top:0;max-width:none;background:rgba(255,255,255,.5);border-color:rgba(214,200,182,.8);
  box-shadow:0 30px 70px -40px rgba(42,19,48,.45);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}
.r-hero--flow .crumbs{color:var(--ink-soft)}
.r-hero--flow .crumbs li::after{color:var(--line-2)}
.r-hero--flow .crumbs a{border-color:var(--line-2)}
.r-hero--flow h1{color:var(--plum-ink);max-width:17ch}
.r-hero--flow h1 em{color:var(--plum-2);background:linear-gradient(transparent 72%,rgba(212,169,69,.38) 72%,rgba(212,169,69,.38) 92%,transparent 92%)}
.r-hero--flow .r-tagline{color:#8C6618}
.r-hero--flow .r-hero__lead{color:var(--ink-soft)}
.r-hero--flow .r-sit{border-color:var(--line-2);background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.r-hero--flow .r-sit__q{color:var(--ink-soft)}
.r-hero--flow .r-sit__tab{color:var(--ink-soft)}
.r-hero--flow .r-sit__tab:hover{color:var(--ink);border-color:var(--line-2)}
.r-hero--flow .r-sit__tab small{color:var(--gold-text)}
.r-hero--flow .r-sit__tab[aria-selected="true"]{background:var(--plum);color:var(--cream);border-color:var(--plum)}
.r-hero--flow .r-sit__tab[aria-selected="true"] small{color:var(--gold-2)}
.r-hero--flow .r-sit__panel + .r-sit__panel{border-top-color:var(--line)}
.r-hero--flow .r-sit__lbl{color:var(--gold-text)}
.r-hero--flow .r-sit__panel p{color:var(--ink)}
.r-hero--flow .btn--light{border-color:var(--line-2);color:var(--ink);background:rgba(255,255,255,.66)}
.r-hero--flow .btn--light:hover{border-color:var(--plum);color:var(--plum);background:#fff}
.r-flow__facts{list-style:none;margin:clamp(26px,3.2vw,38px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:640px}
.r-flow__facts li{background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:var(--r-rad-s);padding:10px 12px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.r-flow__facts b{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text);margin-bottom:4px}
.r-flow__facts span{font-family:var(--display);font-weight:600;font-size:.92rem;line-height:1.2;color:var(--plum-ink)}

/* pasek technologii, który płynie */
.r-ticker{position:relative;border-top:1px solid var(--line);background:rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;padding:15px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.r-ticker__track{display:flex;width:max-content;animation:rTicker 48s linear infinite}
.r-ticker:hover .r-ticker__track{animation-play-state:paused}
.r-ticker ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.r-ticker li{display:flex;align-items:center;gap:26px;padding-right:26px;font-family:var(--display);font-weight:600;
  font-size:clamp(.92rem,1.2vw,1.04rem);letter-spacing:-.01em;color:var(--plum);white-space:nowrap}
.r-ticker li::after{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg);border-radius:1.5px;flex:none}
@keyframes rTicker{to{transform:translateX(-50%)}}
/* animacja i pasek płyną zawsze (decyzja właściciela); przycisk w rogu zatrzymuje oba */
.r-hero--flow.is-paused .r-ticker__track{animation-play-state:paused}
.r-flow__pause{position:absolute;z-index:3;right:clamp(16px,2.6vw,36px);bottom:68px;width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;padding:0;cursor:pointer;color:var(--plum);background:rgba(255,253,249,.82);
  border:1px solid rgba(58,29,63,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 8px 22px -12px rgba(42,19,48,.4);transition:background .2s,border-color .2s,transform .2s}
.r-flow__pause:hover{background:#fff;border-color:rgba(58,29,63,.32);transform:scale(1.05)}
.r-flow__pause:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.r-flow__pause svg{width:14px;height:14px;fill:currentColor}
.r-flow__pause .i-play,.r-hero--flow.is-paused .r-flow__pause .i-pause{display:none}
.r-hero--flow.is-paused .r-flow__pause .i-play{display:block}
@media (max-width:980px){
  .r-flow__pause{top:calc(var(--navh) + 10px);bottom:auto;right:14px;width:34px;height:34px}
  .r-hero--flow{--flow-band:clamp(150px,34vw,230px);min-height:0;padding-top:calc(var(--navh) + var(--flow-band))}
  .r-flow__in{grid-template-columns:1fr;gap:26px}
  .r-flow__veil{background:linear-gradient(180deg,rgba(255,253,249,.96) 0,rgba(255,253,249,.55) 64px,rgba(250,247,242,0) 112px,rgba(250,247,242,0) calc(var(--navh) + var(--flow-band) - 44px),rgba(250,247,242,.94) calc(var(--navh) + var(--flow-band) + 6px),rgba(250,247,242,.97) 100%)}
  .r-flow__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ------------------------------------------------ porównanie modeli (tabela) */
.r-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.r-compare__col{background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-rad);padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column}
.r-compare__col--on{background:var(--plum);border-color:var(--plum);color:var(--cream);box-shadow:var(--r-shadow);transform:translateY(-8px)}
.r-compare__tag{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text)}
.r-compare__col--on .r-compare__tag{color:var(--gold-2)}
.r-compare__col h3{font-size:clamp(1.15rem,1.7vw,1.38rem);letter-spacing:-.025em;line-height:1.15;margin:10px 0 14px}
.r-compare__col dl{margin:0;display:flex;flex-direction:column;gap:12px}
.r-compare__col dt{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.r-compare__col--on dt{color:rgba(250,247,242,.55)}
.r-compare__col dd{margin:3px 0 0;font-size:.94rem;line-height:1.5}
.r-compare__foot{margin-top:auto;padding-top:18px;font-size:.88rem;font-weight:600}
.r-compare__foot a{color:inherit}
.r-compare__col--on .r-compare__foot{color:var(--gold-2)}
@media (max-width:980px){.r-compare{grid-template-columns:1fr}.r-compare__col--on{transform:none}}

/* ---------------------------------------------------------------- historie */
.r-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(22px,3vw,34px)}
.r-filter button{appearance:none;border:1px solid var(--line-2);background:var(--cream);color:var(--ink);border-radius:99px;
  padding:.62em 1.15em;font:600 .9rem/1 var(--util);cursor:pointer;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.r-filter button:hover{border-color:var(--plum)}
.r-filter button[aria-pressed="true"]{background:var(--plum);color:var(--cream);border-color:var(--plum)}
.r-filter small{font-weight:500;opacity:.7;margin-left:.35em}
.r-stories{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}
.r-story-card{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);background:var(--cream);border:1px solid var(--line-2);
  border-radius:var(--r-rad);overflow:hidden;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.r-story-card[hidden]{display:none}
.r-story-card.is-out{opacity:0;transform:translateY(10px)}
.r-story-card__side{background:var(--plum-deep);color:var(--cream);padding:clamp(24px,2.8vw,36px);display:flex;flex-direction:column;gap:18px;position:relative;isolation:isolate}
.r-story-card__side::after{content:"";position:absolute;z-index:-1;right:-30%;bottom:-30%;width:80%;aspect-ratio:1;pointer-events:none;
  background:radial-gradient(circle,rgba(212,169,69,.22),rgba(212,169,69,0) 66%)}
.r-story-card--b .r-story-card__side{background:var(--plum)}
.r-story-card__tags{display:flex;flex-wrap:wrap;gap:6px}
.r-story-card__tags span{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(250,247,242,.22);
  border-radius:99px;padding:.45em .8em;color:rgba(250,247,242,.8)}
.r-story-card__tags span.is-sit{border-color:rgba(212,169,69,.6);color:var(--gold-2)}
.r-story-card__side h3{font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.03em;line-height:1.12;color:#fff}
.r-story-card__nums{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:auto}
.r-story-card__nums div{border-top:1px solid rgba(250,247,242,.18);padding-top:10px}
.r-story-card__nums b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1;color:var(--gold-2)}
.r-story-card__nums span{display:block;font-size:.8rem;line-height:1.35;color:rgba(250,247,242,.72);margin-top:6px}
.r-story-card__body{padding:clamp(24px,2.8vw,36px)}
.r-story-card__body ol{list-style:none;margin:0;padding:0;counter-reset:st}
.r-story-card__body li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.7fr);gap:clamp(12px,2vw,26px);padding:12px 0;border-bottom:1px solid var(--line)}
.r-story-card__body li:first-child{padding-top:0}
.r-story-card__body li:last-child{border-bottom:0}
.r-story-card__body li b{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text);padding-top:.35em}
.r-story-card__body li p{margin:0;font-size:.98rem;line-height:1.6;color:var(--ink)}
.r-story-card__body li.is-key p{font-family:var(--serif);font-size:1.08rem;color:var(--plum-2)}
.r-story-card__limit{margin:14px 0 0;font-size:.82rem;line-height:1.5;color:var(--ink-soft)}
@media (max-width:980px){.r-story-card{grid-template-columns:1fr}}
@media (max-width:620px){.r-story-card__body li{grid-template-columns:1fr;gap:4px}}

/* ------------------------------------------------- kalkulator w poradniku */
.r-calc2{background:var(--plum-deep);color:var(--cream);border-radius:var(--r-rad);padding:clamp(22px,3vw,36px);margin:clamp(22px,3vw,34px) 0;position:relative;isolation:isolate;overflow:hidden}
.r-calc2::before{content:"";position:absolute;z-index:-1;left:-20%;top:-60%;width:70%;aspect-ratio:1;background:radial-gradient(circle,rgba(212,169,69,.2),rgba(212,169,69,0) 66%)}
.r-calc2 h3{color:#fff;font-size:clamp(1.15rem,1.7vw,1.35rem);letter-spacing:-.025em;margin-bottom:6px}
.r-calc2 > p{color:rgba(250,247,242,.72);font-size:.92rem;margin:0 0 18px}
.r-calc2__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2.4vw,30px);align-items:start}
.r-calc2 label,.r-calc2 legend{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);margin-bottom:8px}
.r-calc2 fieldset{border:0;margin:0;padding:0}
.r-calc2 output.r-calc2__sal{display:block;font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,2.6vw,2.1rem);letter-spacing:-.035em;color:#fff;margin-bottom:6px}
.r-calc2 input[type=range]{width:100%;accent-color:var(--gold);height:28px}
.r-calc2 .r-calc2__scale{display:flex;justify-content:space-between;font-size:.74rem;color:rgba(250,247,242,.55)}
.r-calc2 .r-pills{display:flex;flex-wrap:wrap;gap:6px}
.r-calc2 .r-pills label{margin:0;letter-spacing:0;text-transform:none;font-size:.88rem;color:inherit}
.r-calc2 .r-pills span{display:inline-block;background:transparent;border:1px solid rgba(250,247,242,.28);border-radius:99px;padding:.55em .95em;cursor:pointer;color:rgba(250,247,242,.88);font-weight:600;transition:background .2s,border-color .2s,color .2s}
.r-calc2 .r-pills label:hover span{border-color:rgba(250,247,242,.6);color:#fff}
.r-calc2 .r-pills input{position:absolute;opacity:0;pointer-events:none}
.r-calc2 .r-pills input:checked + span,.r-calc2 .r-pills label:hover input:checked + span{background:var(--gold);border-color:var(--gold);color:var(--plum-deep)}
.r-calc2 .r-pills input:focus-visible + span{outline:2px solid var(--gold-2);outline-offset:2px}
.r-calc2__out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(250,247,242,.14);border:1px solid rgba(250,247,242,.14);border-radius:var(--r-rad-s);overflow:hidden;margin-top:clamp(18px,2.4vw,26px)}
.r-calc2__out div{background:rgba(26,10,32,.72);padding:16px 16px 14px}
.r-calc2__out small{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,247,242,.6);margin-bottom:8px}
.r-calc2__out b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,1.8vw,1.45rem);letter-spacing:-.02em;color:#fff;line-height:1.15}
.r-calc2__out div:nth-child(2) b{color:var(--gold-2)}
.r-calc2__out span{display:block;font-size:.78rem;line-height:1.4;color:rgba(250,247,242,.62);margin-top:6px}
.r-calc2__note{font-size:.8rem;line-height:1.5;color:rgba(250,247,242,.6);margin:14px 0 0}
@media (max-width:760px){.r-calc2__in,.r-calc2__out{grid-template-columns:1fr}}

/* --------------------------------------- wykres: trafność metod oceny */
.r-chart{margin:clamp(22px,3vw,34px) 0;border:1px solid var(--line-2);border-radius:var(--r-rad);background:#fff;padding:clamp(18px,2.6vw,30px)}
.r-chart__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:18px}
.r-chart__head h3{font-size:1.08rem;letter-spacing:-.02em;margin:0}
.r-chart__head p{margin:4px 0 0;font-size:.85rem;color:var(--ink-soft)}
.r-chart__legend{display:flex;gap:16px;font-size:.82rem;color:var(--ink-soft);list-style:none;margin:0;padding:0}
.r-chart__legend li{display:flex;align-items:center;gap:7px}
.r-chart__legend i{display:inline-block;width:14px;height:10px;border-radius:2px;background:#7E3F84}
.r-chart__legend i.is-old{width:10px;height:10px;border-radius:50%;background:#A9832A;box-shadow:0 0 0 2px #fff}
.r-chart__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.r-chart__row{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr) 3.2rem;gap:14px;align-items:center;position:relative}
.r-chart__row > span{font-size:.92rem;color:var(--ink);line-height:1.3}
.r-chart__track{position:relative;height:22px;border-left:1px solid var(--line-2);
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 6 - 1px),var(--line) calc(100% / 6 - 1px),var(--line) calc(100% / 6))}
.r-chart__bar{position:absolute;left:0;top:3px;height:16px;width:var(--v);background:#7E3F84;border-radius:0 4px 4px 0;transform-origin:left center}
.r-chart__old{position:absolute;top:50%;left:var(--o);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#A9832A;box-shadow:0 0 0 2px #fff}
.r-chart__row > b{font-family:var(--display);font-weight:600;font-size:.95rem;color:var(--ink);font-variant-numeric:tabular-nums}
.r-chart__axis{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr) 3.2rem;gap:14px;margin-top:8px;font-size:.72rem;color:var(--ink-soft)}
.r-chart__axis div{display:flex;justify-content:space-between}
.r-chart__tip{position:absolute;z-index:3;pointer-events:none;background:var(--plum-ink);color:var(--cream);font-size:.8rem;line-height:1.45;
  border-radius:10px;padding:8px 11px;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;white-space:nowrap}
.r-chart__tip.is-on{opacity:1;transform:none}
.r-chart__row:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}
.fx .r-chart .r-chart__bar{transform:scaleX(0);transition:transform 1s var(--out)}
.fx .r-chart .r-chart__old{opacity:0;transition:opacity .4s ease .9s}
.fx .r-chart.is-in .r-chart__bar{transform:none}
.fx .r-chart.is-in .r-chart__old{opacity:1}
.r-chart details{margin-top:16px;font-size:.88rem}
.r-chart summary{cursor:pointer;color:var(--plum-2);font-weight:600}
@media (max-width:620px){.r-chart__row,.r-chart__axis{grid-template-columns:minmax(0,1fr) 2.8rem}.r-chart__row > span{grid-column:1 / -1}.r-chart__axis > span{display:none}}

/* liczniki na kartach historii i w poradnikach */
.r-count{font-variant-numeric:normal}
.r-story-card__quote{margin-top:auto;font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.4;color:var(--gold-2)}
.r-story-card__more{margin:10px 0 0;font-size:.88rem;font-weight:600}
.r-story-card__more a{color:var(--plum-2)}
.r-story-card__limit strong{color:var(--ink)}
.r-score{margin:clamp(18px,2.4vw,26px) 0}
.r-score td:last-child{white-space:nowrap;color:var(--ink-soft)}
/* kalkulator, wykres i karta oceny wewnątrz artykułu */
.r-art .r-calc2 p,.r-art .r-calc2 li{color:rgba(250,247,242,.72);font-size:.92rem;line-height:1.55}
.r-art .r-calc2 .r-calc2__note{font-size:.8rem;color:rgba(250,247,242,.6)}
.r-art .r-calc2 h3{margin-top:0}
.r-art .r-chart ul,.r-art .r-chart ol{padding-left:0}
.r-art .r-chart li{font-size:.92rem;line-height:1.3}
.r-art .r-chart p{font-size:.85rem;line-height:1.5;color:var(--ink-soft)}
.r-art .r-chart__legend li{font-size:.82rem;color:var(--ink-soft)}
.r-art .r-chart details p,.r-art .r-chart details td,.r-art .r-chart details th{font-size:.88rem}
/* kotwice do pojedynczych historii (np. /historie.html#profil-handlowca) nie chowają się pod menu */
.r-story-card{scroll-margin-top:calc(var(--navh) + 28px)}


/* przegląd kodu w sekcji „Weryfikacja” (assets/js/przeglad-kodu.js) */
.r-know__side{display:grid;gap:clamp(18px,2.4vw,26px);min-width:0}
.cr{position:relative;margin:0;aspect-ratio:16/11;max-width:100%;border-radius:var(--r-rad);overflow:hidden;
  border:1px solid var(--line);
  background:radial-gradient(rgba(58,29,63,.13) 1px,transparent 1.3px) 0 0/18px 18px,
    radial-gradient(70% 80% at 72% 28%,rgba(212,169,69,.16),rgba(212,169,69,0) 70%),linear-gradient(180deg,#F4EDE4,#EEE5D9);
  --cr-panel:#FFFDF9;--cr-head:#FAF7F2;--cr-line:rgba(58,29,63,.13);--cr-text:rgba(46,36,48,.75);--cr-dim:rgba(46,36,48,.32);
  --cr-accent:#D4A945;--cr-badge:#3A1D3F;--cr-badge-text:#E2B957;--cr-shadow:rgba(42,19,48,.2);
  --cr-tok1:#7E3F84;--cr-tok2:#3A1D3F;--cr-tok3:#D4A945;--cr-tok4:#B07AB3;--cr-tok5:rgba(46,36,48,.3)}
.cr canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.cr__pause{position:absolute;z-index:2;left:12px;bottom:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;
  color:var(--plum);background:rgba(255,253,249,.88);border:1px solid rgba(58,29,63,.16);transition:background .2s,transform .2s}
.cr__pause:hover{background:#fff;transform:scale(1.05)}
.cr__pause:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cr__pause svg{width:12px;height:12px;fill:currentColor}
.cr__pause .i-play,.cr.is-paused .cr__pause .i-pause{display:none}
.cr.is-paused .cr__pause .i-play{display:block}
/* lista obok animacji: punkty odhaczają się w rytmie przeglądu (bez JS lista wygląda jak zwykle) */
.r-checks[data-cr-live] li{transition:background-color .45s ease}
.r-checks[data-cr-live] li::before{background-color:transparent;background-image:none;box-shadow:inset 0 0 0 1.5px rgba(58,29,63,.24);transition:background-color .3s,box-shadow .3s}
.r-checks[data-cr-live] li.is-done::before{background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%232A1330' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:none;animation:crPop .38s cubic-bezier(.2,.9,.3,1.3)}
.r-checks[data-cr-live] li.is-active{background:linear-gradient(90deg,rgba(212,169,69,.16),rgba(212,169,69,0) 85%)}
.r-checks[data-cr-live] li.is-active::before{box-shadow:inset 0 0 0 2px var(--gold);animation:crPulse 1.1s ease-in-out infinite}
@keyframes crPop{0%{transform:scale(.6)}100%{transform:scale(1)}}
@keyframes crPulse{50%{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 6px rgba(212,169,69,.16)}}

/* telefon: animacja między wstępem a listą, żeby było widać, jak punkty się odhaczają */
@media (max-width:980px){
  .r-know--cr{gap:0}
  .r-know--cr > div:first-child,.r-know--cr .r-know__side{display:contents}
  .r-know--cr .eyebrow{order:1}.r-know--cr h2{order:2}.r-know--cr .lead{order:3}
  .r-know--cr .cr{order:4;margin-top:26px}
  .r-know--cr .r-checks{order:5}.r-know--cr .r-know__aside{order:6}
  .r-know--cr .r-report{order:7;margin-top:30px !important}
}

/* ======================= ZDJĘCIE W SEKCJI (fala 4, strony IT) ======= */
.r-band{
  margin:0 0 clamp(22px,3vw,36px);border-radius:20px 20px 20px 110px;overflow:hidden;
  aspect-ratio:21/8;background:var(--sand,#efe7da);
}
.r-band picture,.r-band img{display:block;width:100%;height:100%}
.r-band img{object-fit:cover;object-position:var(--r-pos,50% 50%)}
@media (max-width:760px){
  .r-band{aspect-ratio:16/10;border-radius:18px 18px 18px 72px}
}

/* ============ KONTAKT NA STRONACH IT: złota fala na śliwce (fala 4) ======= */
.r-contact--fala .r-contact__in{padding-bottom:clamp(170px,20vw,250px)}
.r-contact__fala{position:absolute;z-index:-1;left:0;right:0;bottom:0;height:clamp(230px,28vw,380px);pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 38%);mask-image:linear-gradient(to bottom,transparent,#000 38%)}
.r-contact__fala canvas{display:block;width:100%;height:100%}
.r-contact__pause{position:absolute;z-index:2;left:clamp(16px,2.6vw,36px);bottom:clamp(16px,2.4vw,28px);width:38px;height:38px;
  border-radius:50%;display:grid;place-items:center;border:1px solid rgba(250,247,242,.28);background:rgba(58,29,63,.55);
  color:var(--cream);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.r-contact__pause:hover{background:rgba(58,29,63,.85);border-color:rgba(212,169,69,.7);transform:scale(1.05)}
.r-contact__pause:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.r-contact__pause svg{width:14px;height:14px;fill:currentColor}
.r-contact__pause .i-play,.r-contact__fala.is-paused + .r-contact__pause .i-pause{display:none}
.r-contact__fala.is-paused + .r-contact__pause .i-play{display:block}
@media (min-width:981px){
  .r-contact__fala{height:66%}
}
@media (max-width:760px){
  .r-contact--fala .r-contact__in{padding-bottom:170px}
  .r-contact__fala{height:220px}
}
.r-links__more{margin-top:clamp(18px,2.4vw,26px);font-size:.95rem;line-height:1.7;color:var(--ink-2,#5b4a5e)}
.r-links__more span{font-family:var(--util);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text);margin-right:10px}
.r-links__more a{color:var(--plum);text-decoration:none;border-bottom:1px solid rgba(212,169,69,.6)}
.r-links__more a:hover{border-bottom-color:var(--plum)}

/* --- kontrast etykiet (audyt UX, 7.10.2026) --- */
.r-var__card--b .r-var__tag{color:var(--gold)}
.h-sit__col:not(.h-sit__col--b) .h-sit__tag{color:var(--gold-text)}

/* „Prowadzimy także” na telefonie (strona managerów): kafelki w dwóch kolumnach */
@media (max-width:620px){
  .h-more .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .h-more .chips a{display:flex;width:100%;min-height:44px;font-size:.86rem;padding-left:14px}
  .h-more .chips a::before{display:none}
}

/* --- nagłówek podstron na telefonie i tablecie: najpierw tytuł i przycisk, potem zdjęcie (7.10.2026) --- */
@media (max-width:980px){
  .r-hero__media{order:2}
  .r-hero__txt > *{order:1}
  .r-hero__txt > .r-hero__cta{order:2}
  .r-hero__txt > .r-sit{order:3;margin-top:22px}
  .r-hero__txt > .r-flow__facts{order:3}
  .r-hero__txt > .r-sit__anchor{order:3}
}
/* strony IT na niskich ekranach laptopów (np. 1280×720): mniejszy nagłówek, przycisk wyraźnie nad krawędzią */
@media (min-width:981px) and (max-height:800px){
  .r-hero--flow h1{font-size:clamp(2.3rem,3.5vw,2.85rem)}
  .r-hero--flow .r-hero__lead{margin-top:14px}
}
/* strony IT na telefonie: niższy pas z falą, żeby przycisk był na pierwszym ekranie (8.10.2026) */
@media (max-width:620px){
  .r-hero--flow{--flow-band:clamp(96px,26vw,150px)}
}
@media (max-width:620px){
  .r-hero__media picture,.r-hero__media::after{height:clamp(150px,42vw,200px) !important}
  .r-hero:not(.h-hero) .r-hero__cta .btn--light{display:none}
  .r-hero__cta .btn--gold{flex:1 1 100%;justify-content:center}
}

/* --- krótsze strony na telefonie (7.10.2026) --- */
.r-var__more,.r-form__more{display:none}
@media (max-width:620px){
  /* warianty ról: widać zakres odpowiedzialności, reszta na stronie roli albo pod „Więcej o roli” */
  .r-var__card .r-var__row + .r-var__row{display:none}
  .r-var__card.is-open .r-var__row + .r-var__row{display:grid}
  .r-var__more{display:flex;align-items:center;min-height:44px;margin-top:6px;padding:0;background:none;border:0;cursor:pointer;
    font:inherit;font-weight:600;font-size:.92rem;color:var(--plum-2);text-decoration:underline;text-underline-offset:3px}
  .r-var__card--b .r-var__more{color:var(--gold-2)}
  /* „Pytania na start” jako lista z liniami zamiast kart */
  .r-asks{gap:0 !important;border-top:1px solid var(--line-2)}
  .r-ask{border:0 !important;border-bottom:1px solid var(--line-2) !important;border-radius:0 !important;background:transparent !important;
    padding:14px 0 !important;display:grid !important;grid-template-columns:44px 1fr;column-gap:8px;row-gap:2px !important;box-shadow:none !important}
  .r-ask__no{font-size:1.15rem !important;grid-row:span 2;color:var(--gold-text) !important}
  .r-ask--accent h3{color:var(--ink) !important}
  .r-ask--accent p{color:var(--ink-soft) !important}
  /* formularz: pola nieobowiązkowe pod „Dodaj szczegóły” */
  .r-form__more{display:flex;align-items:center;gap:6px;grid-column:1 / -1;min-height:48px;padding:0;background:none;border:0;
    border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);cursor:pointer;font:inherit;font-weight:600;font-size:.95rem;color:var(--plum-2);text-align:left}
  .r-form__more span{font-weight:400;color:var(--ink-soft)}
  .r-form__more::after{content:"+";margin-left:auto;font-size:1.3rem;color:var(--gold-text)}
  .r-form__grid.more-open .r-form__more::after{content:"\2212"}
  .r-form__grid.has-more:not(.more-open) .r-field--more{display:none}
}

/* zapowiedź dla kandydatów na stronie głównej (formularz CV na /dla-kandydatow.html) */
.h-cand--short{align-items:end}
.h-cand__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:22px}
.h-cand__cta .r-var__go{padding-top:0;margin-top:0}
.h-cand__cta .r-var__go::after{content:none}
.h-cand__cta .r-var__go:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}

.h-two__card--gold small{color:var(--plum-deep) !important}

/* --- obszary na stronie głównej (8.10.2026, wybór właściciela) ---
   Komputer: pasy ze zdjęciami, wskazany pas się rozszerza. Tablet i telefon: mozaika kafli.
   Zasada: jedna powierzchnia = jeden cel. W pasie i kaflu jest tylko link do strony obszaru (rozciągnięty na całość),
   żadnych innych linków na zdjęciu. Role są w osobnym bloku bez zdjęć („Często szukane role”). */
/* Płynność (8.10.2026, uwaga właściciela): nazwa ma stały rozmiar i szerokość zwiniętego pasa, więc się nie powiększa
   ani nie łamie inaczej w trakcie animacji; opis i „Zobacz obszar” mają stałą szerokość otwartego pasa (jednostki cqw)
   i wysuwają się razem z pasem (grid-template-rows 0fr -> 1fr), a pojawiają się dopiero, gdy pas jest prawie otwarty. */
.h-ob{list-style:none;margin:0;padding:0;display:flex;gap:12px;height:clamp(500px,40vw,580px);container-type:inline-size;
  --ob-pad:clamp(18px,2vw,28px);--ob-t:.7s}
.h-ob__item{position:relative;isolation:isolate;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;
  border-radius:var(--r-rad);overflow:hidden;background:var(--plum-deep);color:#FAF7F2;transition:flex-grow var(--ob-t) var(--ease)}
.h-ob__item.is-open{flex-grow:3.2}
.h-ob__pic{position:absolute;inset:0;z-index:-2}
.h-ob__pic picture,.h-ob__pic img{display:block;width:100%;height:100%}
.h-ob__pic img{object-fit:cover;object-position:var(--pos,50% 50%);transition:transform 1.2s var(--out)}
.h-ob__item::before,.h-ob__item::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.h-ob__item::before{background:linear-gradient(to top,rgba(26,10,32,.92) 0%,rgba(26,10,32,.35) 42%,rgba(26,10,32,0) 72%)}
.h-ob__item::after{background:linear-gradient(to top,rgba(26,10,32,.94) 0%,rgba(26,10,32,.62) 40%,rgba(26,10,32,0) 76%);
  opacity:0;transition:opacity var(--ob-t) var(--ease)}
.h-ob__item.is-open::after{opacity:1}
.h-ob__body{padding:var(--ob-pad)}
.h-ob__name{margin:0;max-width:max(7.5em,calc((100cqw - 36px) / 6.2 - 2 * var(--ob-pad)));
  font-size:clamp(1.15rem,1.45vw,1.45rem);font-weight:700;letter-spacing:-.025em;line-height:1.14;color:#fff}
.h-ob__link,.h-ob__link:hover,.h-ob__link:visited{color:#fff;text-decoration:none}
.h-ob__link::after{content:"";position:absolute;inset:0;z-index:1}
.h-ob__link:focus-visible{outline:none}
.h-ob__item:has(.h-ob__link:focus-visible){outline:3px solid var(--plum);outline-offset:3px}
.h-ob__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ob-t) var(--ease)}
.h-ob__item.is-open .h-ob__more{grid-template-rows:1fr}
.h-ob__clip{min-height:0;overflow:hidden}
.h-ob__more-in{width:calc((100cqw - 36px) * 3.2 / 6.2 - 2 * var(--ob-pad));opacity:0;transform:translateY(12px);
  transition:opacity .25s var(--ease),transform .25s var(--ease)}
.h-ob__item.is-open .h-ob__more-in{opacity:1;transform:none;transition:opacity .5s var(--ease) .28s,transform .6s var(--out) .28s}
.h-ob__txt{margin:12px 0 0;max-width:44ch;font-size:.98rem;line-height:1.5;color:rgba(250,247,242,.9)}
.h-ob__go{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:18px;padding:0 16px;border-radius:999px;
  border:1px solid rgba(233,200,120,.55);color:var(--gold-2,#E9C878);font-size:.92rem;font-weight:600;
  transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.h-ob__go svg{width:16px;height:16px;transition:transform .25s var(--out)}
.h-ob__item:hover .h-ob__go{background:var(--gold);border-color:var(--gold);color:var(--plum-deep)}
.h-ob__item:hover .h-ob__go svg{transform:translateX(3px)}
.h-ob__item.is-open:hover .h-ob__pic img{transform:scale(1.03)}

/* tablet i telefon: mozaika (zdjęcie u góry, tekst na jednolitym tle, cały kafel to jeden link) */
@media (max-width:1080px){
  .h-ob{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:14px;height:auto}
  .h-ob__item,.h-ob__item.is-open{flex:none;justify-content:flex-start}
  .h-ob__item--produkcja,.h-ob__item--sprzedaz{grid-column:span 2}
  .h-ob__pic{position:relative;inset:auto;z-index:0;aspect-ratio:4 / 3}
  .h-ob__item--produkcja .h-ob__pic,.h-ob__item--sprzedaz .h-ob__pic{aspect-ratio:21 / 9}
  .h-ob__pic img{object-position:var(--pos-m,50% 50%)}
  .h-ob{container-type:normal}
  .h-ob__item::before,.h-ob__item::after{display:none}
  .h-ob__name{max-width:none}
  .h-ob__more,.h-ob__item.is-open .h-ob__more{grid-template-rows:1fr;transition:none}
  .h-ob__more-in,.h-ob__item.is-open .h-ob__more-in{width:auto;opacity:1;transform:none;transition:none}
  .h-ob__pic::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;pointer-events:none;
    background:linear-gradient(to bottom,rgba(42,19,48,0),var(--plum-deep))}
  .h-ob__pic{z-index:-1}
  .h-ob__body{position:static;margin-top:-40px;padding:0 22px 22px}
  .h-ob__name,.h-ob__item.is-open .h-ob__name{font-size:1.45rem}
  .h-ob__item--produkcja .h-ob__name,.h-ob__item--sprzedaz .h-ob__name{font-size:1.75rem}
  .h-ob__txt{margin-top:8px;font-size:.95rem}
  .h-ob__go,.h-ob__item:hover .h-ob__go{margin-top:16px;background:none;border:0;padding:0;min-height:0;color:var(--gold)}
}
@media (max-width:620px){
  .h-ob{grid-template-columns:1fr;gap:12px}
  .h-ob__item--produkcja,.h-ob__item--sprzedaz{grid-column:auto}
  .h-ob__pic,.h-ob__item--produkcja .h-ob__pic,.h-ob__item--sprzedaz .h-ob__pic{aspect-ratio:16 / 10}
  .h-ob__name,.h-ob__item.is-open .h-ob__name,.h-ob__item--produkcja .h-ob__name,.h-ob__item--sprzedaz .h-ob__name{font-size:1.4rem}
  .h-ob__body{margin-top:-44px;padding:0 20px 20px}
}

/* role i pozostałe obszary: osobny blok bez zdjęć */
.h-ob-more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,4vw,56px);margin-top:clamp(40px,5vw,64px);align-items:start}
.h-ob-more__h{margin:0 0 12px;font-size:clamp(1.15rem,1.5vw,1.35rem);font-weight:700;letter-spacing:-.025em}
.h-ob-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.h-ob-list--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,40px)}
.h-ob-list a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px;min-height:56px;padding:8px 0;
  border-bottom:1px solid var(--line-2);color:var(--ink);text-decoration:none}
.h-ob-list__t{font-size:1rem;font-weight:500;line-height:1.3}
.h-ob-list__s{font-size:.84rem;color:var(--ink-soft);text-align:right}
.h-ob-list:not(.h-ob-list--2) .h-ob-list__t{font-weight:600;color:var(--plum-2)}
.h-ob-list svg{width:15px;height:15px;color:var(--gold-text);transition:transform .2s var(--out)}
.h-ob-list a:hover .h-ob-list__t{color:var(--plum)}
.h-ob-list a:hover svg{transform:translateX(3px)}
.h-ob-list a:focus-visible{outline:3px solid var(--plum);outline-offset:2px;border-radius:6px}
@media (max-width:1080px){
  .h-ob-more{grid-template-columns:1fr;gap:36px}
}
@media (max-width:620px){
  .h-ob-list--2{grid-template-columns:1fr}
  .h-ob-list a{min-height:52px}
}
@media (prefers-reduced-motion:reduce){
  .h-ob__item,.h-ob__item::after,.h-ob__pic img,.h-ob__more,.h-ob__more-in,.h-ob__item.is-open .h-ob__more-in,.h-ob__go,.h-ob__go svg,.h-ob-list svg{transition:none}
}

/* kotwice kart sytuacji (#rozwoj, #zmiana): przewinięcie z odstępem na menu */
.r-sit__anchor{display:block;height:0;scroll-margin-top:calc(var(--navh) + 20px)}