/* ===== ekspert.css · 06.10.2026 · pozycjonowanie „strategia i wzrost firm, PL/UK/NL/USA”: hero bez openera, #ai, #rynki, #uk, #diagnoza, podstrony /polskie-firmy-w-uk i /polskie-firmy-w-holandii. Nowy plik, nie nadpisuje style.css, home.css ani wsparcie.css. ===== */
:root{--ex-navy:#0B1142;--ex-acc:#3A4FD8;--ex-ease:cubic-bezier(.2,.7,.2,1)}

/* ---------- 0. wspólne ---------- */
.ex-k{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#B7C2FF;margin:0 0 14px}
.ex-k--dark{color:var(--ex-acc)}
.ex-h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,4vw,52px);line-height:1.06;letter-spacing:-.035em;color:#fff;margin:0;text-wrap:balance}
.ex-h2 em{font-style:normal;background:linear-gradient(100deg,#C9D2FF 10%,#8FA0FF 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ex-h2--dark{color:var(--blue-deep)}
.ex-h2--dark em{background:none;color:var(--ex-acc)}
.ex-lead{font-size:clamp(16.5px,1.3vw,19px);line-height:1.65;color:rgba(255,255,255,.78);margin:18px 0 0;max-width:62ch}
.ex-lead b{color:#fff;font-weight:600}
.ex-lead--dark{color:#3C3F55}
.ex-lead--dark b{color:var(--blue-deep)}
.ex-link{color:#fff;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);display:inline-flex;align-items:center;gap:8px;padding-bottom:2px}
.ex-link:hover{border-color:#fff}
.ex-link--dark{color:var(--blue-deep);border-color:rgba(11,17,66,.3)}
.ex-link--dark:hover{border-color:var(--blue-deep)}
.ex-link svg{transition:transform .3s ease}
.ex-link:hover svg{transform:translateX(4px)}

/* ---------- 1. HERO (strona główna) ---------- */
.hero--ex .ex-byline{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;font-size:14.5px;color:#3C3F55;letter-spacing:.005em}
.hero--ex .ex-byline svg{width:22px;height:22px;flex:0 0 auto}
.hero--ex .ex-byline b{color:var(--blue-deep);font-weight:600}
.hero--ex .ex-title{font-size:clamp(40px,4.9vw,70px);line-height:1.03;letter-spacing:-.04em;max-width:none}
.hero--ex .ex-title em{font-style:normal;color:var(--ex-acc)}
.hero--v106.is-ready .hl:nth-child(3)>span{transition-delay:.42s}
.hero--ex .hl>span{transition-duration:1.25s,.9s}
.hero--ex .hero__sub{max-width:58ch}
.hero--ex .hstats--liquid li:last-child b{font-size:clamp(22px,1.9vw,28px)}
@media(max-width:900px){
  .hero--ex .ex-byline{font-size:13px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}
  .hero--ex .ex-title{font-size:clamp(33px,9.2vw,44px);max-width:none}
}

/* ---------- 2. LOGA: plik klienta w oryginale (WILKOR, bez filtra) ---------- */
.logos__track li.is-orig img,.logos__track li.is-orig:hover img{filter:none}
.logos__track li.is-orig img{max-height:58px}

/* ---------- 3. #ai: sam z AI czy ze mną ---------- */
.ex-ai{position:relative;isolation:isolate;overflow:hidden;color:#fff;margin:clamp(24px,3vw,40px) clamp(10px,1.4vw,20px) 0;border-radius:clamp(28px,3vw,40px);padding:clamp(72px,9vw,120px) 0;
  background:radial-gradient(110% 90% at 0% 0%,rgba(74,99,232,.45),transparent 55%),radial-gradient(80% 70% at 100% 100%,rgba(143,160,255,.18),transparent 60%),var(--ex-navy)}
.ex-ai::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 70%)}
.ex-ai__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,72px);align-items:end}
.ex-ai__head .ex-lead{margin:0}
.ex-vs{margin-top:clamp(40px,5vw,64px);border-top:1px solid rgba(255,255,255,.16)}
.ex-vs__row{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,3vw,44px);padding:clamp(18px,2.2vw,26px) 4px;border-bottom:1px solid rgba(255,255,255,.12);align-items:start}
.ex-vs__row--h{padding-top:16px;padding-bottom:16px}
.ex-vs__row--h span{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ex-vs__row--h span:last-child{color:#C9D2FF}
.ex-vs__row b{font-family:var(--display);font-weight:700;font-size:clamp(19px,1.7vw,23px);letter-spacing:-.02em}
.ex-vs__row p{margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.62)}
.ex-vs__row p:last-child{color:#fff;position:relative;padding-left:18px}
.ex-vs__row p:last-child::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:#8FA0FF;box-shadow:0 0 0 4px rgba(143,160,255,.18)}
.ex-vs__row:not(.ex-vs__row--h){transition:background .35s ease}
.ex-vs__row:not(.ex-vs__row--h):hover{background:rgba(255,255,255,.03)}
.ex-ai__foot{margin-top:clamp(36px,4vw,52px);display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:24px 48px;align-items:center}
.ex-ai__foot p{margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:rgba(255,255,255,.78)}
.ex-ai__foot p b{color:#fff;font-weight:700;font-family:var(--display);letter-spacing:-.01em}
.ex-ai__act{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
@media(max-width:900px){
  .ex-ai{padding:60px 0 64px;border-radius:24px}
  .ex-ai__head,.ex-ai__foot{grid-template-columns:1fr}
  .ex-vs__row--h{display:none}
  .ex-vs__row{grid-template-columns:1fr;gap:10px;padding:22px 2px}
  .ex-vs__row p:first-of-type::before{content:attr(data-l) ": ";font-weight:600;color:rgba(255,255,255,.45)}
  .ex-vs__row p:last-child{padding-left:0}
  .ex-vs__row p:last-child::before{content:attr(data-l) ": ";position:static;width:auto;height:auto;background:none;box-shadow:none;border-radius:0;font-weight:600;color:#C9D2FF}
  .ex-ai__act .btn{width:100%;justify-content:center}
}

/* ---------- 4. #rynki: kafle ze zdjęciami ---------- */
.ex-rynki{padding-top:clamp(72px,9vw,120px);padding-bottom:clamp(40px,5vw,64px)}
.ex-rynki .section__head{max-width:860px;margin-left:auto;margin-right:auto}
.ex-tiles{margin-top:clamp(34px,4vw,54px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:16px}
.ex-tile{position:relative;display:block;overflow:hidden;border-radius:24px;min-height:300px;color:#fff;text-decoration:none;isolation:isolate;background:var(--ex-navy)}
.ex-tile--uk{grid-column:1 / span 2;grid-row:1 / span 2;min-height:520px}
.ex-tile:nth-child(2){grid-column:3;grid-row:1}
.ex-tile:nth-child(3){grid-column:3;grid-row:2}
.ex-tile:nth-child(4){grid-column:1 / span 3;min-height:260px}
.ex-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04);transition:transform 1.4s var(--ex-ease)}
.ex-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,17,66,.05) 20%,rgba(11,17,66,.82) 100%)}
.ex-tile:hover img{transform:scale(1.1)}
.ex-tile__body{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:6px}
.ex-tile__body small{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#C9D2FF}
.ex-tile__body b{font-family:var(--display);font-weight:700;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.03em;line-height:1.05}
.ex-tile--uk .ex-tile__body b{font-size:clamp(34px,4vw,56px)}
.ex-tile__body>span{font-size:15px;line-height:1.5;color:rgba(255,255,255,.85);max-width:52ch}
.ex-tile__body i{font-style:normal;margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600}
.ex-tile__body i svg{transition:transform .3s ease}
.ex-tile:hover .ex-tile__body i svg{transform:translateX(5px)}
@media(max-width:900px){
  .ex-tiles{grid-template-columns:1fr;gap:12px}
  .ex-tile,.ex-tile--uk,.ex-tile:nth-child(n){grid-column:auto;grid-row:auto;min-height:280px}
  .ex-tile--uk{min-height:380px}
}

/* ---------- 5. #uk: ciemny pas ze zdjęciem ---------- */
.ex-uk{position:relative;isolation:isolate;overflow:hidden;color:#fff;margin:0 clamp(10px,1.4vw,20px);border-radius:clamp(28px,3vw,40px);padding:clamp(80px,10vw,140px) 0;background:var(--ex-navy)}
.ex-uk__bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;z-index:-2;opacity:.55}
.ex-uk__grad{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,17,66,.97) 0%,rgba(11,17,66,.88) 45%,rgba(11,17,66,.55) 100%)}
.ex-uk__body .ex-h2{max-width:20ch}
.ex-uk__facts{list-style:none;padding:0;margin:clamp(30px,3.5vw,44px) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 32px;max-width:980px}
.ex-uk__facts li{border-left:2px solid #8FA0FF;padding:2px 0 2px 16px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.75)}
.ex-uk__facts b{display:block;color:#fff;font-family:var(--display);font-size:20px;letter-spacing:-.02em;margin-bottom:2px}
.ex-uk__logos{margin-top:clamp(34px,4vw,48px)}
.ex-uk__logos p{font-size:13px;letter-spacing:.06em;color:rgba(255,255,255,.55);margin:0 0 12px}
.ex-ukl{list-style:none;margin:0;padding:16px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 40px;background:rgba(255,255,255,.95);border-radius:18px;width:fit-content;max-width:100%}
.ex-ukl img{height:34px;width:auto;display:block}
.ex-uk__act{margin-top:clamp(30px,3.5vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
@media(max-width:900px){
  .ex-uk{padding:64px 0;border-radius:24px}
  .ex-uk__grad{background:linear-gradient(180deg,rgba(11,17,66,.9),rgba(11,17,66,.96))}
  .ex-uk__facts{grid-template-columns:1fr}
  .ex-ukl{gap:16px 26px;padding:14px 16px;justify-content:center;width:auto}
  .ex-ukl img{height:28px}
  .ex-uk__act .btn{width:100%;justify-content:center}
}

/* ---------- 6. #diagnoza: lead magnet ---------- */
.ex-diag{background:var(--gray);margin-top:clamp(40px,5vw,64px)}
.ex-diag__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,5vw,72px);align-items:start}
.ex-diag__copy{position:sticky;top:110px}
.ex-checks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.ex-checks li{position:relative;padding-left:34px;font-size:16.5px;line-height:1.5;color:#2A2D40}
.ex-checks li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--ex-acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.ex-form{position:relative;padding:clamp(22px,3vw,36px);border-radius:26px;background:#fff;box-shadow:0 1px 2px rgba(11,17,66,.05),0 30px 70px rgba(11,17,66,.10)}
.ex-form__h{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--blue-deep);margin:0 0 18px}
.ex-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ex-f{grid-column:1 / -1;display:flex;flex-direction:column;gap:6px}
.ex-f--half{grid-column:auto}
.ex-f span{font-size:13.5px;font-weight:600;color:#3C3F55}
.ex-f span i{font-style:normal;font-weight:400;color:var(--muted)}
.ex-f input,.ex-f select{font:inherit;font-size:16px;width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(11,17,66,.16);background:#FBFBFE;color:var(--ink);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.ex-f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E6E73' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px}
.ex-f input:focus,.ex-f select:focus{outline:none;border-color:var(--ex-acc);box-shadow:0 0 0 4px rgba(58,79,216,.14);background:#fff}
.ex-f.is-bad input,.ex-f.is-bad select{border-color:#C8323C;box-shadow:0 0 0 4px rgba(200,50,60,.10)}
.ex-form__btn{width:100%;justify-content:center;margin-top:20px}
.ex-form__btn[disabled]{opacity:.6;cursor:wait}
.ex-form__fine{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.ex-form__fine a{color:inherit}
.ex-form__msg{margin:10px 0 0;font-size:15px;font-weight:600;color:#C8323C;min-height:1px}
.ex-form.is-done .ex-form__grid,.ex-form.is-done .ex-form__btn,.ex-form.is-done .ex-form__fine,.ex-form.is-done .ex-form__h{display:none}
.ex-form.is-done .ex-form__msg{color:var(--blue-deep);font-weight:500;font-size:17px;line-height:1.6;margin:0}
.ex-form.is-done .ex-form__msg b{display:block;font-family:var(--display);font-size:24px;letter-spacing:-.02em;margin-bottom:8px}
@media(max-width:900px){
  .ex-diag__grid{grid-template-columns:1fr}
  .ex-diag__copy{position:static}
  .ex-form__grid{grid-template-columns:1fr}
  .ex-f--half{grid-column:1 / -1}
}

/* ---------- 7. pasek „Masz sklep?” ---------- */
.ex-shops{padding:clamp(56px,7vw,88px) 0 0}
.ex-shops__in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 36px;align-items:center;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ex-shops__in .ex-k{margin:0}
.ex-shops__t{margin:0;font-size:17px;line-height:1.55;color:#3C3F55}
.ex-shops__t b{color:var(--blue-deep)}
@media(max-width:900px){.ex-shops__in{grid-template-columns:1fr}}

/* ---------- 8. menu: wyróżniony link UK ---------- */
.nav__links a.nav__uk{color:var(--blue-deep);font-weight:600}
@media(max-width:1240px) and (min-width:1001px){.nav__links a{padding:8px 9px;font-size:13.5px}}

/* ---------- 9. PODSTRONY UK / NL ---------- */
.exp-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--ex-navy);padding:160px 0 clamp(64px,8vw,110px);min-height:min(88vh,820px);display:flex;align-items:flex-end}
.exp-hero>.container{width:100%}
.exp-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.06);animation:exZoom 18s var(--ex-ease) forwards}
@keyframes exZoom{to{transform:scale(1)}}
.exp-hero__grad{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,17,66,.95) 0%,rgba(11,17,66,.82) 48%,rgba(11,17,66,.35) 100%),linear-gradient(0deg,rgba(11,17,66,.7),transparent 40%)}
.exp-crumbs{font-size:14px;color:rgba(255,255,255,.65);margin:0 0 18px}
.exp-crumbs a{color:rgba(255,255,255,.8)}
.exp-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(36px,5.4vw,72px);line-height:1.03;letter-spacing:-.04em;max-width:15ch;margin:0}
.exp-hero h1 em{font-style:normal;color:#C9D2FF}
.exp-hero .hl{display:block;overflow:hidden;padding:0 .04em .1em;margin-bottom:-.1em}
.exp-hero .hl>span{display:block;transform:translateY(110%);opacity:0;transition:transform 1.2s var(--ex-ease),opacity .8s ease}
.exp-hero.is-ready .hl>span{transform:none;opacity:1}
.exp-hero.is-ready .hl:nth-child(2)>span{transition-delay:.16s}
.exp-hero.is-ready .hl:nth-child(3)>span{transition-delay:.32s}
.exp-hero__in{opacity:0;transform:translateY(16px);transition:opacity .9s ease .5s,transform 1s var(--ex-ease) .5s}
.exp-hero.is-ready .exp-hero__in{opacity:1;transform:none}
.exp-hero__sub{margin:24px 0 0;max-width:58ch;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:rgba(255,255,255,.82)}
.exp-hero__act{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.exp-hero__act .btn--ghost{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}
.exp-hero__facts{margin:30px 0 0;display:flex;flex-wrap:wrap;gap:8px 26px;font-size:14.5px;color:rgba(255,255,255,.75)}
.exp-hero__facts span{display:inline-flex;align-items:center;gap:9px}
.exp-hero__facts span::before{content:"";width:6px;height:6px;border-radius:50%;background:#8FA0FF}
.exp-hero__credit{position:absolute;right:16px;bottom:10px;font-size:11px;color:rgba(255,255,255,.45);margin:0}
.exp-hero__credit a{color:inherit}
@media(max-width:900px){
  .exp-hero{padding:120px 0 56px;min-height:0}
  .exp-hero__grad{background:linear-gradient(180deg,rgba(11,17,66,.7),rgba(11,17,66,.95) 60%)}
  .exp-hero__act .btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.exp-hero__bg{animation:none;transform:none}.exp-hero .hl>span,.exp-hero__in{opacity:1;transform:none;transition:none}}

.exp-sec{padding:clamp(72px,9vw,120px) 0}
.exp-sec--gray{background:var(--gray)}
.exp-sec--dark{color:#fff;background:radial-gradient(90% 80% at 100% 0%,rgba(74,99,232,.38),transparent 60%),var(--ex-navy)}
.exp-head{max-width:860px}
.exp-head--c{margin:0 auto;text-align:center}
.exp-head--c .ex-lead{margin-left:auto;margin-right:auto}
.exp-proof{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,72px);align-items:center}
.exp-proof .ex-ukl{background:#fff;box-shadow:0 20px 50px rgba(11,17,66,.08);margin-top:22px}
.exp-stamp{position:relative;padding:clamp(26px,3vw,40px);border-radius:26px;background:var(--ex-navy);color:#fff;overflow:hidden}
.exp-stamp::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(143,160,255,.45),transparent 70%)}
.exp-stamp b{display:block;font-family:var(--display);font-size:clamp(30px,3.4vw,46px);letter-spacing:-.035em;line-height:1.05}
.exp-stamp p{margin:12px 0 0;color:rgba(255,255,255,.75);font-size:16px;line-height:1.6}
.exp-stamp ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:#C9D2FF}

/* problemy: cytaty jako lista redakcyjna */
.exp-quotes{margin-top:clamp(34px,4vw,54px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(30px,5vw,72px);border-top:1px solid var(--line)}
.exp-quotes>div{padding:clamp(22px,2.6vw,32px) 0;border-bottom:1px solid var(--line)}
.exp-quotes q{display:block;quotes:"„" "”";font-family:var(--display);font-weight:700;font-size:clamp(21px,2vw,27px);letter-spacing:-.025em;line-height:1.2;color:var(--blue-deep)}
.exp-quotes p{margin:10px 0 0;font-size:16px;line-height:1.6;color:#3C3F55}
@media(max-width:900px){.exp-quotes{grid-template-columns:1fr}}

/* oś czasu (linia wypełniana scrollem) */
.exp-tl{position:relative;list-style:none;padding:0;margin:clamp(40px,5vw,64px) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.exp-tl::before,.exp-tl::after{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:rgba(255,255,255,.14)}
.exp-tl::after{background:linear-gradient(90deg,#8FA0FF,#C9D2FF);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .2s linear}
.exp-tl li{position:relative;padding-top:38px}
.exp-tl li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--ex-navy);border:2px solid rgba(255,255,255,.3);transition:background .4s,border-color .4s,box-shadow .4s;z-index:1}
.exp-tl li.is-on::before{background:#8FA0FF;border-color:#C9D2FF;box-shadow:0 0 0 6px rgba(143,160,255,.18)}
.exp-tl small{display:block;font-size:13px;color:#C9D2FF;margin-bottom:6px}
.exp-tl b{display:block;font-family:var(--display);font-size:22px;letter-spacing:-.02em;margin-bottom:8px}
.exp-tl p{margin:0;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.72)}
@media(max-width:900px){
  .exp-tl{grid-template-columns:1fr;gap:26px;padding-left:36px}
  .exp-tl::before,.exp-tl::after{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .exp-tl::after{transform-origin:top;transform:scaleY(var(--p,0))}
  .exp-tl li{padding-top:0}
  .exp-tl li::before{left:-36px;top:2px}
}

/* dwie ścieżki klientów */
.exp-two{margin-top:clamp(34px,4vw,54px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.exp-two h3{font-family:var(--display);font-size:clamp(22px,2.1vw,28px);letter-spacing:-.025em;color:var(--blue-deep);margin:0 0 6px}
.exp-two>div>p{margin:0;color:var(--muted);font-size:15.5px}
.exp-two ul{list-style:none;padding:0;margin:18px 0 0;border-top:1px solid var(--line)}
.exp-two li{padding:13px 0 13px 26px;border-bottom:1px solid var(--line);position:relative;font-size:16px;line-height:1.5;color:#2A2D40}
.exp-two li::before{content:"";position:absolute;left:2px;top:21px;width:10px;height:2px;background:var(--ex-acc)}
@media(max-width:900px){.exp-two{grid-template-columns:1fr}}
.exp-photo{margin:clamp(36px,4vw,56px) 0 0;border-radius:24px;overflow:hidden;position:relative}
.exp-photo img{width:100%;height:clamp(240px,34vw,460px);object-fit:cover}
.exp-photo figcaption{position:absolute;right:12px;bottom:10px;font-size:11px;color:rgba(255,255,255,.8);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.exp-photo figcaption a{color:inherit}

/* przykłady */
.exp-cases{margin-top:clamp(34px,4vw,54px);display:grid;gap:0;border-top:1px solid var(--line)}
.exp-case{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(20px,4vw,56px);padding:clamp(24px,3vw,38px) 0;border-bottom:1px solid var(--line);align-items:start}
.exp-case__logo{height:64px;display:flex;align-items:center}
.exp-case__logo img{max-height:46px;width:auto}
.exp-case__logo span{font-family:var(--display);font-weight:700;font-size:18px;color:var(--blue-deep);letter-spacing:-.02em}
.exp-case h3{font-family:var(--display);font-size:clamp(20px,1.9vw,25px);letter-spacing:-.02em;color:var(--blue-deep);margin:0 0 8px}
.exp-case p{margin:0;font-size:16px;line-height:1.65;color:#3C3F55}
.exp-case .wsx-facts{margin-top:18px}
@media(max-width:900px){.exp-case{grid-template-columns:1fr;gap:10px}}

/* partner */
.exp-partner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,72px);align-items:center}
.exp-partner figure{margin:0;border-radius:26px;overflow:hidden;position:relative}
.exp-partner figure img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.exp-partner figcaption{position:absolute;left:16px;bottom:16px;right:16px;padding:12px 16px;border-radius:14px;background:rgba(11,17,66,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:14px}
.exp-partner figcaption b{display:block;font-size:16px}
.exp-partner p{font-size:17px;line-height:1.7;color:#3C3F55;margin:16px 0 0}
.exp-partner p b{color:var(--blue-deep)}
@media(max-width:900px){.exp-partner{grid-template-columns:1fr}.exp-partner figure img{aspect-ratio:4/3.4}}

.exp-sec .ex-diag__grid{margin-top:0}
.exp-posts{margin-top:clamp(30px,4vw,46px)}
.exp-sec:not(.exp-sec--dark) .wsx-facts b{color:var(--blue-deep);font-size:clamp(28px,3vw,40px)}
.exp-sec:not(.exp-sec--dark) .wsx-facts span{color:var(--muted)}

/* ===== KOREKTA 07.10.2026: strateg wzrostu, Elevation Group, opinie pod hero, UK/NL uzupełniająco ===== */
.hero--ex .ex-title{font-size:clamp(46px,7vw,104px);line-height:1.0;letter-spacing:-.045em}
.nav__eg{display:inline-block;margin-left:10px;padding-left:10px;border-left:1px solid rgba(21,32,122,.2);font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--muted);white-space:nowrap}
@media(max-width:1100px){.nav__eg{display:none}}
.ex-stars{display:inline-flex;gap:1px}
.ex-stars svg{width:14px;height:14px;fill:#FBBC05}
.ex-glogo{width:18px;height:18px;flex:0 0 auto}
.ex-eg{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin:22px auto 0;font-size:15px;color:#3C3F55}
.ex-eg__mark svg{width:20px;height:20px;display:block}
.ex-eg b{color:var(--blue-deep)}
.ex-eg__g{display:inline-flex;align-items:center;gap:7px;padding-left:16px;border-left:1px solid rgba(21,32,122,.18);text-decoration:none;color:#3C3F55}
.ex-eg__g i{font-style:normal;font-size:14px}
.hero--v106 .ex-eg.hero__in{transition-delay:.8s}
@media(max-width:900px){.ex-eg{font-size:14px}.ex-eg__g{padding-left:0;border-left:0}}

/* opinie */
.ex-op{padding-top:clamp(64px,8vw,104px)}
.ex-op__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,72px);align-items:end}
.ex-op__head .ex-lead{margin:0}
.ex-gbadge{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 0;font-size:14.5px;color:#3C3F55;text-decoration:none;border-bottom:1px solid var(--line)}
.ex-gbadge b{font-family:var(--display);font-size:20px;color:var(--blue-deep)}
.ex-op__grid{margin-top:clamp(34px,4vw,54px);display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,2fr);gap:20px;align-items:start}
.ex-vid{margin:0;border-radius:24px;overflow:hidden;background:var(--ex-navy);color:#fff}
.ex-vid__btn{position:relative;display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:9/13;overflow:hidden}
.ex-vid__btn img,.ex-vid__btn video{width:100%;height:100%;object-fit:cover;display:block}
.ex-vid__play{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--blue-deep);font-weight:600;font-size:14px;transition:transform .3s var(--ex-ease)}
.ex-vid__play svg{width:30px;height:30px;padding:7px;border-radius:50%;background:var(--blue-deep);fill:#fff}
.ex-vid__play i{font-style:normal}
.ex-vid__btn:hover .ex-vid__play{transform:scale(1.05)}
.ex-vid.is-playing .ex-vid__play{display:none}
.ex-vid figcaption{padding:18px 20px 22px;font-size:14px;color:rgba(255,255,255,.7)}
.ex-vid blockquote{margin:0 0 12px;font-size:16px;line-height:1.55;color:#fff}
.ex-vid figcaption b{display:block;color:#fff;font-size:15px}
.ex-op__qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ex-q{margin:0;padding:clamp(20px,2.4vw,28px);border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,17,66,.04),0 18px 40px rgba(11,17,66,.06);display:flex;flex-direction:column}
.ex-q--big{grid-column:1 / -1;background:var(--gray);border-color:transparent}
.ex-q--big blockquote{font-family:var(--display);font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.3;letter-spacing:-.02em;color:var(--blue-deep)}
.ex-q__top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.ex-q blockquote{margin:0;font-size:16px;line-height:1.6;color:#2A2D40;flex:1}
.ex-q figcaption{margin-top:16px;font-size:13.5px;color:var(--muted)}
.ex-q figcaption b{display:block;font-size:15px;color:var(--blue-deep)}
.ex-who{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(30px,5vw,72px);border-top:1px solid var(--line)}
.ex-who__it{padding:clamp(22px,2.6vw,32px) 0;border-bottom:1px solid var(--line)}
.ex-who__it h3{font-family:var(--display);font-size:clamp(22px,2.1vw,28px);letter-spacing:-.025em;color:var(--blue-deep);margin:0 0 8px}
.ex-who__it p{margin:0;font-size:16px;line-height:1.65;color:#3C3F55}
.ex-who__it span{display:block;margin-top:12px;font-size:14px;font-weight:600;color:var(--ex-acc)}
@media(max-width:900px){
  .ex-op__head,.ex-op__grid,.ex-who{grid-template-columns:1fr}
  .ex-op__qs{grid-template-columns:1fr}
  .ex-vid__btn{aspect-ratio:4/5}
}

/* AI niżej: odstęp od logotypów */
.ex-ai{margin-top:clamp(48px,6vw,80px)}

/* za granicą: informacja uzupełniająca */
.ex-abroad{padding:clamp(56px,7vw,88px) 0 0}
.ex-abroad__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}
.ex-abroad__h{font-family:var(--display);font-weight:700;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;line-height:1.15;color:var(--blue-deep);margin:0}
.ex-abroad__p{margin:12px 0 0;font-size:16px;line-height:1.6;color:#3C3F55}
.ex-mini{position:relative;display:block;border-radius:20px;overflow:hidden;min-height:200px;color:#fff;text-decoration:none;isolation:isolate}
.ex-mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ex-ease)}
.ex-mini::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,17,66,0) 30%,rgba(11,17,66,.85))}
.ex-mini:hover img{transform:scale(1.07)}
.ex-mini span{position:absolute;left:18px;right:18px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ex-mini b{font-family:var(--display);font-size:19px;letter-spacing:-.02em}
.ex-mini i{font-style:normal;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
@media(max-width:900px){.ex-abroad__in{grid-template-columns:1fr}.ex-mini{min-height:170px}}
.ex-vid__v{display:block;width:100%;aspect-ratio:9/13;object-fit:cover;background:#000}@media(max-width:900px){.ex-vid__v{aspect-ratio:4/5}}
@media(max-width:600px){.ex-op__qs .ex-q:nth-child(n+4){display:none}}

/* ===== HOME v3 (07.10.2026): jedna historia, 10 sekcji ===== */
.h3-head{max-width:820px;margin:0 auto;text-align:center}
.h3-head .ex-lead{margin-left:auto;margin-right:auto}
.h3-head .ex-h2{text-wrap:balance}
.h3-act{margin:clamp(30px,3.5vw,44px) 0 0;text-align:center}
.h3-sec{padding:clamp(80px,9vw,128px) 0}
.h3-sec--gray{background:var(--gray)}
.h3-anchor{position:relative;top:-90px;display:block;height:0}
.ex-who{max-width:1040px;margin-left:auto;margin-right:auto}

/* 2. dowód */
.h3-proof{position:relative;isolation:isolate;overflow:hidden;color:#fff;margin:0 clamp(10px,1.4vw,20px);border-radius:clamp(28px,3vw,40px);padding:clamp(80px,9vw,128px) 0 clamp(64px,7vw,96px);
  background:radial-gradient(100% 70% at 0% 0%,rgba(74,99,232,.45),transparent 55%),radial-gradient(80% 60% at 100% 100%,rgba(143,160,255,.18),transparent 60%),var(--ex-navy)}
.h3-feat{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:20px;align-items:stretch}
.h3-bart{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.h3-bart__ph{margin:0;min-height:100%;position:relative}
.h3-bart__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.h3-bart__body{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column}
.h3-bart__top{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.6)}
.h3-bart__top .ex-glogo{background:#fff;border-radius:50%;padding:3px;width:22px;height:22px}
.h3-bart__q{margin:16px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(26px,2.8vw,40px);line-height:1.12;letter-spacing:-.03em;color:#fff}
.h3-bart__full{margin:14px 0 0;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.7)}
.h3-bart__who{margin:16px 0 0;font-size:14px;color:rgba(255,255,255,.6)}
.h3-bart__who b{display:block;color:#fff;font-size:16px}
.h3-bart__mock{margin:auto 0 0;padding-top:20px;display:flex;align-items:center;gap:14px}
.h3-bart__mock img{width:120px;height:120px;border-radius:16px;object-fit:cover}
.h3-bart__mock figcaption{font-size:14px;font-weight:600;color:#C9D2FF}
.h3-vid{display:flex;flex-direction:column}
.h3-vid .ex-vid__btn{aspect-ratio:auto;flex:1;min-height:340px}
.h3-vid{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
/* latające opinie */
.h3-mq{margin-top:clamp(40px,5vw,60px);display:grid;gap:16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.h3-mq__row{list-style:none;margin:0;padding:0;display:flex;width:max-content;gap:16px;animation:h3mq 70s linear infinite}
.h3-mq__row--rev{animation-direction:reverse;animation-duration:80s}
.h3-mq:hover .h3-mq__row{animation-play-state:paused}
@keyframes h3mq{to{transform:translateX(calc(-50% - 8px))}}
.h3-mq__c{margin:0;width:min(360px,78vw);height:100%;padding:20px 22px;border-radius:20px;background:#fff;color:#2A2D40;display:flex;flex-direction:column}
.h3-mq__top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.h3-mq__c blockquote{margin:0;font-size:15px;line-height:1.55;flex:1}
.h3-mq__c figcaption{margin-top:12px;font-weight:700;font-size:14.5px;color:var(--blue-deep)}
@media(prefers-reduced-motion:reduce){.h3-mq{-webkit-mask-image:none;mask-image:none}.h3-mq__row{animation:none;width:auto;flex-wrap:wrap;justify-content:center;padding:0 16px}.h3-mq__row li[aria-hidden]{display:none}}
@media(max-width:900px){
  .h3-proof{border-radius:24px;padding:64px 0 56px}
  .h3-feat{grid-template-columns:1fr}
  .h3-bart{grid-template-columns:1fr}
  .h3-bart__ph{aspect-ratio:4/4.2}
  .h3-vid .ex-vid__btn{aspect-ratio:4/5;min-height:0}
  .h3-mq__row{animation-duration:55s}
  .h3-mq__row--rev{animation-duration:62s}
}

/* 3. loga w sekcji klientów */
.h3-logos{margin-top:clamp(36px,4vw,52px);padding:0}

/* 4. oś czasu na jasnym tle, 3 kroki */
.h3-tl{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;margin-left:auto;margin-right:auto}
.h3-tl::before{background:rgba(11,17,66,.12)}
.h3-tl::after{background:linear-gradient(90deg,#3A4FD8,#8FA0FF)}
.h3-tl li::before{background:#fff;border-color:rgba(11,17,66,.25)}
.h3-tl li.is-on::before{background:#3A4FD8;border-color:#8FA0FF;box-shadow:0 0 0 6px rgba(58,79,216,.14)}
.h3-tl small{color:var(--ex-acc)}
.h3-tl b{color:var(--blue-deep)}
.h3-tl p{color:#3C3F55}

/* 5. wyniki */
.h3-res{position:relative;color:#fff;margin:0 clamp(10px,1.4vw,20px);border-radius:clamp(28px,3vw,40px);padding:clamp(80px,9vw,128px) 0;background:radial-gradient(90% 80% at 100% 0%,rgba(74,99,232,.38),transparent 60%),var(--ex-navy)}
.h3-cases{margin:clamp(36px,4.5vw,56px) auto 0;max-width:1040px;border-top:1px solid rgba(255,255,255,.14)}
.h3-case{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(18px,4vw,56px);padding:clamp(24px,3vw,36px) 0;border-bottom:1px solid rgba(255,255,255,.14);align-items:start}
.h3-case__n b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:-.04em;background:linear-gradient(100deg,#fff 20%,#C9D2FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.h3-case__n span{display:block;margin-top:8px;font-size:14px;color:rgba(255,255,255,.6)}
.h3-case h3{font-family:var(--display);font-size:clamp(20px,1.9vw,25px);letter-spacing:-.02em;margin:0 0 8px;color:#fff}
.h3-case p{margin:0;font-size:16px;line-height:1.65;color:rgba(255,255,255,.75)}
@media(max-width:900px){.h3-res{border-radius:24px;padding:64px 0}.h3-case{grid-template-columns:1fr;gap:10px}}

/* 6. tabela AI na jasnym tle */
.h3-vs{border-top-color:var(--line)}
.h3-vs .ex-vs__row{border-bottom-color:var(--line)}
.h3-vs .ex-vs__row--h span{color:var(--muted)}
.h3-vs .ex-vs__row--h span:last-child{color:var(--ex-acc)}
.h3-vs .ex-vs__row b{color:var(--blue-deep)}
.h3-vs .ex-vs__row p{color:var(--muted)}
.h3-vs .ex-vs__row p:last-child{color:#1D1D2F}
.h3-vs .ex-vs__row:not(.ex-vs__row--h):hover{background:var(--gray)}
@media(max-width:900px){.h3-vs .ex-vs__row p:first-of-type::before{color:var(--muted)}.h3-vs .ex-vs__row p:last-child::before{color:var(--ex-acc)}}
#ai .ex-ai__head{max-width:1040px;margin:0 auto}
#ai .ex-vs{max-width:1040px;margin-left:auto;margin-right:auto}

/* 7. dla kogo jeszcze */
.h3-more{color:#fff;margin:0 clamp(10px,1.4vw,20px);border-radius:clamp(28px,3vw,40px);padding:clamp(72px,8vw,112px) 0;background:var(--ex-navy)}
.h3-tiles{margin-top:clamp(32px,4vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.h3-tile{min-height:260px}
.h3-tile span{flex-direction:column;align-items:flex-start;gap:4px}
@media(max-width:900px){.h3-more{border-radius:24px;padding:60px 0}.h3-tiles{grid-template-columns:1fr}.h3-tile{min-height:190px}}

/* 8. kto za tym stoi */
#o-mnie .exp-partner{max-width:1100px}
#o-mnie .about__facts{margin-top:18px}

/* 10. finał */
.h3-fin{position:relative;color:#fff;margin:0 clamp(10px,1.4vw,20px) clamp(10px,1.4vw,20px);border-radius:clamp(28px,3vw,40px);padding:clamp(80px,9vw,128px) 0;
  background:radial-gradient(100% 80% at 0% 100%,rgba(74,99,232,.42),transparent 60%),radial-gradient(70% 60% at 100% 0%,rgba(143,160,255,.2),transparent 60%),var(--ex-navy)}
.h3-fin .ex-checks li{color:rgba(255,255,255,.85)}
.h3-fin__or{margin:26px 0 0;font-size:16px;color:rgba(255,255,255,.75)}
.h3-fin__or a{color:#fff;font-weight:600}
@media(max-width:900px){.h3-fin{border-radius:24px;padding:64px 0}}
.h3-bart__mock img{width:150px;height:150px}
.h3-tile img,.ex-mini img{height:100%}
@media(max-width:900px){.h3-tl{grid-template-columns:1fr}}