/* Tymiński Ads - landing „potencjał”. Klasy z prefiksem .tk-, kolory i kroje tylko z tokenów (css/marka.css). */
body{font-size:var(--t-body)}
.kontener{--margines:clamp(16px,4vw,48px)}
.lead{max-width:36em}
.etykieta{font-size:13px;letter-spacing:.08em;color:var(--tekst-3)}
.sekcja{border-top:1px solid var(--linia)}
.sekcja-naglowek{gap:16px}

/* pasek */
.tk-bar{position:sticky;top:0;z-index:40;background:color-mix(in oklab,var(--tusz) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linia)}
.tk-bar-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px}
.tk-znak{display:flex;align-items:center;gap:11px;font-weight:600;font-size:14px}
.tk-znak i{width:26px;height:26px;border-radius:7px;background:var(--akcent);color:var(--akcent-tekst);display:grid;place-items:center;font-style:normal;font-family:var(--krój-display);font-size:17px;line-height:1;font-weight:500}
.tk-bar-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--tekst-2);border-bottom:1px solid var(--linia);padding-bottom:2px}
.tk-bar-link:hover{color:var(--tekst);border-color:var(--tekst)}
.tk-bar-link .strzalka{transition:transform .25s var(--ease)}
.tk-bar-link:hover .strzalka{transform:translateX(3px)}

/* hero */
.tk-hero{border-top:0;padding-block:clamp(44px,7vw,88px) clamp(48px,7vw,80px)}
.tk-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,72px);align-items:center}
.tk-kicker{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:26px;font-family:var(--krój-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-3)}
.tk-kicker span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--linia);margin-right:8px;vertical-align:1px}
.tk-hero h1{margin-bottom:24px;text-wrap:initial;font-size:clamp(32px,3.9vw,48px)}
/* czerwień tylko dla problemu: podkreślenie frazy z problemem */
.tk-hl{background:linear-gradient(var(--sygnal),var(--sygnal)) no-repeat 0 90%/100% .09em;padding:0 .02em}
.tk-hero .lead{margin-bottom:26px}
.tk-gwarancja{font-size:15.5px;color:var(--tekst-2);max-width:34em}
.tk-gwarancja b{color:var(--tekst);font-weight:600}

