.elementor-14 .elementor-element.elementor-element-f023b4b{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-f023b4b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-f023b4b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-38273bc *//* ══════════════════════════════════════════════════════
   BIUREN — Corporate | Poppins | #009ab6
   Separatory: box-shadow zamiast szarych pasków
══════════════════════════════════════════════════════ */

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  font-family:'Poppins','Segoe UI',sans-serif;
  color:#0a1628; background:#fff;
  -webkit-font-smoothing:antialiased;
}
img { display:block; max-width:100%; }
a   { text-decoration:none; }
ul  { list-style:none; }
button { font-family:inherit; cursor:pointer; }

:root {
  --ac:    #009ab6;
  --ac-d:  #007e96;
  --ac-l:  rgba(0,154,182,.10);
  --dark:  #050f1e;
  --white: #ffffff;
  --g1:    #94a3b8;
  --g2:    #64748b;
  --bdr:   #e2e8f0;
  --light: #f8fafc;
  --hh:    88px;
  --hh-sm: 68px;
  --max:   1200px;
  --pad:   24px;
  --ease:  cubic-bezier(.4,0,.2,1);
  --py:    96px;
  /* Cień separujący sekcje — czarny, miękki */
  --sec-shadow: 0 8px 32px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.07);
  --sec-shadow-top: 0 -6px 24px rgba(0,0,0,.08);
}

.wrap { max-width:var(--max); margin:0 auto; padding:0 var(--pad); }

/* TYPOGRAFIA */
.label  { display:block; font-size:10px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:var(--ac); margin-bottom:12px; }
.label--lt { color:rgba(0,154,182,.7); }
.title  { font-size:clamp(26px,3vw,42px); font-weight:800; line-height:1.1; color:var(--dark); letter-spacing:-.025em; }
.title em { font-style:normal; color:var(--ac); }
.accent { color:var(--ac); }
.txt    { font-size:15px; font-weight:400; line-height:1.82; color:var(--g2); }
.txt strong { font-weight:700; color:var(--dark); }
.txt--c { text-align:center; max-width:520px; margin:0 auto; }

