/* MOTORSAGENT I MOTORSBOT – PAKIET ZMIAN U73 (WERSJA 6) – REGUŁY CSS (01.11.2026)
   Reguły C03–C14 sprawdzone 29.10.2026; reguły C17–C37 sprawdzone 31.10.2026 (komputer, telefon, motyw ciemny i jasny).
   Opis i zrzuty: MotorsAgent_MotorsBot_zmiany_U73_v6_01NOV2026.pdf */

/* ---------------------------------------------------------------------- */
/* C03 · MotorsAgent · hero — blok <style> strony głównej (zastępuje reguły .hx-r .vis img i .hx-r .vis-fade) */
.hx-r .vis img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .9;          /* było: 0.55 */
  filter: none;         /* było: brightness(0.85) */
}
.hx-r .vis-fade {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 60% 50%, transparent 38%, rgba(10, 2, 0, .8) 95%);
  /* było: radial-gradient(circle at 60% 50%, transparent 20%, #0A0200 85%) */
}

/* ---------------------------------------------------------------------- */
/* C04 · MotorsBot · slajd 14 „Zobacz aplikację w akcji” — telefony */
@media (max-width: 599px) {
  #app-screenshots .slide-content-wrap { grid-template-columns: minmax(0, 1fr); }
  #appScreenshotsCarousel { gap: 0; }
  #appScreenshotsCarousel .carousel-track-wrapper { flex: 1 1 auto; min-width: 0; }
  #appScreenshotsCarousel .carousel-arrow { position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; z-index: 20; }
  #appScreenshotsCarousel .carousel-prev { left: 0; }
  #appScreenshotsCarousel .carousel-next { right: 0; }
  #app-screenshots .carousel-footer-bar { flex-wrap: wrap; justify-content: center; }
}

/* ---------------------------------------------------------------------- */
/* C05 · MotorsBot · slajd 07 — logo Negotivo w karcie „Projekt pisma gotowy” */
.ngc .lb img { background: transparent; border-radius: 0; }   /* było: background: #fff; border-radius: 5px */

/* ---------------------------------------------------------------------- */
/* C06 · MotorsAgent · pasek na telefonach — logo i znak UE */
/* tylko MotorsAgent: strona główna, /partnerzy/, /cennik/ */
@media (max-width: 1199px) {
  .bar .logo { flex: none; }
  .bar .logo-img { height: auto; width: min(210px, calc(100vw - 190px)); max-width: none; }
}

