/* ==========================================================================
   landing.css — digitalshirts.pl child-theme landing
   Wygenerowano automatycznie. Wszystkie reguły scoped pod .landing.
   SEKCJA 1: Tailwind (purge/minify z index.html v3)
   SEKCJA 2: Stały CSS z <style> w index.html v3 (scoped)
   ========================================================================== */

/* SEKCJA 1: Tailwind utilities (purged z v3/index.html) — wklejone poniżej */
/* --- placeholder: plik nadpisywany przez build.sh, patrz MANIFEST.md --- */

/* SEKCJA 2: Custom CSS z <style> v3 — scoped pod .landing */

/* ── ZMIENNE KOLORÓW AKCENTU ── */
.landing {
  --acc-bg: #D42A1B;
  --acc-on: #FFFFFF;
  --acc-fg: #A81E11;
}

/* ── TRYB JASNY (domyślny) ── */
.landing {
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --paper: #F4F3F0;
  --ink: #141414;
  --ink-soft: #6B6B6B;
  --line: #1414141a;
  --line-soft: #1414140d;
  --mach-shadow: rgba(20,20,20,.22);
}

/* ── TRYB CIEMNY ── */
.landing[data-mode="dark"],
[data-mode="dark"] .landing {
  --bg: #0B0B0C;
  --surface: #151518;
  --paper: #171719;
  --ink: #F3F3F1;
  --ink-soft: #9EA0A6;
  --line: #ffffff20;
  --line-soft: #ffffff10;
  --mach-shadow: rgba(0,0,0,.5);
}

/* ── RESET SCOPED ── */
.landing *,
.landing *::before,
.landing *::after {
  box-sizing: border-box;
}