/* karta zgłoszenia */
.tk-karta{position:relative;display:block;background:var(--tusz-2);border:1px solid var(--linia);border-radius:var(--promien);overflow:hidden;box-shadow:0 1px 0 var(--linia-2),0 24px 48px -32px rgba(11,27,34,.28);max-width:460px;margin-left:auto}
.papier .tk-karta{background:var(--papier-2);--tusz-2:var(--papier-2)}
.tk-karta-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px dashed var(--linia)}
.tk-karta-head .etykieta{color:var(--tekst-2)}
.tk-karta-nr{color:var(--tekst-3)!important}
.tk-karta-body{padding:16px 24px 20px;display:grid;gap:4px}
.tk-karta-tytul{font-size:22px;margin:0 0 4px}
.tk-rodo a{border-bottom:1px solid var(--linia);color:var(--tekst-2)}
.tk-pole{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--linia-2)}
.tk-pole-etykieta{font-family:var(--krój-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-3)}
.tk-pole-etykieta small{text-transform:none;letter-spacing:0;font-size:13px}
.tk-pole-etykieta b{color:var(--tekst);font-weight:500}
.tk-pole input{width:100%;border:0;background:transparent;padding:4px 0;font:inherit;font-size:17px;color:var(--tekst);outline:0}
.tk-pole input::placeholder{color:var(--tekst-3);opacity:1}
.tk-pole input[data-slowo]{font-family:var(--krój-display);font-size:28px;font-weight:400;letter-spacing:-.01em;line-height:1.1}
.tk-pole input[data-slowo]::placeholder{color:var(--tekst-3);font-style:normal}
.tk-pole:focus-within{border-bottom-color:var(--akcent)}
.tk-pole:focus-within .tk-pole-etykieta{color:var(--tekst)}
.tk-pole-blad{display:none;font-family:var(--krój-mono);font-size:15px;color:var(--sygnal)}
.tk-pole.tk-zly{border-bottom-color:var(--sygnal)}
.tk-pole.tk-zly .tk-pole-blad{display:block}
.tk-www{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.tk-btn{width:100%;justify-content:center;border-radius:var(--promien-s);padding:16px 22px;margin-top:14px;font-size:15.5px}
.tk-btn:hover{transform:none;background:var(--tekst-2)}
.tk-btn[disabled]{opacity:.6;cursor:wait}
.tk-status{min-height:0;font-size:15px;color:var(--sygnal);font-family:var(--krój-mono)}
.tk-status:empty{display:none}
.tk-rodo{font-size:15px;color:var(--tekst-3);line-height:1.5;margin-top:6px}
.tk-karta-foot{background:var(--tusz);padding:12px 24px;font-size:15px;color:var(--tekst-3);border-top:1px solid var(--linia-2)}
.papier .tk-karta-foot{background:var(--papier)}
.tk-dzieki{display:none;padding:28px 24px 32px;gap:14px}
.tk-karta.tk-wyslana .tk-karta-body,.tk-karta.tk-wyslana .tk-karta-foot{display:none}
.tk-karta.tk-wyslana .tk-dzieki{display:grid;animation:tk-wejscie .5s var(--ease) both}
@keyframes tk-wejscie{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tk-ptaszek{width:48px;height:48px;border-radius:50%;background:var(--akcent);color:var(--akcent-tekst);display:grid;place-items:center}
.tk-ptaszek svg{width:22px;height:22px}
.tk-dzieki h3{font-size:26px}
.tk-dzieki p{font-size:15px;color:var(--tekst-2);line-height:1.55}

/* 2. co zobaczycie */
.tk-kafle{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tk-kafel{display:grid;gap:10px;align-content:start}
.tk-zrzut{margin:0 0 12px;aspect-ratio:4/5;overflow:hidden;border-radius:var(--promien-s);background:var(--tusz);padding:18px 18px 0}
/* zrzut jak kartka raportu: pełna szerokość, dół ucięty */
.tk-zrzut img{width:100%;height:auto;border-radius:6px 6px 0 0;background:#fff;box-shadow:0 18px 40px -22px rgba(11,27,34,.35);transition:transform .5s var(--ease);transform-origin:top center}
.tk-kafel:hover .tk-zrzut img{transform:scale(1.02)}
.tk-kafel h3{font-size:22px}
.tk-kafel p{font-size:15px;color:var(--tekst-2);line-height:1.55}
.tk-podpis{margin-top:22px;font-size:15px;color:var(--tekst-3)}

/* 3. SPK */
.tk-kroki{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tk-krok{border-top:1px solid var(--tekst);padding-top:18px;display:grid;gap:8px;align-content:start}
.tk-krok-nr{font-family:var(--krój-mono);font-size:13px;letter-spacing:.08em;color:var(--tekst-3)}
.tk-krok h3{font-size:26px}
.tk-krok p{font-size:15px;color:var(--tekst-2);line-height:1.55}

/* 4. warunki */
.tk-warunki-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}
.tk-warunki-grid .sekcja-naglowek{margin-bottom:0;position:sticky;top:84px}
.tk-wiersze{margin:0;display:grid}
.tk-wiersz{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--linia)}
.tk-wiersz:first-child{border-top:1px solid var(--tekst)}
.tk-wiersz dt{font-family:var(--krój-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-3);padding-top:8px}
.tk-wiersz dd{margin:0;display:grid;gap:4px}
.tk-wiersz dd b{font-family:var(--krój-display);font-weight:400;font-size:26px;line-height:1.1;letter-spacing:-.01em}
.tk-wiersz dd span{font-size:15px;color:var(--tekst-2);line-height:1.55}

/* 5. o mnie */
.tk-omnie-grid{display:grid;grid-template-columns:260px 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.tk-foto{margin:0;border-radius:var(--promien);overflow:hidden;border:1px solid var(--linia);aspect-ratio:1}
.tk-foto img{width:100%;height:100%;object-fit:cover}
.tk-omnie h2{margin:12px 0 18px}
.tk-podpis-autor{margin-top:22px;display:grid;gap:2px}
.tk-podpis-autor b{font-family:var(--krój-display);font-weight:400;font-size:22px}
.tk-podpis-autor span{font-size:15px;color:var(--tekst-3)}

/* 6. koniec */
.tk-koniec-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.tk-koniec-grid .sekcja-naglowek{margin-bottom:0}

/* mobile */
@media (max-width:960px){
  .tk-hero-grid,.tk-warunki-grid,.tk-koniec-grid{grid-template-columns:1fr}
  .tk-warunki-grid .sekcja-naglowek{position:static}
  .tk-karta{margin-left:0;max-width:none}
  .tk-kafle,.tk-kroki{grid-template-columns:1fr}
}
@media (max-width:700px){
  .tk-omnie-grid{grid-template-columns:1fr}
  .tk-foto{max-width:220px}
  .tk-wiersz{grid-template-columns:1fr;gap:6px}
  .tk-wiersz dt{padding-top:0}
  .tk-bar-link span{display:none}
}
@media (prefers-reduced-motion:reduce){.tk-karta.tk-wyslana .tk-dzieki{animation:none}.tk-zrzut img{transition:none}}
.zrzut .tk-karta.tk-wyslana .tk-dzieki{animation:none}

/* ===== v2: list sprzedażowy (droga podwójnego czytelnictwa) ===== */
.tk-list{max-width:62ch}
.tk-list p{font-size:17.5px;line-height:1.6;color:var(--tekst-2);margin:0 0 14px}
.tk-list p b,.tk-list p strong{color:var(--tekst);font-weight:600}
.tk-list h3{font-family:var(--krój-display);font-weight:400;font-size:26px;letter-spacing:-.01em;margin:34px 0 12px}
.tk-list h3:first-child{margin-top:0}
.tk-sedno{font-family:var(--krój-display);font-weight:400;font-size:24px;line-height:1.3;color:var(--tekst);margin:22px 0 22px;padding-left:18px;border-left:3px solid var(--dobry,#2F7D6A)}
.tk-sceny{list-style:none;margin:18px 0 22px;padding:0;display:grid;gap:12px}
.tk-sceny li{position:relative;padding-left:26px;font-size:17.5px;line-height:1.5;color:var(--tekst)}
.tk-sceny li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;border-radius:50%;background:var(--dobry,#2F7D6A)}
.tk-most{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font-weight:600;color:var(--tekst);border-bottom:2px solid var(--dobry,#2F7D6A);padding-bottom:3px}
.tk-most:hover{border-color:var(--tekst)}
.tk-hero .tk-pod{font-size:19px;line-height:1.45;color:var(--tekst);margin:0 0 20px;max-width:34em;font-weight:500}
.tk-hero .tk-lead3 p{margin:0 0 8px;font-size:17.5px;color:var(--tekst-2)}
.tk-hero .tk-lead3{margin-bottom:22px}
.tk-obiekcje{margin:0;display:grid}
.tk-obiekcja{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;padding:20px 0;border-bottom:1px solid var(--linia)}
.tk-obiekcja:first-child{border-top:1px solid var(--tekst)}
.tk-obiekcja dt{font-family:var(--krój-display);font-weight:400;font-size:22px;line-height:1.25;color:var(--tekst)}
.tk-obiekcja dt::before{content:"„"}.tk-obiekcja dt::after{content:"”"}
.tk-obiekcja dd{margin:0;font-size:16px;line-height:1.55;color:var(--tekst-2)}
.tk-dwie{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}
.tk-dwie .sekcja-naglowek{margin-bottom:0;position:sticky;top:84px}
.tk-zrodla{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;font-family:var(--krój-mono);font-size:13.5px;letter-spacing:.02em;color:var(--tekst-3)}
.tk-zrodla li::before{content:"· "}
.tk-koszt{background:var(--tusz-2);border:1px solid var(--linia);border-radius:var(--promien);padding:clamp(22px,3vw,36px);max-width:62ch}
.papier .tk-koszt{background:var(--papier-2)}
.tk-koszt p{margin:0 0 10px;font-size:18px;line-height:1.5;color:var(--tekst)}
.tk-koszt p:last-child{margin:0;color:var(--tekst-2);font-size:16px}
@media (max-width:960px){.tk-dwie{grid-template-columns:1fr}.tk-dwie .sekcja-naglowek{position:static}}
@media (max-width:700px){.tk-obiekcja{grid-template-columns:1fr;gap:8px}.tk-list h3{font-size:23px}.tk-sedno{font-size:21px}}

.tk-btn-inline{border-radius:var(--promien-s);padding:16px 22px;font-size:15.5px;margin-top:6px}
.tk-btn-inline:hover{transform:none;background:var(--tekst-2)}
.lead b{color:var(--tekst);font-weight:600}
.tk-mierze{margin-top:clamp(36px,5vw,56px)}
.tk-mierze .tk-wiersz{grid-template-columns:220px 1fr;padding:14px 0}
.tk-mierze .tk-wiersz:first-child{border-top:1px solid var(--linia)}
.tk-mierze .tk-wiersz dt{text-transform:none;letter-spacing:.02em;font-size:14px;color:var(--tekst);padding-top:2px}
.tk-wiersz dd strong{color:var(--tekst);font-weight:600}
.tk-hero .tk-kicker span::before{display:none}
.tk-hero .tk-kicker{gap:6px 16px}
.tk-hero .tk-kicker span+span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--linia);margin-right:12px;vertical-align:2px}
@media (max-width:700px){.tk-mierze .tk-wiersz{grid-template-columns:1fr}}

/* wzór: trzy ekrany */
.tk-wzory{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tk-wzor{display:grid;gap:8px;align-content:start}
.tk-ekran{margin:0 0 12px;aspect-ratio:4/5;overflow:hidden;border-radius:var(--promien);background:var(--tusz-2);padding:20px 20px 0}
.papier .tk-ekran{background:var(--papier-2)}
.tk-ekran img{width:100%;height:auto;border-radius:10px 10px 0 0;box-shadow:0 18px 40px -22px rgba(11,27,34,.4);transition:transform .5s var(--ease);transform-origin:top center}
.tk-wzor:hover .tk-ekran img{transform:scale(1.02)}
.tk-wzor h3{font-size:24px}
.tk-wzor p{font-size:15.5px;color:var(--tekst-2);line-height:1.55}
.tk-wzor p b{color:var(--tekst);font-weight:600}
.tk-dlaczego{margin-top:clamp(40px,6vw,72px)}
.tk-pytanie{margin-top:28px;padding:26px 28px;background:var(--tusz-2);border:1px solid var(--linia);border-radius:var(--promien)}
.tk-list .tk-pytanie-h,.tk-pytanie-h{font-family:var(--krój-display);font-weight:400;font-size:30px;line-height:1.15;letter-spacing:-.015em;color:var(--tekst);margin:0 0 10px}
.tk-pytanie p{margin:0 0 12px}
.tk-pytanie p:last-child{margin:0}
.tk-dowod{margin:28px 0 0;max-width:300px}
.tk-dowod img{width:100%;height:auto;border-radius:10px;box-shadow:0 18px 40px -22px rgba(11,27,34,.4)}
.tk-dowod figcaption{margin-top:10px;font-size:14px;color:var(--tekst-3)}
@media (max-width:960px){.tk-wzory{grid-template-columns:1fr}.tk-dowod{max-width:260px}}
@media (max-width:700px){.tk-list .tk-pytanie-h{font-size:25px}}

.tk-dlaczego-foto{margin:22px 0 0;border-radius:var(--promien);overflow:hidden;aspect-ratio:4/5;max-width:420px}
.tk-dlaczego-foto img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:960px){.tk-dlaczego-foto{max-width:320px}}
/* droga pacjenta: pięć kroków, to samo zdanie w każdym, linia łączy je od reklamy do fotela */
.tk-droga{list-style:none;margin:22px 0 0;padding:0;max-width:420px;display:grid;gap:26px;position:relative}
.tk-droga::before{content:"";position:absolute;left:21px;top:28px;bottom:28px;width:3px;background:var(--dobry,#2F7D6A);opacity:.5}
.tk-droga li:not(:last-child)::after{content:"\2193";position:absolute;left:22px;bottom:-22px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:var(--dobry,#2F7D6A);color:#fff;font:700 12px/20px var(--mono,monospace);text-align:center}
.tk-droga li{position:relative;z-index:1;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:14px 18px 14px 0;background:#fff;border:1px solid rgba(27,27,29,.1);border-radius:var(--promien)}
.tk-droga-nr{grid-row:1/3;justify-self:center;width:30px;height:30px;border-radius:50%;background:var(--dobry,#2F7D6A);color:#fff;font:600 12px/30px var(--mono,monospace);text-align:center}
.tk-droga b{font-size:17px;font-weight:600;color:var(--tekst)}
.tk-droga em{font-style:normal;font-size:15px;color:var(--tekst-2)}
.tk-droga li:not(.tk-droga-fotel) em{color:var(--dobry,#2F7D6A);font-weight:600}
.tk-droga .tk-droga-fotel{background:var(--dobry,#2F7D6A);border-color:var(--dobry,#2F7D6A)}
.tk-droga .tk-droga-fotel b,.tk-droga .tk-droga-fotel em{color:#fff}
.tk-droga .tk-droga-fotel .tk-droga-nr{background:#fff;color:var(--dobry,#2F7D6A)}
@media (max-width:960px){.tk-droga{max-width:420px}}
/* droga strat ("Znacie to?"): ta sama forma co droga pacjenta, ale w czerwieni ostrzeżenia i kończy się pustym fotelem */
.tk-strata::before{background:#D8452A}
.tk-strata li:not(:last-child)::after{background:#D8452A}
.tk-strata li:nth-child(2) .tk-droga-nr{background:#D8452A}
.tk-strata li:not(.tk-strata-pusty) em{color:var(--tekst-2);font-weight:400}
.tk-strata li:nth-child(2) em{color:#D8452A;font-weight:600}
.tk-droga.tk-strata .tk-strata-pusty{background:var(--papier-2,#EEF1F0);border:2px dashed rgba(27,27,29,.28)}
.tk-droga.tk-strata .tk-strata-pusty .tk-droga-nr{background:rgba(27,27,29,.45)}
.tk-droga.tk-strata .tk-strata-pusty em{color:var(--tekst-2);font-weight:400}

.tk-albo{margin:10px 0 0;font-size:15px;color:var(--tekst-2);line-height:1.5}
.tk-albo a{color:var(--tekst);font-weight:600;text-decoration:underline;text-decoration-color:var(--dobry,#2F7D6A);text-underline-offset:3px}
.tk-albo a:hover{text-decoration-thickness:2px}
/* grafiki w sekcjach (20.10) */
#spk .sekcja-naglowek{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(28px,5vw,64px);align-items:center;align-content:center;row-gap:16px}
#spk .sekcja-naglowek > .etykieta,#spk .sekcja-naglowek > h2{grid-column:1}
#spk .sekcja-naglowek > .tk-dlaczego-foto{grid-column:2;grid-row:1/3;max-width:400px;margin:0;justify-self:end}
@media (max-width:960px){#spk .sekcja-naglowek{grid-template-columns:1fr}#spk .sekcja-naglowek > .tk-dlaczego-foto{grid-column:1;grid-row:auto;max-width:320px;margin-top:18px;justify-self:start}}

/* karta: dwa przyciski (główny do kalendarza, drugi wysyła mail) */
.tk-karta-pod{font-size:15.5px;color:var(--tekst-2);margin:0 0 6px;line-height:1.5}
.tk-btn-drugi{background:transparent;color:var(--tekst);border:1.5px solid var(--tekst);margin-top:10px;padding:14px 22px}
.tk-btn-drugi:hover{background:var(--tekst);color:#fff}
.tk-karta-foot a{color:var(--tekst-2);border-bottom:1px solid var(--linia)}
.tk-karta-pod-albo{margin:14px 0 0;font-size:15px}

/* O mnie: czym się zajmuję, czego się uczę */
.tk-omnie-h{font-size:22px;margin:26px 0 8px}
.tk-omnie-lista{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:10px}
.tk-omnie-lista li{position:relative;padding-left:26px;font-size:17px;line-height:1.5;color:var(--tekst)}
.tk-omnie-lista li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;border-radius:50%;background:var(--dobry,#2F7D6A)}
.tk-omnie-uczen{font-size:17px;line-height:1.55;color:var(--tekst-2);margin:0 0 6px}
.tk-omnie-cel{font-size:17px;line-height:1.55;color:var(--tekst-2);margin:14px 0 0}
.tk-omnie-cel b{color:var(--tekst);font-weight:600}