/* ---------------------------------------------------------------------- */
/* C07 · MotorsAgent · tryb „Wyższy kontrast” — czytelność (jeżeli to możliwe) */
html[data-contrast="high"][data-theme="light"] .bar a,
html[data-contrast="high"][data-theme="light"] .drawer a,
html[data-contrast="high"][data-theme="light"] .drawer a .nm,
html[data-contrast="high"][data-theme="light"] .drawer a .ds { color: #000 !important; }
html[data-contrast="high"] .btn-partner { color: #000 !important; }

/* ---------------------------------------------------------------------- */
/* C08 · obie strony · Concile w menu telefonu — jedno logo dla motywu */
.drawer img.cnc.lt { display: none; }
[data-theme="light"] .drawer img.cnc.dk { display: none; }
[data-theme="light"] .drawer img.cnc.lt { display: block; }

/* ---------------------------------------------------------------------- */
/* C10 · obie strony · ikona motywu — pokazuje motyw docelowy */
/* zastępuje 8 dotychczasowych reguł #theme .sun/.moon i #btnDrawerTheme .sun/.moon */
#theme .sun, #btnDrawerTheme .sun { display: block; }
#theme .moon, #btnDrawerTheme .moon { display: none; }
[data-theme="light"] #theme .sun, [data-theme="light"] #btnDrawerTheme .sun { display: none; }
[data-theme="light"] #theme .moon, [data-theme="light"] #btnDrawerTheme .moon { display: block; }

/* ---------------------------------------------------------------------- */
/* C12 · obie strony · /styles/updates-oct26.css — przycisk języka 1200–1299 px */
/* /styles/updates-oct26.css — wewnątrz istniejącego @media (min-width:1200px) and (max-width:1299px) { … } */
#navShell .ib.lang { width: auto; }

/* ---------------------------------------------------------------------- */
/* C13 · MotorsBot · slajd 22 Kontakt — adres e-mail i numer bez dzielenia */
@media (max-width: 599px) {
  #contact .contact-email-link { overflow-wrap: normal; word-break: normal; white-space: nowrap; font-size: clamp(15px, 4.4vw, 20px); }
}

/* ---------------------------------------------------------------------- */
/* C14 · obie strony · dymek czatu ukryty przy otwartym menu telefonu */
html:has(#burger[aria-expanded="true"]) .tc-widget-btn { display: none !important; }

/* ---------------------------------------------------------------------- */
/* C17–C37 · obie strony · U73 wersja 3 — nowe sekcje (partnerzy, blog), zdjęcia w sekcjach, karty logowania MotorsBot (klasy .nx-*, kolory ze zmiennych strony) */
/* ===== U73 v3 — nowe sekcje i zdjęcia (31.10.2026). Kolory z istniejących zmiennych każdej strony. ===== */
.nx{--nx-acc:var(--brand-400,var(--primary-cyan,#E86428));--nx-acc2:var(--brand-500,var(--primary,#CC4200));--nx-card:var(--surf2,#111);--nx-line:var(--line2,rgba(255,255,255,.12));--nx-fg:var(--fg,#fff);--nx-fg2:var(--fg2,rgba(255,255,255,.76))}
.nx .nx-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.4rem,3vw,3rem);align-items:center}
.nx .nx-lead{margin:1rem 0 0;max-width:640px}
.nx-mb .slide-header{text-align:left;margin:0}
.nx-mb .nx-kicker{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--nx-acc);margin-bottom:.7rem}
.nx-mb .nx-accent{color:var(--nx-acc)}
.nx-mb .section-summary{text-align:left;margin:1rem 0 0;max-width:640px}
.nx .nx-fig{margin:0;position:relative}
.nx .nx-fig picture,.nx-fig picture{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--nx-line,rgba(255,255,255,.12));box-shadow:0 18px 50px rgba(0,0,0,.35);aspect-ratio:16/9;background:var(--nx-card,#111)}
.nx-fig picture img{display:block;width:100%;height:100%;object-fit:cover}
.nx-fig figcaption{font-size:.74rem;color:var(--fg3,var(--nx-fg2,rgba(255,255,255,.6)));margin-top:.55rem}
.nx .nx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:1.6rem}
.nx .nx-cta-c{justify-content:center;margin-top:1.4rem}
.nx .nx-mail{color:var(--nx-acc);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.nx .nx-subhead{margin:2.2rem 0 .9rem;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--nx-acc)}
.nx .nx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}
.nx .nx-step{display:flex;gap:.7rem;align-items:flex-start;background:var(--nx-card);border:1px solid var(--nx-line);border-radius:14px;padding:.9rem .9rem 1rem}
.nx .nx-num{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;font-size:.82rem;font-weight:700;color:#fff;background:var(--nx-acc2)}
.nx .nx-step h3{font-size:.95rem;margin:0 0 .25rem;color:var(--nx-fg)}
.nx .nx-step p{font-size:.8rem;line-height:1.45;margin:0;color:var(--nx-fg2)}
.nx .nx-segs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1.6rem}
.nx .nx-seg{background:var(--nx-card);border:1px solid var(--nx-line);border-radius:14px;padding:1rem 1rem 1.05rem;display:flex;flex-direction:column}
.nx .nx-seg h3{font-size:1rem;margin:.35rem 0 .3rem;color:var(--nx-fg)}
.nx .nx-seg p{font-size:.8rem;line-height:1.45;margin:0 0 .5rem;color:var(--nx-fg2)}
.nx .nx-seg ul{margin:0 0 .7rem;padding-left:1rem;font-size:.76rem;line-height:1.45;color:var(--nx-fg2)}
.nx .nx-seg li{margin:.15rem 0}
.nx .nx-seglink{margin-top:auto;font-size:.8rem;font-weight:600;color:var(--nx-acc);text-decoration:none}
.nx .nx-seg-other{border-style:dashed;grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:1.4rem;align-items:center}
.nx .nx-seg-other h3{margin:0}.nx .nx-seg-other p{margin:0}.nx .nx-seg-other .nx-segno{grid-column:1/-1}.nx .nx-seg-other .nx-seglink{margin:0;white-space:nowrap}
@media (max-width:599px){.nx .nx-seg-other{display:flex}}
.nx .nx-segno{font-size:.66rem;letter-spacing:.14em;color:var(--nx-acc)}
.nx .nx-forms{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:.8rem;margin-top:1.2rem;align-items:stretch}
.nx .nx-formsh h3{font-size:1.15rem;margin:0 0 .4rem;color:var(--nx-fg)}
.nx .nx-formsh p{font-size:.85rem;margin:0;color:var(--nx-fg2)}
.nx .nx-form{background:var(--nx-card);border:1px solid var(--nx-line);border-left:3px solid var(--nx-acc2);border-radius:14px;padding:1rem}
.nx .nx-form h3{font-size:1rem;margin:.3rem 0;color:var(--nx-fg)}
.nx .nx-form p{font-size:.8rem;line-height:1.45;margin:0 0 .6rem;color:var(--nx-fg2)}
.nx .nx-tag{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--nx-acc);color:var(--nx-acc)}
.nx .nx-note{font-size:.72rem;line-height:1.5;color:var(--fg3,var(--nx-fg2));margin:1.2rem auto 0;max-width:900px;text-align:center}
.nx .nx-list{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.8rem}
.nx .nx-list li{display:flex;gap:.8rem;align-items:flex-start;font-size:.92rem;line-height:1.5;color:var(--nx-fg2)}
.nx .nx-list b{color:var(--nx-fg)}
.nx .nx-dot{flex:none;width:.6rem;height:.6rem;border-radius:50%;margin-top:.45rem;background:var(--nx-acc)}
.nx .nx-segsub{font-size:.74rem!important;line-height:1.4;color:var(--fg3,var(--nx-fg2))!important;margin:0 0 .6rem!important}
.nx-mb.nx-center .slide-header{text-align:center;margin:0 auto;max-width:900px}
.nx-mb.nx-center .section-summary{text-align:center;margin:1rem auto 0}
/* pictures added to existing MotorsAgent sections */
#slide-6 .nx-luka-grid,#slide-7 .nx-app-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(1.4rem,3vw,3rem);align-items:center}
#slide-7 .nx-app-grid{text-align:left}
#slide-7 .nx-app-grid blockquote{margin:1rem 0!important;text-align:left}
#slide-7 .nx-app-grid .text-lead{margin:0 0 1.6rem!important;text-align:left}
#slide-13 .nx-fig-wid{margin:0 0 1.2rem}
#slide-11 .nx-fig picture,#slide-13 .nx-fig picture,#slide-6 .nx-fig picture,#slide-7 .nx-fig picture{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line2,rgba(255,255,255,.12));box-shadow:0 18px 50px rgba(0,0,0,.35);aspect-ratio:16/9}
/* MotorsBot "Jak zacząć?" — two login cards with screenshots */
.nx-logins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:1.8rem}
.nx-login{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1rem;align-items:center;background:var(--surf,#0E131C);border:1px solid var(--line2,rgba(0,176,240,.22));border-radius:18px;padding:1rem}
.nx-browser{border-radius:12px;overflow:hidden;border:1px solid var(--line,rgba(255,255,255,.1));background:#0b0f17}
.nx-bbar{display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;background:rgba(255,255,255,.06);font-size:.62rem;color:var(--fg2,rgba(255,255,255,.7))}
.nx-bbar i{width:.5rem;height:.5rem;border-radius:50%;background:rgba(255,255,255,.25)}
.nx-bbar span{margin-left:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-login .nx-shot{display:block;aspect-ratio:16/10}
.nx-login .nx-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.nx-login h3{font-size:1.05rem;margin:.3rem 0 .35rem}
.nx-login p{font-size:.82rem;line-height:1.45;margin:0 0 .9rem;color:var(--fg2,rgba(255,255,255,.78))}
.nx-login .nx-segno{font-size:.66rem;letter-spacing:.14em;color:var(--primary-cyan,#02B9FF)}
/* ===== U73 v4 (31.10.2026, uwagi JZ do PDF stron) ===== */
#slide-7 .nx-app-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
#slide-7 .nx-fig-sedno picture{aspect-ratio:3/2}
#slide-9 .nx-path-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(1.2rem,2.5vw,2.4rem);align-items:start;margin-top:.4rem}
#slide-9 .nx-path-grid .grid.col-5{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:1.4rem}
#slide-9 .nx-fig picture{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line2,rgba(255,255,255,.12));box-shadow:0 18px 50px rgba(0,0,0,.35);aspect-ratio:16/9}
#slide-9 .nx-fig picture img,#slide-7 .nx-fig-sedno img,#slide-13 .nx-fig-appview img{display:block;width:100%;height:100%;object-fit:cover}
#slide-13 .nx-fig-appview{margin:1.3rem 0 0}
#slide-13 .nx-fig-appview picture{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line2,rgba(255,255,255,.12));box-shadow:0 18px 50px rgba(0,0,0,.35);aspect-ratio:3840/1640}
.nx .nx-fig-mech{margin:.9rem 0 0}
.nx .nx-fig-mech picture{aspect-ratio:16/9}
@media (max-width:900px){#slide-9 .nx-path-grid{grid-template-columns:minmax(0,1fr)}#slide-9 .nx-path-grid .grid.col-5{grid-template-columns:minmax(0,1fr)!important}}
/* tylko MotorsAgent — sekcja Negotivo (C33): reguły sekcji #negotivo z motorsbot.com zawężone do .ngsec-ma + kolory okna czatu MotorsAgent */
@media (max-width: 1200px){.ngsec.ngsec-ma{overflow-x: clip !important; max-width: 100vw !important;}}
@media (max-width: 1200px){.ngsec.ngsec-ma{overflow-x: hidden !important; max-width: 100vw !important;}.ngsec-ma .ng-fig{max-width: 100% !important; object-fit: cover !important;}}
.ngsec.ngsec-ma{--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
.ngsec-ma *{box-sizing:border-box}
.ngsec-ma :where(figure,h2,p,ul,ol){margin:0}
.ngsec-ma .mbw{position:absolute;z-index:4;width:340px;border-radius:16px;overflow:hidden;background:#0a1120;border:1px solid rgba(0,176,240,.3);box-shadow:0 34px 80px #000000a6,0 0 0 6px #05050573,0 0 50px #0052ff2e;font-family:Inter,Manrope,system-ui,sans-serif;color:#fff}
.ngsec-ma .mbw-h{display:flex;align-items:center;gap:10px;padding:11px 14px;background:linear-gradient(90deg,#0052ff,#00b0f0);color:#fff}
.ngsec-ma .mbw-av{width:32px;height:32px;border-radius:50%;background:#05050547;display:grid;place-items:center;flex:none}
.ngsec-ma .mbw-av svg{width:21px;height:21px;fill:#fff}
.ngsec-ma .mbw-t{flex:1;min-width:0}
.ngsec-ma .mbw-t b{display:block;font-size:13.5px;font-weight:800;line-height:1.2}
.ngsec-ma .mbw-t small{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:2px;color:#ffffffeb}
.ngsec-ma .mbw-t small i{width:7px;height:7px;border-radius:50%;background:#7cffcb;box-shadow:0 0 8px #7cffcbe6}
.ngsec-ma .mbw-x{font-size:20px;line-height:1;color:#ffffffd9}
.ngsec-ma .mbw-b{padding:13px 12px 12px;display:grid;gap:8px;background:radial-gradient(240px 160px at 85% 0%,rgba(0,176,240,.1),transparent 70%)}
.ngsec-ma .mbw .m{max-width:90%;padding:9px 11px;border-radius:13px;font-size:12.5px;line-height:1.42}
.ngsec-ma .mbw .m.ai{justify-self:start;background:#131c2e;border:1px solid rgba(255,255,255,.08);color:#ffffffe6;border-bottom-left-radius:4px}
.ngsec-ma .mbw .m.me{justify-self:end;background:#0052ff42;border:1px solid rgba(74,156,255,.5);color:#fff;border-bottom-right-radius:4px}
.ngsec-ma .mbw .m b{display:block;font-weight:800;color:#fff;margin-bottom:2px}
.ngsec-ma .mbw .m strong{color:#7cc4ff;font-weight:800}
.ngsec-ma .mbw .m .pc{display:block;margin-top:6px;font:700 10px/1.2 Space Mono,JetBrains Mono,monospace;letter-spacing:.04em;color:#0bbbd8}
.ngsec-ma .mbw .m.me.ph{display:grid;grid-template-columns:62px minmax(0,1fr);gap:9px;align-items:center;max-width:94%}
.ngsec-ma .mbw .m.me.ph .th{position:relative;width:62px;height:46px;border-radius:7px;overflow:hidden}
.ngsec-ma .mbw .m.me.ph .th img{width:100%;height:100%;object-fit:cover;display:block}
.ngsec-ma .mbw .m.me.ph .th span{position:absolute;right:3px;bottom:3px;padding:2px 5px;border-radius:5px;background:#050505b8;font:700 10px/1 Inter,sans-serif}
.ngsec-ma .mbw .vw{display:flex;align-items:center;gap:8px}
.ngsec-ma .mbw .vw .pl{width:24px;height:24px;border-radius:50%;background:#fff;color:#0052ff;display:grid;place-items:center;flex:none}
.ngsec-ma .mbw .vw .pl svg{width:12px;height:12px;fill:currentColor}
.ngsec-ma .mbw .vw .wave{flex:1;height:20px;display:flex;align-items:center;gap:2px}
.ngsec-ma .mbw .vw .wave span{flex:1;background:#ffffffd1;border-radius:2px}
.ngsec-ma .mbw .vw .t{font:700 10px/1 Space Mono,JetBrains Mono,monospace;color:#ffffffd1}
.ngsec-ma .mbw .tr{display:block;margin-top:6px;font-size:12px;color:#ffffffe6}
.ngsec-ma .mbw .rs{display:grid;gap:6px;margin-top:8px}
.ngsec-ma .mbw .rs div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:7px 9px;border-radius:9px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}
.ngsec-ma .mbw .rs b{font-size:12px;margin:0;line-height:1.25}
.ngsec-ma .mbw .rs .pr{font-weight:800;color:#7cc4ff;font-size:12px;text-align:right;white-space:nowrap}
.ngsec-ma .mbw .rs .mt{font-size:10.5px;color:#fff9;white-space:nowrap}
.ngsec-ma .mbw .rs .src{justify-self:end;font:700 8.5px/1 Space Mono,JetBrains Mono,monospace;letter-spacing:.05em;text-transform:uppercase;color:#0bbbd8;padding:3px 6px;border-radius:5px;background:#0bbbd81f;white-space:nowrap}
.ngsec-ma .mbw .warn{color:#ff8a94}
.ngsec-ma .mbw .doc{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;margin-top:8px;padding:8px 9px;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}
.ngsec-ma .mbw .doc i{width:30px;height:30px;border-radius:7px;background:#0052ff40;display:grid;place-items:center;color:#9ad1ff;font-style:normal}
.ngsec-ma .mbw .doc i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ngsec-ma .mbw .doc b{font-size:11.5px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ngsec-ma .mbw .doc small{display:block;font-size:10.5px;color:#fff9}
.ngsec-ma .mbw .qr{display:flex;flex-wrap:wrap;gap:6px}
.ngsec-ma .mbw .qr span{padding:7px 11px;border-radius:999px;border:1px solid rgba(0,176,240,.55);color:#8fddff;font-size:11.5px;font-weight:700}
.ngsec-ma .mbw .qr span.neg{border-color:#4ab244bf;color:#7dd87a}
.ngsec-ma .mbw-f{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}
.ngsec-ma .mbw-f .in{flex:1;min-width:0;height:36px;border-radius:999px;background:#101a2c;display:flex;align-items:center;padding:0 14px;font-size:12px;color:#ffffff73;white-space:nowrap;overflow:hidden}
.ngsec-ma .mbw-f i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#ffffffb8;background:#101a2c;flex:none;font-style:normal}
.ngsec-ma .mbw-f i.snd{background:#0052ff;color:#fff}
.ngsec-ma .mbw-f svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ngsec.ngsec-ma{position:relative;overflow:hidden;min-height:820px;padding:84px 96px;background:radial-gradient(60% 70% at 8% 85%,#ff233829,#ff233800 70%),radial-gradient(55% 65% at 78% 30%,#4ab24429,#4ab24400 70%),#0b0d0c;color:#fff;font-family:Manrope,system-ui,sans-serif;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center}
.ngsec-ma .ng-fig{position:absolute;right:60px;bottom:0;height:800px;width:auto;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%),linear-gradient(180deg,transparent 0%,#000 16%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 28%),linear-gradient(180deg,transparent 0%,#000 16%);mask-composite:intersect}
.ngsec-ma .ng-main{position:relative;z-index:3;max-width:560px;display:flex;flex-direction:column;gap:18px}
.ngsec-ma .ng-over{display:flex;align-items:center;gap:10px;font:600 12px/1.3 JetBrains Mono,Space Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:#4ab244}
.ngsec-ma .ng-over img{width:26px;height:26px;flex:none}
.ngsec.ngsec-ma h2{margin:0;font-weight:800;font-size:44px;line-height:1.04;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
.ngsec.ngsec-ma h2 .r{color:#ff2338}
.ngsec.ngsec-ma h2 .g{color:#4ab244}
.ngsec-ma .ng-lead{margin:0;font-size:16.5px;line-height:1.6;color:#ffffffbd}
.ngsec-ma .ng-steps{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px}
.ngsec-ma .ng-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;font-size:14.5px;font-weight:700}
.ngsec-ma .ng-steps li span{font:600 12px/1 JetBrains Mono,Space Mono,monospace;color:#4ab244;letter-spacing:.08em;width:34px;height:34px;border-radius:9px;border:1px solid rgba(74,178,68,.5);display:grid;place-items:center}
.ngsec-ma .ng-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.ngsec-ma .ng-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:10px;font:800 15px/1 Manrope,sans-serif;text-decoration:none;cursor:pointer;border:0}
.ngsec-ma .ng-btn.f{background:#4ab244;color:#06120a}
.ngsec-ma .ng-btn.o{background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:700}
.ngsec-ma .ng-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ngsec-ma .ng-chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ngsec-ma .ng-chips li{padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:12.5px;color:#ffffffd1}
.ngsec-ma .ngc{position:absolute;z-index:4;right:72px;bottom:48px;width:290px;border-radius:14px;padding:14px 15px;background:#141816f0;border:1px solid rgba(74,178,68,.45);box-shadow:0 26px 60px #0009,0 0 30px #4ab2442e;font-family:Manrope,system-ui,sans-serif}
.ngsec-ma .ngc .lb{display:flex;align-items:center;gap:8px;font:600 10px/1 JetBrains Mono,Space Mono,monospace;letter-spacing:.18em;color:#4ab244}
.ngsec-ma .ngc .lb img{width:20px;height:20px}
.ngsec-ma .ngc b{display:block;font-size:16px;font-weight:800;margin-top:9px}
.ngsec-ma .ngc .mt{display:block;font-size:12.5px;color:#ffffffa8;margin-top:3px}
.ngsec-ma .ngc .ac{display:flex;gap:8px;margin-top:12px}
.ngsec-ma .ngc .ac span{flex:1;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800}
.ngsec-ma .ngc .ac .p{background:#4ab244;color:#06120a}
.ngsec-ma .ngc .ac .s{border:1px solid rgba(255,255,255,.22);color:#fff}
.ngsec-ma .mbs-a .mbw{left:318px;top:118px}
.ngsec-ma .mbs-b .mbw{left:-60px;top:344px;width:296px}
.ngsec-ma .mbs-c .mbw{left:268px;top:372px;width:330px}
.ngsec-ma .mbs-d .mbw{right:64px;bottom:44px;width:300px}
.ngsec.ngsec-ma .ng-main{max-width:470px}
.ngsec.ngsec-ma .mbw{left:586px;top:462px;width:300px}
@media(max-width:1199px){.ngsec-ma .mbw, .ngsec-ma .mbs-a .mbw, .ngsec-ma .mbs-b .mbw, .ngsec-ma .mbs-c .mbw, .ngsec-ma .mbs-d .mbw{position:relative;inset:auto;width:auto}.ngsec.ngsec-ma{display:flex;flex-direction:column;align-items:stretch;padding:40px 18px 0;min-height:0}.ngsec.ngsec-ma h2{font-size:30px}.ngsec-ma .ng-lead{font-size:14.5px}.ngsec-ma .ng-fig{position:relative;right:auto;height:420px;align-self:center;margin-top:18px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%)}.ngsec.ngsec-ma .mbw, .ngsec-ma .ngc{position:relative;inset:auto;width:auto;margin-top:12px}.ngsec-ma .ng-main{order:1}.ngsec-ma .ng-fig{order:2}.ngsec.ngsec-ma .ng-ov{order:3;display:grid;gap:10px;margin:-120px 0 40px;position:relative;z-index:4}}
@media (min-width:1200px){#negotivo.ngsec-ma{display:block}}
.ngsec-ma .ng-steps li span:not(:first-child){width:auto;height:auto;border:0;border-radius:0;display:block;font:inherit;color:inherit;letter-spacing:normal}
.ngsec-ma .mbw{background:#140b06;border-color:rgba(255,122,26,.35);box-shadow:0 34px 80px #000000a6,0 0 0 6px #05050573,0 0 50px rgba(204,66,0,.22)}
.ngsec-ma .mbw-h{background:linear-gradient(90deg,#CC4200,#E86428)}
.ngsec-ma .mbw-b{background:radial-gradient(240px 160px at 85% 0%,rgba(232,100,40,.12),transparent 70%)}
.ngsec-ma .mbw .m.ai{background:#1f140e}
.ngsec-ma .mbw .m.me{background:rgba(204,66,0,.28);border-color:rgba(232,100,40,.55)}
.ngsec-ma .mbw-f .in{background:#1b120c}
/* C34 — logo Negotivo bez białego tła (obie strony; plik logo jest przezroczysty) */
#negotivo .ng-over img,#negotivo .ngc .lb img{background:transparent;border-radius:0}
/* C34 — nagłówek sekcji Negotivo czytelny w motywie jasnym (sekcja pozostaje ciemna; obie strony) */
[data-theme="light"] #negotivo h2{color:#fff}
/* responsive */
@media (max-width:1199px){.nx .nx-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.nx .nx-segs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.nx .nx-grid2,#slide-6 .nx-luka-grid,#slide-7 .nx-app-grid{grid-template-columns:minmax(0,1fr)}.nx .nx-segs{grid-template-columns:repeat(2,minmax(0,1fr))}.nx .nx-forms{grid-template-columns:minmax(0,1fr)}.nx-logins{grid-template-columns:minmax(0,1fr)}}
@media (max-width:599px){.nx .nx-steps{grid-template-columns:minmax(0,1fr)}.nx .nx-segs{grid-template-columns:minmax(0,1fr)}.nx-login{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.nx *{transition:none!important;animation:none!important}}