/* ── BASE ── */
.landing {
  background: var(--bg);
  color: var(--ink);
  font-family: 'Inter Tight', sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.landing h1,
.landing h2,
.landing h3 {
  font-family: 'Space Grotesk', sans-serif;
}

/* ── AKCENT CSS ── */
.landing .text-accent { color: var(--acc-bg) !important; }
.landing .bg-accent { background-color: var(--acc-bg) !important; }
.landing .on-acc { color: var(--acc-on) !important; }
.landing input[type=checkbox] { accent-color: var(--acc-bg); }

/* ── MASZYNY ── */
.landing .machine { filter: drop-shadow(0 18px 24px var(--mach-shadow)); }
.landing .machine-stage {
  background: radial-gradient(62% 62% at 50% 54%, color-mix(in srgb, var(--ink) 9%, transparent), transparent 76%);
  border-radius: 1.2rem;
}
.landing .machine-ghost {
  position: absolute;
  pointer-events: none;
  user-select: none;
  opacity: .06;
  filter: grayscale(1);
  z-index: 0;
}

/* ── AKCENT BLOCK ── */
.landing .accent-block {
  background: var(--acc-bg);
  color: var(--acc-on) !important;
  padding: .02em .22em;
  border-radius: .14em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* ── LOGO KAFLE ── */
.landing .logo-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #14141412;
  border-radius: .85rem;
  height: 3.4rem;
  padding: 0 1.1rem;
  box-shadow: 0 1px 2px rgba(20,20,20,.05);
  flex: none;
  transition: box-shadow .2s var(--ease), transform .2s var(--ease);
}
.landing .logo-tile:hover {
  box-shadow: 0 8px 20px -12px rgba(20,20,20,.35);
  transform: translateY(-2px);
}
.landing .logo-tile img {
  max-height: 1.9rem;
  width: auto;
  max-width: 7.5rem;
  object-fit: contain;
  display: block;
}
@media (min-width: 768px) {
  .landing .logo-tile { height: 4.25rem; padding: 0 1.5rem; border-radius: 1rem; }
  .landing .logo-tile img { max-height: 2.4rem; max-width: 9rem; }
}

/* ── KAFLE KLIENTÓW (mniejsze) ── */
.landing .logos-clients .logo-tile { height: 3.3rem; padding: 0 .7rem; }
.landing .logos-clients .logo-tile img { max-height: 1.65rem; max-width: 5rem; }
@media (min-width: 768px) {
  .landing .logos-clients .logo-tile { height: 3.7rem; padding: 0 .85rem; }
  .landing .logos-clients .logo-tile img { max-height: 2rem; max-width: 5.75rem; }
}

/* ── KARUZELA MARQUEE ── */
.landing .marquee {
  width: 100%;
  overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.landing .marquee-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: clamp(.75rem, 1.6vw, 1.15rem);
  width: max-content;
  will-change: transform;
}

/* ── TIMELINE / PROCES ── */
.landing .timeline {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.landing .timeline::before {
  content: "";
  position: absolute;
  background: var(--line);
  left: 1.35rem;
  top: .6rem;
  bottom: 2.6rem;
  width: 2px;
}
.landing .tl-step { position: relative; padding: 0 0 2rem 3.9rem; }
.landing .tl-step:last-child { padding-bottom: 0; }
.landing .tl-dot {
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 999px;
  background: var(--acc-bg);
  color: var(--acc-on);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: .95rem;
  box-shadow: 0 0 0 5px var(--bg);
  z-index: 1;
}
.landing .tl-final .tl-dot { background: var(--ink); color: var(--bg); }
.landing .tl-title { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: var(--step-1); line-height: 1.2; }
.landing .tl-text { color: var(--ink-soft); font-size: .9rem; line-height: 1.55; margin-top: .4rem; max-width: 36ch; }
@media (min-width: 1024px) {
  .landing .timeline { grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
  .landing .timeline::before { left: 1.35rem; right: 1.35rem; top: 1.35rem; bottom: auto; width: auto; height: 2px; }
  .landing .tl-step { padding: 0; }
  .landing .tl-dot { position: relative; }
  .landing .tl-title { margin-top: 1.15rem; }
  .landing .tl-text { max-width: none; }
}

/* ── TYPOGRAFIA (type scale) ── */
.landing {
  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.94rem);
  --step-0:  clamp(1rem, 0.96rem + 0.23vw, 1.13rem);
  --step-1:  clamp(1.2rem, 1.13rem + 0.36vw, 1.4rem);
  --step-2:  clamp(1.44rem, 1.32rem + 0.6vw, 1.8rem);
  --step-3:  clamp(1.73rem, 1.54rem + 0.95vw, 2.3rem);
  --step-4:  clamp(2.07rem, 1.78rem + 1.45vw, 2.9rem);
  --step-display: clamp(2.5rem, 1.7rem + 3.9vw, 4.8rem);
  --ease: cubic-bezier(.16, 1, .3, 1);
}

.landing { scroll-behavior: smooth; }

.landing .eyebrow { font-size: var(--step--1); text-transform: uppercase; letter-spacing: .18em; }
.landing .h-display { font-size: var(--step-display); line-height: 1.02; letter-spacing: -0.03em; font-weight: 700; }
.landing .h2 { font-size: var(--step-4); line-height: 1.08; letter-spacing: -0.02em; font-weight: 700; }
.landing .h3 { font-size: var(--step-2); line-height: 1.2; font-weight: 700; }
.landing .lead { font-size: var(--step-1); line-height: 1.55; }
.landing .measure { max-width: 60ch; }

/* ── ICON HELPER ── */
.landing .hi {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentColor;
  -webkit-mask: var(--hi) no-repeat center/contain;
  mask: var(--hi) no-repeat center/contain;
  vertical-align: middle;
}
.landing .hi-sm { width: 1.25rem; height: 1.25rem; }
.landing .hi-lg { width: 2rem; height: 2rem; }

/* ── ELEMENTY UI ── */
.landing .rule { height: 3px; width: 2.2rem; background: var(--acc-bg); border-radius: 2px; }
.landing .btn {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  border-radius: .7rem;
  font-weight: 500;
  transition: transform .25s var(--ease), background-color .25s var(--ease), box-shadow .25s var(--ease);
}
.landing .btn-primary { background: var(--acc-bg); color: var(--acc-on); padding: .8rem 1.5rem; }
.landing .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -12px rgba(20,20,20,.4); }
.landing .btn-ghost { color: #141414; padding: .8rem 1.3rem; border: 1.5px solid #14141422; }
.landing .btn-ghost:hover { border-color: var(--acc-bg); }
.landing a,
.landing button { transition: color .2s var(--ease); }

/* ── LINK UNDERLINE ── */
.landing .link-underline { position: relative; }
.landing .link-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 1.5px;
  background: var(--acc-bg);
  transition: width .45s var(--ease);
}
.landing .link-underline:hover::after { width: 100%; }

/* ── CARD ── */
.landing .card { background: #fff; border: 1px solid #14141414; border-radius: 1rem; }
.landing .card:hover { border-color: #14141433; box-shadow: 0 12px 30px -18px rgba(20,20,20,.35); }

/* ── NAV ── */
.landing #nav { transition: box-shadow .3s var(--ease); }
.landing #nav.scrolled { box-shadow: 0 1px 0 #14141414, 0 8px 24px -18px rgba(20,20,20,.4); }

/* ── REVEAL ANIMACJE ── */
.landing .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.landing .reveal.is-visible { opacity: 1; transform: none; }
.landing [data-stagger] > * { transition-delay: calc(var(--i, 0) * 70ms); }

/* ── ZDJĘCIA ── */
.landing .shot { filter: contrast(1.04) saturate(1.05); }

/* ── FAQ DETAILS ── */
.landing details > summary { list-style: none; }
.landing details > summary::-webkit-details-marker { display: none; }

/* ── FOCUS VISIBLE ── */
.landing :focus-visible { outline: 2px solid var(--acc-bg); outline-offset: 3px; border-radius: 4px; }

/* ── TOUCH TARGETS MOBILE ── */
@media (max-width: 767px) {
  .landing #contact ul a,
  .landing footer a,
  .landing #gallery p a { min-height: 44px; display: inline-flex; align-items: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .landing { scroll-behavior: auto; }
  .landing .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  .landing * { animation: none !important; }
}

/* ==========================================================================
   SEKCJA 1 (Tailwind purged — dołączane poniżej przez build)
   ========================================================================== */
.landing *,.landing :after,.landing :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.landing ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.landing /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,.landing :after,.landing :before{box-sizing:border-box;border:0 solid #e5e7eb}.landing :after,.landing :before{--tw-content:""}.landing :host,.landing{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.landing{margin:0;line-height:inherit}.landing hr{height:0;color:inherit;border-top-width:1px}.landing abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.landing h1,.landing h2,.landing h3,.landing h4,.landing h5,.landing h6{font-size:inherit;font-weight:inherit}.landing a{color:inherit;text-decoration:inherit}.landing b,.landing strong{font-weight:bolder}.landing code,.landing kbd,.landing pre,.landing samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.landing small{font-size:80%}.landing sub,.landing sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.landing sub{bottom:-.25em}.landing sup{top:-.5em}.landing table{text-indent:0;border-color:inherit;border-collapse:collapse}.landing button,.landing input,.landing optgroup,.landing select,.landing textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.landing button,.landing select{text-transform:none}.landing button,.landing input:where([type=button]),.landing input:where([type=reset]),.landing input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.landing :-moz-focusring{outline:auto}.landing :-moz-ui-invalid{box-shadow:none}.landing progress{vertical-align:baseline}.landing ::-webkit-inner-spin-button,.landing ::-webkit-outer-spin-button{height:auto}.landing [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.landing ::-webkit-search-decoration{-webkit-appearance:none}.landing ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.landing summary{display:list-item}.landing blockquote,.landing dd,.landing dl,.landing figure,.landing h1,.landing h2,.landing h3,.landing h4,.landing h5,.landing h6,.landing hr,.landing p,.landing pre{margin:0}.landing fieldset{margin:0}.landing fieldset,.landing legend{padding:0}.landing menu,.landing ol,.landing ul{list-style:none;margin:0;padding:0}.landing dialog{padding:0}.landing textarea{resize:vertical}.landing input::-moz-placeholder,.landing textarea::-moz-placeholder{opacity:1;color:#9ca3af}.landing input::placeholder,.landing textarea::placeholder{opacity:1;color:#9ca3af}.landing [role=button],.landing button{cursor:pointer}.landing :disabled{cursor:default}.landing audio,.landing canvas,.landing embed,.landing iframe,.landing img,.landing object,.landing svg,.landing video{display:block;vertical-align:middle}.landing img,.landing video{max-width:100%;height:auto}.landing [hidden]:where(:not([hidden=until-found])){display:none}.landing .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.landing .fixed{position:fixed}.landing .absolute{position:absolute}.landing .relative{position:relative}.landing .inset-x-0{left:0;right:0}.landing .-bottom-4{bottom:-1rem}.landing .left-3{left:.75rem}.landing .top-0{top:0}.landing .z-40{z-index:40}.landing .col-span-2{grid-column:span 2/span 2}.landing .mx-auto{margin-left:auto;margin-right:auto}.landing .mb-4{margin-bottom:1rem}.landing .ml-2{margin-left:.5rem}.landing .ml-auto{margin-left:auto}.landing .mt-12{margin-top:3rem}.landing .mt-2{margin-top:.5rem}.landing .mt-3{margin-top:.75rem}.landing .mt-4{margin-top:1rem}.landing .mt-5{margin-top:1.25rem}.landing .mt-6{margin-top:1.5rem}.landing .mt-8{margin-top:2rem}.landing .mt-auto{margin-top:auto}.landing .block{display:block}.landing .flex{display:flex}.landing .inline-flex{display:inline-flex}.landing .grid{display:grid}.landing .inline-grid{display:inline-grid}.landing .hidden{display:none}.landing .aspect-\[4\/3\]{aspect-ratio:4/3}.landing .aspect-square{aspect-ratio:1/1}.landing .size-10{width:2.5rem;height:2.5rem}.landing .size-11{width:2.75rem;height:2.75rem}.landing .size-3{width:.75rem;height:.75rem}.landing .h-11{height:2.75rem}.landing .h-16{height:4rem}.landing .h-9{height:2.25rem}.landing .min-h-\[44px\]{min-height:44px}.landing .w-32{width:8rem}.landing .w-auto{width:auto}.landing .w-full{width:100%}.landing .max-w-2xl{max-width:42rem}.landing .max-w-3xl{max-width:48rem}.landing .max-w-7xl{max-width:80rem}.landing .max-w-md{max-width:28rem}.landing .shrink-0{flex-shrink:0}.landing .rotate-\[-3deg\]{--tw-rotate:-3deg}.landing .rotate-\[-3deg\],.landing .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.landing .cursor-pointer{cursor:pointer}.landing .resize{resize:both}.landing .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .flex-col{flex-direction:column}.landing .flex-wrap{flex-wrap:wrap}.landing .place-items-center{place-items:center}.landing .items-center{align-items:center}.landing .justify-center{justify-content:center}.landing .justify-between{justify-content:space-between}.landing .gap-1{gap:.25rem}.landing .gap-12{gap:3rem}.landing .gap-2{gap:.5rem}.landing .gap-2\.5{gap:.625rem}.landing .gap-3{gap:.75rem}.landing .gap-4{gap:1rem}.landing .gap-5{gap:1.25rem}.landing .gap-6{gap:1.5rem}.landing .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.landing .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.landing .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.landing .divide-black>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(0 0 0/var(--tw-divide-opacity,1))}.landing .divide-black\/10>:not([hidden])~:not([hidden]){border-color:rgba(0,0,0,.1)}.landing .overflow-hidden{overflow:hidden}.landing .rounded-full{border-radius:9999px}.landing .rounded-lg{border-radius:.5rem}.landing .rounded-xl{border-radius:.75rem}.landing .border{border-width:1px}.landing .border-2{border-width:2px}.landing .border-b{border-bottom-width:1px}.landing .border-t{border-top-width:1px}.landing .border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.landing .border-black\/10{border-color:rgba(0,0,0,.1)}.landing .border-black\/5{border-color:rgba(0,0,0,.05)}.landing .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.landing .border-white\/10{border-color:hsla(0,0%,100%,.1)}.landing .bg-accent{--tw-bg-opacity:1;background-color:rgb(212 42 27/var(--tw-bg-opacity,1))}.landing .bg-primary{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity,1))}.landing .bg-secondary{--tw-bg-opacity:1;background-color:rgb(244 243 240/var(--tw-bg-opacity,1))}.landing .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.landing .bg-white\/90{background-color:hsla(0,0%,100%,.9)}.landing .object-cover{-o-object-fit:cover;object-fit:cover}.landing .p-3{padding:.75rem}.landing .p-6{padding:1.5rem}.landing .p-7{padding:1.75rem}.landing .px-1{padding-left:.25rem;padding-right:.25rem}.landing .px-4{padding-left:1rem;padding-right:1rem}.landing .px-6{padding-left:1.5rem;padding-right:1.5rem}.landing .py-2{padding-top:.5rem;padding-bottom:.5rem}.landing .py-20{padding-top:5rem;padding-bottom:5rem}.landing .py-24{padding-top:6rem;padding-bottom:6rem}.landing .py-4{padding-top:1rem}.landing .pb-4,.landing .py-4{padding-bottom:1rem}.landing .pb-5{padding-bottom:1.25rem}.landing .pt-1{padding-top:.25rem}.landing .pt-4{padding-top:1rem}.landing .text-center{text-align:center}.landing .font-body{font-family:Inter Tight,sans-serif}.landing .font-heading{font-family:Space Grotesk,sans-serif}.landing .text-base{font-size:1rem;line-height:1.5rem}.landing .text-sm{font-size:.875rem;line-height:1.25rem}.landing .text-xs{font-size:.75rem;line-height:1rem}.landing .font-bold{font-weight:700}.landing .font-medium{font-weight:500}.landing .tracking-wide{letter-spacing:.025em}.landing .text-accent{--tw-text-opacity:1;color:rgb(212 42 27/var(--tw-text-opacity,1))}.landing .text-neutral{--tw-text-opacity:1;color:rgb(107 107 107/var(--tw-text-opacity,1))}.landing .text-primary{--tw-text-opacity:1;color:rgb(20 20 20/var(--tw-text-opacity,1))}.landing .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.landing .text-white\/60{color:hsla(0,0%,100%,.6)}.landing .text-white\/70{color:hsla(0,0%,100%,.7)}.landing .text-white\/80{color:hsla(0,0%,100%,.8)}.landing .underline{text-decoration-line:underline}.landing .underline-offset-2{text-underline-offset:2px}.landing .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.landing .invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.landing .backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.landing .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.landing .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.landing .hover\:border-accent:hover{--tw-border-opacity:1;border-color:rgb(212 42 27/var(--tw-border-opacity,1))}.landing .hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(212 42 27/var(--tw-text-opacity,1))}.landing .hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(20 20 20/var(--tw-text-opacity,1))}.landing .focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.landing .focus\:absolute:focus{position:absolute}.landing .focus\:left-3:focus{left:.75rem}.landing .focus\:top-3:focus{top:.75rem}.landing .focus\:z-50:focus{z-index:50}.landing .focus\:rounded-lg:focus{border-radius:.5rem}.landing .focus\:bg-accent:focus{--tw-bg-opacity:1;background-color:rgb(212 42 27/var(--tw-bg-opacity,1))}.landing .focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.landing .focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.landing .group[open] .group-open\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.landing .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .sm\:flex-row{flex-direction:row}.landing .sm\:items-center{align-items:center}}@media (min-width:768px){.landing .md\:left-4{left:1rem}.landing .md\:col-span-2{grid-column:span 2/span 2}.landing .md\:row-span-2{grid-row:span 2/span 2}.landing .md\:flex{display:flex}.landing .md\:hidden{display:none}.landing .md\:h-10{height:2.5rem}.landing .md\:w-44{width:11rem}.landing .md\:auto-rows-\[minmax\(0\2c 1fr\)\]{grid-auto-rows:minmax(0,1fr)}.landing .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.landing .md\:grid-cols-\[1\.4fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr}.landing .md\:gap-6{gap:1.5rem}.landing .md\:p-7{padding:1.75rem}.landing .md\:px-8{padding-left:2rem;padding-right:2rem}.landing .md\:py-24{padding-top:6rem;padding-bottom:6rem}.landing .md\:py-32{padding-top:8rem;padding-bottom:8rem}}@media (min-width:1024px){.landing .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.landing .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.landing .lg\:grid-cols-\[1\.05fr_\.95fr\]{grid-template-columns:1.05fr .95fr}.landing .lg\:grid-cols-\[1fr_1\.2fr\]{grid-template-columns:1fr 1.2fr}}

/* ── TRYB CIEMNY OVERRIDES + THEME TOGGLE (cascade winner — przeniesione na koniec 2026-07-25) ── */
/* ── TRYB CIEMNY OVERRIDES ── */
.landing .bg-white,
.landing .bg-white\/95,
.landing .bg-white\/90 { background-color: var(--surface) !important; }
.landing .bg-secondary { background-color: var(--paper) !important; }
.landing .text-primary { color: var(--ink) !important; }
.landing .text-neutral { color: var(--ink-soft) !important; }
.landing .card { background: var(--surface) !important; border-color: var(--line) !important; }
.landing .border-black\/10 { border-color: var(--line) !important; }
.landing .border-black\/5 { border-color: var(--line-soft) !important; }
.landing .divide-black\/10 > * { border-color: var(--line) !important; }
.landing .btn-ghost { color: var(--ink) !important; border-color: var(--line) !important; }
.landing .logo-plate { background: #fff !important; border-radius: .7rem; }
[data-mode="dark"] .landing #nav a > img { filter: brightness(0) invert(1); }
[data-mode="dark"] .landing .hover\:text-primary:hover { color: var(--acc-bg) !important; }

/* ── THEME TOGGLE IKONY ── */
.landing #theme-toggle .ic-sun,
.landing #theme-toggle-m .ic-sun,
.landing #theme-toggle-mtop .ic-sun { display: none; }
[data-mode="dark"] .landing #theme-toggle .ic-moon,
[data-mode="dark"] .landing #theme-toggle-m .ic-moon,
[data-mode="dark"] .landing #theme-toggle-mtop .ic-moon { display: none; }
[data-mode="dark"] .landing #theme-toggle .ic-sun,
[data-mode="dark"] .landing #theme-toggle-m .ic-sun,
[data-mode="dark"] .landing #theme-toggle-mtop .ic-sun { display: inline-block; }

/* ── MENU V2 (2026-07-25-menuv2): top-strip + landing-header ── */
.landing .landing-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  background: var(--bg);
  border-bottom: 1px solid var(--line-soft);
  transition: box-shadow .3s var(--ease);
}
.landing .landing-header.scrolled {
  box-shadow: 0 1px 0 #14141414, 0 8px 24px -18px rgba(20,20,20,.4);
}
/* Top strip — czarny pasek */
.landing .landing-topstrip {
  background: #111;
  color: #e0e0e0;
  font-size: .78rem;
  line-height: 1;
}
[data-mode="dark"] .landing .landing-topstrip,
.landing[data-mode="dark"] .landing-topstrip {
  background: #050505;
  color: #aaa;
}
.landing .landing-topstrip__inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: .4rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.landing .landing-topstrip__phone a {
  color: inherit;
  text-decoration: none;
  font-weight: 500;
}
.landing .landing-topstrip__phone a:hover { text-decoration: underline; }
.landing .landing-topstrip__icons {
  display: flex;
  align-items: center;
  gap: .4rem;
}
/* Main nav row */
.landing .landing-nav {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.landing .landing-nav__logo img { height: 2.1rem; width: auto; }
@media (min-width: 768px) { .landing .landing-nav__logo img { height: 2.5rem; } }
.landing .landing-nav__links {
  display: none;
  align-items: center;
  gap: 1.25rem;
  font-size: .875rem;
  flex: 1;
  justify-content: center;
}
@media (min-width: 768px) { .landing .landing-nav__links { display: flex; } }
.landing .landing-nav__links a {
  color: var(--ink-soft);
  text-decoration: none;
  transition: color .15s;
  white-space: nowrap;
}
.landing .landing-nav__links a:hover { color: var(--ink); }
.landing .landing-nav__cta { display: none; }
@media (min-width: 768px) { .landing .landing-nav__cta { display: block; } }
/* Mobile icon row (only on small screens) */
.landing .landing-nav__mobile-icons {
  display: flex;
  align-items: center;
  gap: .4rem;
}
@media (min-width: 768px) { .landing .landing-nav__mobile-icons { display: none; } }
/* Mobile menu drawer */
.landing .landing-mobile-menu {
  border-top: 1px solid var(--line-soft);
  background: var(--bg);
}
.landing .landing-mobile-menu.hidden { display: none; }
.landing .landing-mobile-menu__inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: .9rem;
  font-size: .875rem;
}
/* Shared ds-icon-btn (scoped .landing) */
.landing .ds-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2rem;
  min-height: 2.2rem;
  padding: .2rem .4rem;
  border-radius: .375rem;
  border: 1px solid rgba(255,255,255,.2);
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: opacity .15s;
  text-decoration: none;
  font-size: .78rem;
  font-family: inherit;
  line-height: 1;
  white-space: nowrap;
}
.landing .ds-icon-btn:hover { opacity: .75; }
.landing .ds-icon-btn--text { gap: .3rem; padding: .2rem .6rem; }
/* Toggle SVG: moon widoczny w light, sun w dark */
.landing .ds-mode-toggle .ic-moon { display: block; }
.landing .ds-mode-toggle .ic-sun  { display: none; }
[data-mode="dark"] .landing .ds-mode-toggle .ic-moon { display: none; }
[data-mode="dark"] .landing .ds-mode-toggle .ic-sun  { display: block; }
/* Hero offset (topstrip + nav) */
.landing #hero { padding-top: 8.5rem !important; }
@media (min-width: 768px) { .landing #hero { padding-top: 9rem !important; } }

/* ── MENU V2: top-strip + nav icons ── */
.landing .landing-header {
  position: fixed;
  top: 0;
  inset-x: 0;
  z-index: 40;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}
/* Top strip */
.landing .landing-topstrip {
  background: #111;
  color: #fff;
  font-size: .8rem;
}
[data-mode="dark"] .landing .landing-topstrip,
.landing[data-mode="dark"] .landing-topstrip {
  background: #000;
  color: #ccc;
}
.landing .landing-topstrip__inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: .35rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.landing .landing-topstrip__phone a {
  color: inherit;
  text-decoration: none;
}
.landing .landing-topstrip__phone a:hover { text-decoration: underline; }
.landing .landing-topstrip__icons {
  display: flex;
  align-items: center;
  gap: .5rem;
}
/* Nav main row */
.landing .landing-nav {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.landing .landing-nav__logo img { height: 2.25rem; width: auto; }
@media (min-width: 768px) { .landing .landing-nav__logo img { height: 2.5rem; } }
.landing .landing-nav__links {
  display: none;
  align-items: center;
  gap: 1.5rem;
  font-size: .875rem;
  color: var(--ink-soft);
}
@media (min-width: 768px) { .landing .landing-nav__links { display: flex; } }
.landing .landing-nav__links a {
  color: var(--ink-soft);
  text-decoration: none;
  transition: color .15s;
}
.landing .landing-nav__links a:hover { color: var(--ink); }
.landing .landing-nav__cta { display: none; }
@media (min-width: 768px) { .landing .landing-nav__cta { display: block; } }
.landing .landing-nav__mobile-icons {
  display: flex;
  align-items: center;
  gap: .5rem;
}
@media (min-width: 768px) { .landing .landing-nav__mobile-icons { display: none; } }
/* Mobile menu */
.landing .landing-mobile-menu {
  border-top: 1px solid var(--line);
  background: var(--bg);
}
.landing .landing-mobile-menu__inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: .875rem;
}
.landing .landing-mobile-menu.hidden { display: none; }
/* Shared icon button */
.landing .ds-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: .25rem .5rem;
  border-radius: .4rem;
  border: 1px solid rgba(255,255,255,.25);
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: opacity .15s;
  font-size: .8rem;
  font-family: inherit;
  text-decoration: none;
}
.landing .ds-icon-btn:hover { opacity: .8; }
.landing .ds-icon-btn--text { gap: .35rem; white-space: nowrap; }
/* Toggle visibility */
.landing .ds-mode-toggle .ic-moon { display: block; }
.landing .ds-mode-toggle .ic-sun  { display: none; }
[data-mode="dark"] .landing .ds-mode-toggle .ic-moon { display: none; }
[data-mode="dark"] .landing .ds-mode-toggle .ic-sun  { display: block; }
/* Offset sticky header (landing-page has topstrip now) */
.landing #hero { padding-top: 8rem !important; }
@media (min-width: 768px) { .landing #hero { padding-top: 9rem !important; } }
/* Phone no-wrap fix mobile */
.landing .landing-topstrip__phone { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Stopka landingu — ujednolicona ze sklepem (dark) 2026-07-25 ── */
.ds-foot-h{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:1rem}
.ds-foot-soc{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:rgba(255,255,255,.75);transition:background .15s,color .15s,border-color .15s}
.ds-foot-soc:hover{background:#D42A1B;border-color:#D42A1B;color:#fff}

.ds-foot-grid{max-width:80rem;margin:0 auto;padding:4rem 1.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr}
@media(min-width:768px){.ds-foot-grid{padding:4rem 2rem;grid-template-columns:1.4fr 1fr 1fr 1.2fr}}