/* BUTTONS */
.btn {
  display:inline-flex; align-items:center; gap:10px;
  height:50px; padding:0 28px;
  font-family:'Poppins',sans-serif;
  font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  border:2px solid transparent;
  transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .18s var(--ease),box-shadow .22s var(--ease);
  white-space:nowrap;
}
.btn svg { width:14px; height:14px; flex-shrink:0; transition:transform .22s var(--ease); }
.btn:hover svg { transform:translateX(4px); }
.btn--primary { background:var(--ac); color:#fff; border-color:var(--ac); }
.btn--primary:hover { background:var(--ac-d); border-color:var(--ac-d); transform:translateY(-2px); box-shadow:0 8px 28px rgba(0,154,182,.32); }
.btn--ghost   { background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.35); backdrop-filter:blur(8px); }
.btn--ghost:hover { background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.65); transform:translateY(-2px); }
.btn--outline { background:transparent; color:var(--dark); border-color:var(--dark); }
.btn--outline:hover { background:var(--dark); color:#fff; transform:translateY(-2px); box-shadow:0 8px 24px rgba(5,15,30,.18); }

/* ══ HEADER ══ */
.hdr {
  position:fixed; top:0; left:0; width:100%; z-index:9999;
  height:var(--hh);
  background:linear-gradient(180deg,rgba(5,12,28,.76) 0%,rgba(5,12,28,0) 100%);
  transition:background .5s var(--ease),box-shadow .5s var(--ease),height .4s var(--ease);
}
.hdr .hdr__link        { color:rgba(255,255,255,.88); }
.hdr .hdr__link::after { background:#fff; }
.hdr .hdr__tel         { color:rgba(255,255,255,.72); }
.hdr .hdr__soc         { color:rgba(255,255,255,.68); }
.hdr .hdr__soc-bg      { background:rgba(255,255,255,.08); }
.hdr .hdr__burger span { background:#fff; }

.hdr--solid {
  background:#fff; height:var(--hh-sm);
  box-shadow:0 1px 0 rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.08),0 20px 48px rgba(0,0,0,.07);
}
.hdr--solid .hdr__link         { color:var(--dark); }
.hdr--solid .hdr__link:hover   { color:var(--ac); }
.hdr--solid .hdr__link--active { color:var(--ac); }
.hdr--solid .hdr__link::after  { background:var(--ac); }
.hdr--solid .hdr__tel          { color:var(--dark); }
.hdr--solid .hdr__tel:hover    { color:var(--ac); }
.hdr--solid .hdr__soc          { color:var(--ac); }
.hdr--solid .hdr__soc-bg       { background:var(--ac-l); }
.hdr--solid .hdr__burger span  { background:var(--dark); }
.hdr--solid .hdr__soc:nth-child(1):hover { color:#1877f2; }
.hdr--solid .hdr__soc:nth-child(1):hover .hdr__soc-bg { background:rgba(24,119,242,.12); }
.hdr--solid .hdr__soc:nth-child(2):hover { color:#e1306c; }
.hdr--solid .hdr__soc:nth-child(2):hover .hdr__soc-bg { background:rgba(225,48,108,.10); }
.hdr--solid .hdr__soc:nth-child(3):hover { color:#0a66c2; }
.hdr--solid .hdr__soc:nth-child(3):hover .hdr__soc-bg { background:rgba(10,102,194,.12); }

.hdr__inner { max-width:var(--max); margin:0 auto; height:100%; padding:0 var(--pad); display:flex; align-items:center; }
.hdr__logo { display:flex; align-items:center; flex-shrink:0; }
.hdr__logo img { height:54px; width:auto; transition:height .4s var(--ease); }
.hdr--solid .hdr__logo img { height:42px; }
.hdr__nav   { flex:1; display:flex; justify-content:center; align-items:stretch; height:100%; }
.hdr__panel { display:contents; }
.hdr__list  { display:flex; align-items:stretch; height:100%; }
.hdr__panel-top,.hdr__panel-foot { display:none; }
.hdr__link {
  display:flex; align-items:center; padding:0 17px; height:100%;
  font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  white-space:nowrap; position:relative; transition:color .22s var(--ease);
}
.hdr__link::after { content:''; position:absolute; bottom:0; left:17px; right:17px; height:2px; transform:scaleX(0); transform-origin:left; transition:transform .28s var(--ease); }
.hdr__link:hover::after,.hdr__link--active::after { transform:scaleX(1); }
.hdr:not(.hdr--solid) .hdr__link--active,
.hdr:not(.hdr--solid) .hdr__link:hover { color:#fff; }
.hdr__right  { display:flex; align-items:center; gap:14px; flex-shrink:0; }
.hdr__tel    { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; transition:color .22s var(--ease); }
.hdr__tel svg{ width:14px; height:14px; }
.hdr__social { display:flex; align-items:center; gap:4px; }
.hdr__soc {
  position:relative; display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%;
  transition:color .22s var(--ease),transform .28s var(--ease);
}
.hdr__soc-bg { position:absolute; inset:0; border-radius:50%; transform:scale(.62); transition:transform .28s var(--ease),background .22s var(--ease); }
.hdr__soc>svg { position:relative; z-index:1; width:17px; height:17px; transition:transform .28s var(--ease); }
.hdr__soc[data-tip]::before {
  content:attr(data-tip); position:absolute; bottom:calc(100% + 8px); left:50%;
  transform:translateX(-50%) translateY(6px);
  background:var(--dark); color:#fff; font-size:10px; font-weight:700; letter-spacing:.08em;
  padding:4px 10px; white-space:nowrap; opacity:0; pointer-events:none;
  transition:opacity .18s var(--ease),transform .18s var(--ease);
}
.hdr__soc:hover { transform:translateY(-3px); }
.hdr__soc:hover .hdr__soc-bg { transform:scale(1); }
.hdr__soc:hover>svg { transform:scale(1.1); }
.hdr__soc:hover::before { opacity:1; transform:translateX(-50%) translateY(0); }

.hdr__burger { display:none; flex-direction:column; justify-content:center; gap:5px; width:42px; height:42px; background:transparent; border:none; padding:7px; flex-shrink:0; transition:background .22s var(--ease); }
.hdr__burger:hover { background:rgba(0,154,182,.12); }
.hdr__burger span { display:block; height:2px; border-radius:1px; transition:transform .32s var(--ease),opacity .32s var(--ease),width .32s var(--ease),background .32s var(--ease); }
.hdr__burger span:nth-child(1) { width:100%; }
.hdr__burger span:nth-child(2) { width:70%; }
.hdr__burger span:nth-child(3) { width:45%; }
.hdr__burger--open span:nth-child(1) { width:100%; transform:translateY(7px) rotate(45deg); }
.hdr__burger--open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.hdr__burger--open span:nth-child(3) { width:100%; transform:translateY(-7px) rotate(-45deg); }
.hdr__overlay { display:none; position:fixed; inset:0; z-index:9998; background:rgba(5,15,30,.6); backdrop-filter:blur(4px); opacity:0; transition:opacity .4s var(--ease); }
.hdr__overlay--show { opacity:1; }

/* ══ SLIDER ══ */
.sldr { position:relative; width:100%; height:100dvh; min-height:600px; overflow:hidden; }
.sldr__slides { position:relative; width:100%; height:100%; }
.sldr__slide { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transform:scale(1.04); transition:opacity .95s var(--ease),transform 9s linear; pointer-events:none; }
.sldr__slide--active { opacity:1; transform:scale(1); pointer-events:auto; }
.sldr__overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,12,28,.92) 0%,rgba(5,12,28,.65) 42%,rgba(5,12,28,.28) 70%,transparent 100%),linear-gradient(0deg,rgba(5,12,28,.6) 0%,transparent 55%); }
.sldr__content { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; width:100%; max-width:var(--max); left:50%; transform:translateX(-50%); padding:var(--hh) var(--pad) 80px; }
.sldr__eyebrow { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.sldr__slide--active .sldr__eyebrow { animation:up .65s var(--ease) .05s both; }
.sldr__count { font-size:10px; font-weight:800; letter-spacing:.32em; color:rgba(255,255,255,.38); }
.sldr__dash  { display:block; width:36px; height:1px; background:var(--ac); opacity:.65; }
.sldr__cat   { font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.7); }
.sldr__title { font-size:clamp(36px,5.2vw,72px); font-weight:800; line-height:1.08; color:#fff; margin-bottom:22px; letter-spacing:-.03em; }
.sldr__slide--active .sldr__title { animation:up .8s var(--ease) .18s both; }
.sldr__title em { font-style:normal; color:var(--ac); display:block; }
.sldr__sub { font-size:clamp(14px,1.35vw,17px); font-weight:300; line-height:1.75; color:rgba(255,255,255,.76); margin-bottom:36px; max-width:560px; }
.sldr__slide--active .sldr__sub { animation:up .8s var(--ease) .3s both; }
.sldr__btns { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:52px; }
.sldr__slide--active .sldr__btns { animation:up .8s var(--ease) .4s both; }
.sldr__btns .btn { height:52px; padding:0 32px; }
.sldr__kpis { display:flex; align-items:center; border-left:2px solid var(--ac); padding-left:22px; }
.sldr__slide--active .sldr__kpis { animation:up .8s var(--ease) .5s both; }
.sldr__kpi { display:flex; flex-direction:column; padding-right:28px; }
.sldr__kpi strong { font-size:22px; font-weight:800; color:#fff; line-height:1; }
.sldr__kpi span   { font-size:10px; font-weight:500; color:rgba(255,255,255,.45); letter-spacing:.1em; text-transform:uppercase; margin-top:4px; }
.sldr__kpi-sep    { width:1px; height:32px; background:rgba(255,255,255,.14); margin-right:28px; }
@keyframes up { from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} }
.sldr__ctrl { position:absolute; bottom:36px; right:var(--pad); z-index:100; display:flex; gap:8px; }
.sldr__btn  { width:50px; height:50px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18); transition:background .22s var(--ease),border-color .22s var(--ease); }
.sldr__btn svg { width:20px; height:20px; color:#fff; }
.sldr__btn:hover { background:var(--ac); border-color:var(--ac); }
.sldr__dots { position:absolute; bottom:48px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:100; }
.sldr__dot  { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.3); border:none; transition:background .28s var(--ease),width .28s var(--ease),border-radius .28s var(--ease); }
.sldr__dot--on { width:28px; border-radius:3px; background:var(--ac); }
.sldr__prog { position:absolute; bottom:0; left:0; width:100%; height:2px; background:rgba(255,255,255,.07); z-index:100; }
.sldr__bar  { height:100%; width:0%; background:var(--ac); }
.sldr__scroll { position:absolute; bottom:44px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; z-index:100; }
.sldr__mouse  { width:22px; height:36px; border:1.5px solid rgba(255,255,255,.28); border-radius:11px; display:flex; justify-content:center; padding-top:5px; }
.sldr__wheel  { width:2px; height:7px; background:var(--ac); border-radius:1px; animation:wheel 2s ease-in-out infinite; }
@keyframes wheel { 0%{transform:translateY(0);opacity:1;} 80%{transform:translateY(12px);opacity:0;} 100%{transform:translateY(0);opacity:0;} }
.sldr__scroll span { font-size:9px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.32); }

/* ══ USP BAR — cień zamiast szarego paska ══ */
.usp {
  background:#fff;
  /* Cień u góry i dołu zamiast border */
  box-shadow:
    0 -4px 20px rgba(0,0,0,.07),
    0  8px 28px rgba(0,0,0,.09);
  position:relative; z-index:2;
}
.usp__inner { max-width:var(--max); margin:0 auto; padding:0 var(--pad); display:grid; grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr; }
.usp__item  { display:flex; align-items:center; gap:18px; padding:28px 24px; transition:background .22s var(--ease); }
.usp__item:hover { background:#f5fbfc; }
.usp__icon  { flex-shrink:0; width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(0,154,182,.3); color:var(--ac); }
.usp__icon svg { width:22px; height:22px; }
.usp__text  { display:flex; flex-direction:column; gap:3px; }
.usp__text strong { font-size:13px; font-weight:700; color:var(--dark); }
.usp__text span   { font-size:12px; color:var(--g2); }
.usp__sep   { background:var(--bdr); }

/* ══ OFERTA — cień zamiast border ══ */
.offer {
  background:#fff;
  padding:var(--py) 0;
  position:relative; z-index:1;
  box-shadow: var(--sec-shadow);
}
.sec-head { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:end; margin-bottom:52px; }
.sec-head__right { display:flex; flex-direction:column; gap:14px; }
.offer__grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--bdr); border-left:1px solid var(--bdr); }
.ocard { display:flex; align-items:center; border-right:1px solid var(--bdr); border-bottom:1px solid var(--bdr); transition:background .22s var(--ease); overflow:hidden; }
.ocard:hover { background:#f5fbfc; }
.ocard__img { flex-shrink:0; width:160px; height:122px; overflow:hidden; }
.ocard__img img { width:100%; height:100%; object-fit:cover; transition:transform .55s var(--ease); }
.ocard:hover .ocard__img img { transform:scale(1.07); }
.ocard__bar { flex-shrink:0; width:3px; height:78px; background:var(--ac); margin:0 22px; transition:height .32s var(--ease); }
.ocard:hover .ocard__bar { height:100px; }
.ocard__body { flex:1; padding:28px 22px 28px 0; display:flex; flex-direction:column; gap:8px; }
.ocard__title { font-size:15px; font-weight:700; color:var(--dark); line-height:1.3; transition:color .22s var(--ease); }
.ocard:hover .ocard__title { color:var(--ac); }
.ocard__txt { font-size:13px; color:var(--g2); line-height:1.65; flex:1; }
.ocard__lnk { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin-top:8px; flex-shrink:0; border:2px solid var(--ac); color:var(--ac); transition:background .22s var(--ease),color .22s var(--ease),transform .22s var(--ease); }
.ocard__lnk svg { width:15px; height:15px; }
.ocard:hover .ocard__lnk { background:var(--ac); color:#fff; transform:translateX(4px); }
.offer__foot { display:flex; justify-content:center; margin-top:48px; }

/* ══ STATYSTYKI — teal, cień zamiast border ══ */
.stats {
  background:var(--ac);
  position:relative; z-index:2;
  overflow:hidden;
  box-shadow: var(--sec-shadow);
}
.stats::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(0,0,0,.15) 0%,transparent 60%); }
.stats .wrap { position:relative; }
.stats__grid { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid rgba(255,255,255,.2); }
.stats__item { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:72px 24px; border-right:1px solid rgba(255,255,255,.2); text-align:center; }
.stats__row  { display:flex; align-items:baseline; }
.stats__num  { font-size:clamp(44px,5.5vw,68px); font-weight:800; color:#fff; line-height:1; font-variant-numeric:tabular-nums; }
.stats__sfx  { font-size:clamp(24px,3vw,38px); font-weight:800; color:rgba(255,255,255,.7); margin-left:3px; }
.stats__sfx-big { font-size:clamp(36px,4.5vw,60px); font-weight:800; color:#fff; line-height:1; }
.stats__lbl  { font-size:11px; font-weight:500; color:rgba(255,255,255,.65); letter-spacing:.12em; text-transform:uppercase; margin-top:14px; }

/* ══ O FIRMIE ══ */
.about { background:var(--light); padding:var(--py) 0; box-shadow:var(--sec-shadow); position:relative; z-index:1; }
.about__grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.about__media { position:relative; }
.about__media img { width:100%; height:500px; object-fit:cover; }
.about__badge { position:absolute; bottom:32px; right:-24px; background:var(--ac); color:#fff; padding:20px 28px; display:flex; flex-direction:column; align-items:center; gap:4px; box-shadow:0 16px 48px rgba(0,154,182,.4); }
.about__badge strong { font-size:32px; font-weight:800; line-height:1; }
.about__badge span   { font-size:11px; font-weight:600; opacity:.8; letter-spacing:.08em; }
.about__body { display:flex; flex-direction:column; gap:22px; }
.about__certs { display:flex; flex-direction:column; gap:14px; }
.about__cert  { display:flex; align-items:flex-start; gap:14px; padding:16px; background:#fff; border:1px solid var(--bdr); border-left:3px solid var(--ac); }
.about__cert-icon { flex-shrink:0; width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:var(--ac); }
.about__cert-icon svg { width:20px; height:20px; }
.about__cert div { display:flex; flex-direction:column; gap:3px; }
.about__cert strong { font-size:13px; font-weight:700; color:var(--dark); }
.about__cert span   { font-size:12px; color:var(--g2); }

/* ══ JAK DZIAŁAMY ══ */
.how { background:#fff; padding:var(--py) 0; box-shadow:var(--sec-shadow); position:relative; z-index:1; }
.how__head { text-align:center; margin-bottom:64px; display:flex; flex-direction:column; align-items:center; gap:16px; }
.how__steps { display:grid; grid-template-columns:repeat(4,1fr); position:relative; }
.how__steps::before { content:''; position:absolute; top:39px; left:12.5%; right:12.5%; height:1px; background:var(--bdr); z-index:0; }
.how__step { display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 24px; position:relative; z-index:1; }
.how__num  { width:80px; height:80px; margin-bottom:28px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid var(--bdr); font-size:13px; font-weight:800; letter-spacing:.12em; color:var(--dark); transition:border-color .28s var(--ease),background .28s var(--ease),color .28s var(--ease),box-shadow .28s var(--ease); }
.how__step:hover .how__num { border-color:var(--ac); background:var(--ac); color:#fff; box-shadow:0 8px 28px rgba(0,154,182,.3); }
.how__title { font-size:15px; font-weight:700; color:var(--dark); margin-bottom:12px; }
.how__txt   { font-size:13px; color:var(--g2); line-height:1.7; }

/* ══ REALIZACJE ══ */
.real { background:var(--light); padding:var(--py) 0; box-shadow:var(--sec-shadow); position:relative; z-index:1; }
.real__head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:40px; }
.real__grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:16px; }
.real__card { position:relative; overflow:hidden; cursor:pointer; }
.real__card--big { grid-row:1/3; }
.real__card img { width:100%; display:block; object-fit:cover; transition:transform .6s var(--ease); }
.real__card--big img { height:100%; min-height:480px; }
.real__card:not(.real__card--big) img { height:220px; }
.real__overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,12,28,.88) 0%,rgba(5,12,28,.28) 55%,transparent 100%); transition:background .32s var(--ease); }
.real__card:hover img { transform:scale(1.04); }
.real__card:hover .real__overlay { background:linear-gradient(0deg,rgba(5,12,28,.92) 0%,rgba(5,12,28,.5) 60%,rgba(0,154,182,.06) 100%); }
.real__body { position:absolute; bottom:0; left:0; right:0; padding:28px; }
.real__cat  { display:inline-block; font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--ac); border:1px solid rgba(0,154,182,.4); background:rgba(0,154,182,.12); padding:3px 10px; margin-bottom:10px; }
.real__title { font-size:18px; font-weight:700; color:#fff; margin-bottom:8px; line-height:1.3; }
.real__card:not(.real__card--big) .real__title { font-size:15px; }
.real__desc  { font-size:13px; color:rgba(255,255,255,.6); line-height:1.6; margin-bottom:16px; }
.real__card:not(.real__card--big) .real__desc { display:none; }
.real__lnk  { display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ac); transition:gap .2s var(--ease); }
.real__lnk svg { width:13px; height:13px; }
.real__lnk:hover { gap:12px; }

/* ══ LOGA KLIENTÓW — cień zamiast border ══ */
.logos {
  background:#fff;
  padding:48px 0;
  overflow:hidden;
  box-shadow:
    0 -6px 24px rgba(0,0,0,.08),
    0  6px 24px rgba(0,0,0,.08);
  position:relative; z-index:2;
}
.logos__lbl  { text-align:center; margin-bottom:28px; font-size:10px; font-weight:700; letter-spacing:.26em; text-transform:uppercase; color:var(--g1); }
.logos__wrap { position:relative; overflow:hidden; }
.logos__wrap::before,.logos__wrap::after { content:''; position:absolute; top:0; bottom:0; width:100px; z-index:2; }
.logos__wrap::before { left:0; background:linear-gradient(90deg,#fff,transparent); }
.logos__wrap::after  { right:0; background:linear-gradient(-90deg,#fff,transparent); }
.logos__track { display:flex; width:max-content; animation:logoScroll 30s linear infinite; }
.logos__track:hover { animation-play-state:paused; }
.logos__item { flex-shrink:0; padding:0 48px; font-size:17px; font-weight:800; color:var(--dark); opacity:.2; letter-spacing:-.02em; border-right:1px solid var(--bdr); transition:opacity .22s var(--ease); }
.logos__item:hover { opacity:.65; }
@keyframes logoScroll { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }

/* ══ PLATFORMA B2B — cień dookoła ══ */
.b2b {
  background:#fff;
  padding:var(--py) 0;
  position:relative; z-index:1;
  box-shadow:
    0 -8px 32px rgba(0,0,0,.10),
    0  8px 32px rgba(0,0,0,.10),
    0  2px  8px rgba(0,0,0,.06);
}
.b2b__grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.b2b__text { display:flex; flex-direction:column; gap:22px; }

/* Logo biuren24.pl */
.b2b__brand { display:flex; flex-direction:column; gap:0; }
.b2b__logo  { max-width:300px; height:auto; display:block; }

.b2b__features { display:flex; flex-direction:column; gap:12px; }
.b2b__feat { display:flex; align-items:center; gap:12px; font-size:14px; color:var(--dark); font-weight:500; }
.b2b__feat svg { width:18px; height:18px; color:var(--ac); flex-shrink:0; }

/* Ramka z narożnikami */
.b2b__media { position:relative; }
.b2b__img-frame { position:relative; }
.b2b__img-frame img { width:100%; height:400px; object-fit:cover; display:block; box-shadow:0 8px 40px rgba(0,0,0,.14); }
.b2b__corner { position:absolute; width:28px; height:28px; }
.b2b__corner--tl { top:-8px;  left:-8px;  border-top:3px solid var(--ac); border-left:3px solid var(--ac); }
.b2b__corner--tr { top:-8px;  right:-8px; border-top:3px solid var(--ac); border-right:3px solid var(--ac); }
.b2b__corner--bl { bottom:-8px; left:-8px;  border-bottom:3px solid var(--ac); border-left:3px solid var(--ac); }
.b2b__corner--br { bottom:-8px; right:-8px; border-bottom:3px solid var(--ac); border-right:3px solid var(--ac); }

/* ══ FOOTER PRE-NAV — teal bar jak na screenie ══ */
.ftr-nav {
  background:var(--ac);
  position:relative; z-index:3;
  box-shadow:
    0 -4px 20px rgba(0,0,0,.15),
    0  4px 20px rgba(0,0,0,.15);
}
.ftr-nav__inner {
  max-width:var(--max); margin:0 auto; padding:0 var(--pad);
  display:flex; align-items:center; justify-content:center;
  min-height:58px;
}
.ftr-nav__list { display:flex; align-items:center; gap:0; flex-wrap:wrap; }
.ftr-nav__link {
  font-family:'Poppins',sans-serif;
  font-size:12px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
  color:rgba(255,255,255,.85);
  padding:18px 24px;
  position:relative;
  transition:color .2s var(--ease), background .2s var(--ease);
}
.ftr-nav__link::after {
  content:''; position:absolute; bottom:0; left:24px; right:24px;
  height:2px; background:#fff;
  transform:scaleX(0); transform-origin:left;
  transition:transform .28s var(--ease);
}
.ftr-nav__link:hover { color:#fff; background:rgba(0,0,0,.1); }
.ftr-nav__link:hover::after { transform:scaleX(1); }
.ftr-nav__link--active { color:#fff; font-weight:800; }
.ftr-nav__link--active::after { transform:scaleX(1); }

/* ══ FOOTER — BIAŁY, Poppins, 13px, czarny ══ */
.ftr { background:#fff; font-family:'Poppins',sans-serif; }
.ftr__top { padding:64px 0 48px; border-bottom:1px solid var(--bdr); }
.ftr__grid {
  display:grid;
  grid-template-columns:2fr 1fr 1.2fr 1.4fr;
  gap:48px;
}

/* Brand */
.ftr__logo { height:48px; width:auto; display:block; margin-bottom:20px; }
.ftr__desc { font-family:'Poppins',sans-serif; font-size:13px; font-weight:400; color:#0a1628; line-height:1.78; margin-bottom:24px; }
.ftr__social { display:flex; gap:8px; }
.ftr__soc { width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:1px solid var(--bdr); color:var(--g2); transition:border-color .22s var(--ease),color .22s var(--ease),background .22s var(--ease); }
.ftr__soc svg { width:15px; height:15px; }
.ftr__soc:hover { border-color:var(--ac); color:#fff; background:var(--ac); }

/* Tytuły kolumn — 19px jak wymagane */
.ftr__col-title {
  font-family:'Poppins',sans-serif;
  font-size:19px;
  font-weight:700;
  color:var(--ac);
  margin-bottom:20px;
  letter-spacing:.01em;
}

/* Linki — 13px czarny */
.ftr__links { display:flex; flex-direction:column; gap:10px; }
.ftr__links a { font-family:'Poppins',sans-serif; font-size:13px; font-weight:400; color:#0a1628; transition:color .2s; }
.ftr__links a:hover { color:var(--ac); }

/* Kontakt */
.ftr__contacts { display:flex; flex-direction:column; gap:16px; }
.ftr__ci { display:flex; align-items:flex-start; gap:12px; }
.ftr__ci-icon { flex-shrink:0; color:var(--ac); margin-top:2px; }
.ftr__ci-icon svg { width:18px; height:18px; }
.ftr__ci-text { display:flex; flex-direction:column; gap:2px; }
.ftr__ci-text strong { font-family:'Poppins',sans-serif; font-size:13px; font-weight:700; color:#0a1628; display:block; }
.ftr__ci-text a { font-family:'Poppins',sans-serif; font-size:13px; font-weight:400; color:#0a1628; transition:color .2s; }
.ftr__ci-text a:hover { color:var(--ac); }
.ftr__ci-text span { font-family:'Poppins',sans-serif; font-size:13px; font-weight:400; color:#0a1628; }
.ftr__note { font-size:11px !important; color:var(--ac) !important; font-weight:600 !important; }

/* Bottom */
.ftr__bottom { padding:18px 0; }
.ftr__bottom-inner { display:flex; align-items:center; justify-content:space-between; }
.ftr__bottom-inner>span { font-family:'Poppins',sans-serif; font-size:12px; color:#0a1628; }
.ftr__btm-links { display:flex; gap:24px; }
.ftr__btm-links a { font-family:'Poppins',sans-serif; font-size:12px; color:#0a1628; transition:color .2s; }
.ftr__btm-links a:hover { color:var(--ac); }

/* ══ RESPONSIVE ══ */
@media (max-width:1100px) {
  .hdr__link { padding:0 13px; font-size:11.5px; }
  .ftr__grid { grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:36px; }
  .b2b__grid { gap:52px; }
}

@media (max-width:960px) {
  :root { --py:72px; }
  .sec-head    { grid-template-columns:1fr; gap:20px; }
  .offer__grid { grid-template-columns:1fr; }
  .stats__grid { grid-template-columns:1fr 1fr; }
  .stats__item:nth-child(2) { border-right:none; }
  .stats__item:nth-child(3) { border-top:1px solid rgba(255,255,255,.2); }
  .stats__item:nth-child(4) { border-top:1px solid rgba(255,255,255,.2); border-right:none; }
  .about__grid { grid-template-columns:1fr; }
  .about__media img { height:380px; }
  .about__badge { right:0; }
  .how__steps  { grid-template-columns:1fr 1fr; gap:40px 24px; }
  .how__steps::before { display:none; }
  .real__grid  { grid-template-columns:1fr; }
  .real__card--big { grid-row:auto; }
  .real__card--big img { min-height:320px; height:320px; }
  .b2b__grid   { grid-template-columns:1fr; }
  .b2b__media  { order:-1; }
  .b2b__img-frame img { height:300px; }
  .ftr__grid   { grid-template-columns:1fr 1fr; gap:36px; }
  .usp__inner  { grid-template-columns:1fr 1px 1fr; }
  .ftr-nav__list { justify-content:center; }
  .ftr-nav__link { padding:14px 16px; font-size:11px; }
}

@media (max-width:860px) {
  .hdr__burger { display:flex; }
  .hdr__social,.hdr__tel { display:none; }
  .hdr__overlay { display:block; }
  .hdr__logo img { height:42px; }
  .hdr--solid .hdr__logo img { height:34px; }
  .hdr__nav  { flex:none; }
  .hdr__panel {
    display:flex; flex-direction:column;
    position:fixed; top:0; right:0;
    width:min(320px,85vw); height:100dvh;
    background:#fff; box-shadow:-16px 0 56px rgba(0,0,0,.18);
    transform:translateX(100%);
    transition:transform .45s cubic-bezier(0,0,.2,1);
    z-index:9999; overflow-y:auto;
  }
  .hdr__nav--open .hdr__panel { transform:translateX(0); }
  .hdr__panel-top { display:flex; align-items:center; padding:0 24px; height:80px; background:var(--dark); flex-shrink:0; }
  .hdr__panel-top img { height:34px; width:auto; }
  .hdr__list { flex-direction:column; align-items:stretch; height:auto; padding:12px 0; }
  .hdr__link { padding:15px 24px; height:auto; font-size:13px; color:var(--dark)!important; border-left:2px solid transparent; transition:background .2s,border-color .2s,color .2s; }
  .hdr__link::after { display:none; }
  .hdr__link:hover  { background:rgba(0,154,182,.06); border-left-color:var(--ac); color:var(--ac)!important; }
  .hdr__link--active{ background:rgba(0,154,182,.08); border-left-color:var(--ac); color:var(--ac)!important; }
  .hdr__panel-foot  { display:flex; flex-direction:column; gap:6px; margin-top:auto; padding:24px; border-top:1px solid var(--bdr); }
  .hdr__panel-foot a { font-size:16px; font-weight:800; color:var(--ac); }
  .hdr__panel-foot span { font-size:12px; color:var(--g2); }
  .usp__inner { grid-template-columns:1fr; }
  .usp__sep   { display:none; }
  .usp__item  { padding:20px 24px; border-bottom:1px solid var(--bdr); }
  .sldr__scroll { display:none; }
  .how__steps { grid-template-columns:1fr; }
  .ftr__grid  { grid-template-columns:1fr; gap:32px; }
  .ftr__bottom-inner { flex-direction:column; gap:12px; text-align:center; }
  .ftr-nav__list { flex-direction:column; align-items:stretch; }
  .ftr-nav__link { text-align:center; padding:12px 24px; border-bottom:1px solid rgba(255,255,255,.1); }
  .ftr-nav__link::after { display:none; }
}

@media (max-width:640px) {
  .ocard__img  { width:110px; height:98px; }
  .ocard__bar  { margin:0 14px; }
  .ocard__body { padding:20px 16px 20px 0; }
  .about__media img { height:280px; }
  .sldr__kpis  { display:none; }
  .sldr__btns .btn { height:46px; padding:0 20px; }
  .b2b__img-frame img { height:240px; }
  .b2b__logo   { max-width:220px; }
}

@media (max-width:480px) {
  .hdr { height:68px; }
  .hdr--solid { height:58px; }
  .hdr__inner { padding:0 16px; }
  .hdr__logo img { height:36px; }
  .hdr--solid .hdr__logo img { height:30px; }
  .stats__grid { grid-template-columns:1fr 1fr; }
  .stats__item { padding:48px 16px; }
  .real__card--big img,.real__card:not(.real__card--big) img { height:240px; }
}/* End custom CSS */