/* Vis-Sol spatial render repair */
body.page-home .hero-stage{position:relative!important;inset:auto!important;grid-column:6/13!important;grid-row:1/4!important;margin:0 calc(-1 * var(--pad)) 0 0!important;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)!important;opacity:1!important;z-index:1!important;overflow:hidden!important}
body.page-home .hero-stage img{opacity:1!important;visibility:visible!important;object-fit:cover!important;object-position:58% center!important;filter:saturate(1.02) contrast(1.08) brightness(.90)!important}
body.page-home .hero-stage:after{background:linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.82) 12%,rgba(2,7,12,.22) 48%,rgba(2,7,12,.03) 82%),linear-gradient(180deg,rgba(2,7,12,.03),transparent 68%,rgba(2,7,12,.70) 100%)!important}
body.page-home .hero-copy{grid-column:1/7!important;max-width:690px}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-hero-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:stretch!important}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-media{position:relative!important;inset:auto!important;grid-column:7/13!important;grid-row:1!important;margin:0 calc(-1 * var(--pad)) 0 0!important;min-height:100%!important;opacity:1!important;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)!important;overflow:hidden!important;z-index:1!important}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:1!important;visibility:visible!important;object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.06) brightness(.88)!important}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-media:after{background:linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.70) 12%,rgba(2,7,12,.14) 46%,rgba(2,7,12,.02) 82%),linear-gradient(180deg,rgba(2,7,12,.02),transparent 70%,rgba(2,7,12,.58) 100%)!important}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-hero-copy{grid-column:1/7!important;grid-row:1!important;position:relative!important;z-index:4!important;max-width:700px!important}
.media-strip img,.mission-visual img,body.page-home .vsa-stage>img{opacity:.88!important;visibility:visible!important;filter:saturate(1.02) contrast(1.06) brightness(.86)!important}
.media-strip:after{background:linear-gradient(90deg,#041018 0%,rgba(4,16,24,.80) 24%,rgba(4,16,24,.18) 56%,rgba(4,16,24,.02) 82%),linear-gradient(180deg,rgba(4,16,24,.03),transparent 70%,#041018 100%)!important}
body.page-ai-platform #funkcje{background-image:linear-gradient(90deg,rgba(2,7,12,.95),rgba(2,7,12,.56)),url('/assets/images/ui/bg26-vsa-stream.svg')!important;background-position:center,right 10% center!important;background-size:cover,min(980px,76vw) auto!important;background-repeat:no-repeat!important}
body.page-ai-platform #connect{background-image:linear-gradient(90deg,rgba(4,16,24,.96),rgba(4,16,24,.56)),url('/assets/images/ui/bg26-connect.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}
body.page-ai-platform #bezpieczenstwo{background-image:linear-gradient(90deg,rgba(2,7,12,.95),rgba(2,7,12,.58)),url('/assets/images/ui/bg26-instance-stack.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}
body.page-ai-platform #zastosowania{background-image:linear-gradient(90deg,rgba(4,16,24,.96),rgba(4,16,24,.58)),url('/assets/images/ui/bg26-process-ribbon.svg')!important;background-position:center,right center!important;background-size:cover,min(960px,76vw) auto!important;background-repeat:no-repeat!important}
body.page-ai-platform #wdrozenie{background-image:linear-gradient(90deg,rgba(2,7,12,.95),rgba(2,7,12,.56)),url('/assets/images/ui/bg26-pilot-path.svg')!important;background-position:center,right center!important;background-size:cover,min(940px,74vw) auto!important;background-repeat:no-repeat!important}
body.page-ai-platform #faq{background-image:linear-gradient(90deg,rgba(2,7,12,.96),rgba(2,7,12,.62)),url('/assets/images/ui/bg26-qa-docs.svg')!important;background-position:center,right center!important;background-size:cover,min(880px,70vw) auto!important;background-repeat:no-repeat!important}
body.page-home #concept-creator{background-image:linear-gradient(90deg,rgba(2,7,12,.94),rgba(2,7,12,.56)),url('/assets/images/ui/bg26-concept-grid.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,70vw) auto!important;background-repeat:no-repeat!important}
body.page-home #realizacje{background-image:linear-gradient(90deg,rgba(2,7,12,.92),rgba(2,7,12,.48)),url('/assets/images/ui/bg26-proofline.svg')!important;background-position:center,right center!important;background-size:cover,min(980px,76vw) auto!important;background-repeat:no-repeat!important}
body.page-home #rozwiazania{background-image:linear-gradient(90deg,rgba(2,7,12,.92),rgba(2,7,12,.52)),url('/assets/images/ui/bg26-offer-spectrum.svg')!important;background-position:center,right center!important;background-size:cover,min(920px,72vw) auto!important;background-repeat:no-repeat!important}
body.page-home .process{background-image:linear-gradient(90deg,rgba(2,7,12,.94),rgba(2,7,12,.56)),url('/assets/images/ui/bg26-process-ribbon.svg')!important;background-position:center,right center!important;background-size:cover,min(980px,76vw) auto!important;background-repeat:no-repeat!important}
body.page-home .about{background-image:linear-gradient(90deg,rgba(2,7,12,.93),rgba(2,7,12,.54)),url('/assets/images/ui/bg26-about-prism.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,70vw) auto!important;background-repeat:no-repeat!important}
body.page-home .home-qa-bridge{background-image:linear-gradient(90deg,rgba(2,7,12,.94),rgba(2,7,12,.55)),url('/assets/images/ui/bg26-qa-constellation.svg')!important;background-position:center,right center!important;background-size:cover,min(920px,72vw) auto!important;background-repeat:no-repeat!important}
body.page-home .final{background-image:linear-gradient(90deg,rgba(2,7,12,.94),rgba(2,7,12,.58)),url('/assets/images/ui/bg26-cta-pulse.svg')!important;background-position:center,right center!important;background-size:cover,min(860px,68vw) auto!important;background-repeat:no-repeat!important}
body.page-home section>.shell,body.page-ai-platform section>.shell{position:relative;z-index:2}
@media(max-width:1050px) and (min-width:721px){
body.page-home .hero-stage{position:relative!important;inset:auto!important;grid-column:5/13!important;margin:0 calc(-1 * var(--pad)) 0 0!important;opacity:1!important;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)!important}
body.page-home .hero-copy{grid-column:1/7!important;max-width:610px}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-media{position:relative!important;inset:auto!important;grid-column:6/13!important;margin:0 calc(-1 * var(--pad)) 0 0!important;opacity:1!important;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)!important}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-hero-copy{grid-column:1/7!important;padding:82px 0 92px!important}}
@media(max-width:720px){
body.page-home .hero-grid{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:300px auto!important;min-height:0!important}
body.page-home .hero-stage{position:relative!important;inset:auto!important;grid-column:1!important;grid-row:1!important;margin:0 calc(-1 * var(--pad))!important;height:300px!important;clip-path:none!important;opacity:1!important}
body.page-home .hero-stage img{object-position:center!important}
body.page-home .hero-stage:after{background:linear-gradient(180deg,rgba(2,7,12,.04),rgba(2,7,12,.12) 55%,#02070c 100%)!important}
body.page-home .hero-copy{grid-column:1!important;grid-row:2!important;align-self:start!important;padding:42px 0 72px!important;max-width:none!important}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-hero-grid{display:block!important;min-height:0!important}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-media{position:relative!important;inset:auto!important;height:300px!important;min-height:300px!important;margin:0 calc(-1 * var(--pad))!important;clip-path:none!important;opacity:1!important}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-media:after{background:linear-gradient(180deg,rgba(2,7,12,.02),rgba(2,7,12,.10) 58%,#02070c 100%)!important}
body:is(.page-offer,.page-ai-platform,.page-deployments,.page-knowledge-hub,.page-tools,.page-about,.page-author) .page-hero-copy{display:block!important;padding:46px 0 76px!important;max-width:none!important}
}

/* 2026-09-27 services/tools production hero */
body[data-page-path="/uslugi.php"] .page-hero,
body[data-page-path="/narzedzia.php"] .page-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:clamp(640px,72vh,820px)!important;
  height:auto!important;
  background:#02070c!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  box-shadow:none!important;
  border:0!important;
}
body[data-page-path="/uslugi.php"] .page-hero::before,
body[data-page-path="/narzedzia.php"] .page-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  opacity:1!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  box-shadow:none!important;
  border:0!important;
  pointer-events:none!important;
}
body[data-page-path="/uslugi.php"] .page-hero::before{
  background-image:url('/assets/images/hero-20260927/hero-services.jpg?v=20260927')!important;
}
body[data-page-path="/narzedzia.php"] .page-hero::before{
  background-image:url('/assets/images/hero-20260927/hero-tools.jpg?v=20260927')!important;
}
body[data-page-path="/uslugi.php"] .page-hero::after,
body[data-page-path="/narzedzia.php"] .page-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(2,7,12,.80) 0%,rgba(2,7,12,.56) 36%,rgba(2,7,12,.16) 70%,rgba(2,7,12,.04) 100%)!important;
  pointer-events:none!important;
}
body[data-page-path="/uslugi.php"] .page-hero>.container,
body[data-page-path="/narzedzia.php"] .page-hero>.container{
  position:relative!important;
  z-index:2!important;
  min-height:inherit!important;
  display:flex!important;
  align-items:center!important;
  gap:clamp(24px,4vw,64px)!important;
}
body[data-page-path="/uslugi.php"] .page-hero-copy,
body[data-page-path="/narzedzia.php"] .page-hero-copy{
  position:relative!important;
  z-index:3!important;
  max-width:760px!important;
  padding-top:48px!important;
  padding-bottom:48px!important;
}
body[data-page-path="/uslugi.php"] .page-media,
body[data-page-path="/uslugi.php"] .page-media::before,
body[data-page-path="/uslugi.php"] .page-media::after,
body[data-page-path="/uslugi.php"] .page-media img,
body[data-page-path="/narzedzia.php"] .page-media,
body[data-page-path="/narzedzia.php"] .page-media::before,
body[data-page-path="/narzedzia.php"] .page-media::after,
body[data-page-path="/narzedzia.php"] .page-media img{
  display:none!important;
  background:none!important;
  background-image:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  box-shadow:none!important;
  border:0!important;
}
body[data-page-path="/uslugi.php"] .stat-box,
body[data-page-path="/narzedzia.php"] .stat-box{
  position:relative!important;
  z-index:3!important;
  background:rgba(2,7,12,.12)!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-page-path="/uslugi.php"] .stat-box::before,
body[data-page-path="/uslugi.php"] .stat-box::after,
body[data-page-path="/narzedzia.php"] .stat-box::before,
body[data-page-path="/narzedzia.php"] .stat-box::after{
  content:none!important;
  display:none!important;
}
@media(max-width:720px){
  body[data-page-path="/uslugi.php"] .page-hero,
  body[data-page-path="/narzedzia.php"] .page-hero{
    min-height:clamp(620px,100svh,780px)!important;
    height:auto!important;
  }
  body[data-page-path="/uslugi.php"] .page-hero::before,
  body[data-page-path="/narzedzia.php"] .page-hero::before{
    background-position:center center!important;
    background-size:cover!important;
  }
  body[data-page-path="/uslugi.php"] .page-hero::after,
  body[data-page-path="/narzedzia.php"] .page-hero::after{
    background:linear-gradient(180deg,rgba(2,7,12,.10) 0%,rgba(2,7,12,.34) 42%,rgba(2,7,12,.88) 100%)!important;
  }
  body[data-page-path="/uslugi.php"] .page-hero>.container,
  body[data-page-path="/narzedzia.php"] .page-hero>.container{
    min-height:inherit!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    gap:14px!important;
    padding-top:clamp(180px,32vh,270px)!important;
    padding-bottom:42px!important;
  }
  body[data-page-path="/uslugi.php"] .page-hero-copy,
  body[data-page-path="/narzedzia.php"] .page-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  body[data-page-path="/uslugi.php"] .stat-box,
  body[data-page-path="/narzedzia.php"] .stat-box{
    width:100%!important;
    margin:0!important;
    background:rgba(2,7,12,.10)!important;
  }
}

/* 2026-09-25 hard paint fallback.
   Hero artwork is also a CSS background so browser/DPI grid quirks cannot
   turn a valid prepared asset into an apparently empty block. */
body[data-page-path="/"] .hero-stage{
  min-height:clamp(680px,calc(100svh - 72px),920px)!important;
  background:#031018 url('/assets/images/v5/vsa-core-hero.webp') 62% center/cover no-repeat!important;
}
body[data-page-path="/"] .hero-stage>img{display:block!important;z-index:0!important}
body[data-page-path="/"] .hero-stage:after{z-index:1!important}
body[data-page-path="/"] .hero:before{
  z-index:0!important;
  background-image:
    linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.98) 39%,rgba(2,7,12,.52) 57%,rgba(2,7,12,.06) 82%),
    linear-gradient(180deg,rgba(2,7,12,.04),transparent 62%,#02070c 100%),
    url('/assets/images/v5/vsa-core-hero.webp')!important;
  background-position:center,center,right center!important;
  background-size:100% 100%,100% 100%,cover!important;
  background-repeat:no-repeat!important;
}
body[data-page-path="/"] .hero-grid,
body[data-page-path="/"] .hero-copy,
body[data-page-path="/"] .hero-coords,
body[data-page-path="/"] .hero-bottom{position:relative;z-index:3}

/* Explicit prepared hero fallback per production route. */
body[data-page-path="/vsa-platforma-ai"] .page-media{
  min-height:clamp(640px,78svh,780px)!important;
  background:#031018 url('/assets/images/v5/vsa-platform-network.webp') center/cover no-repeat!important;
}
body[data-page-path="/uslugi.php"] .page-media{
  min-height:clamp(640px,78svh,780px)!important;
  background:#031018 url('/assets/images/ui/offer-systems-field.svg') center/contain no-repeat!important;
}
body[data-page-path="/realizacje.php"] .page-media{
  min-height:clamp(640px,78svh,780px)!important;
  background:#031018 url('/assets/images/v5/fox-drr-damson.webp') center/cover no-repeat!important;
}
body[data-page-path="/wiedza"] .page-media{
  min-height:clamp(640px,78svh,780px)!important;
  background:#031018 url('/assets/images/knowledge/website-owner-support.webp') center/cover no-repeat!important;
}
body[data-page-path="/narzedzia.php"] .page-media{
  min-height:clamp(640px,78svh,780px)!important;
  background:#031018 url('/assets/images/v5/knowledge-scan-brain.webp') center/cover no-repeat!important;
}
body[data-page-path="/o-nas.php"] .page-media{
  min-height:clamp(640px,78svh,780px)!important;
  background:#031018 url('/assets/images/ui/bg26-about-prism.svg') center/contain no-repeat!important;
}
body[data-page-path="/vsa-platforma-ai"] .page-media>img,
body[data-page-path="/uslugi.php"] .page-media>img,
body[data-page-path="/realizacje.php"] .page-media>img,
body[data-page-path="/wiedza"] .page-media>img,
body[data-page-path="/narzedzia.php"] .page-media>img,
body[data-page-path="/o-nas.php"] .page-media>img{
  display:block!important;z-index:0!important
}
body[data-page-path="/vsa-platforma-ai"] .page-media:after,
body[data-page-path="/uslugi.php"] .page-media:after,
body[data-page-path="/realizacje.php"] .page-media:after,
body[data-page-path="/wiedza"] .page-media:after,
body[data-page-path="/narzedzia.php"] .page-media:after,
body[data-page-path="/o-nas.php"] .page-media:after{z-index:1!important}

/* Offer: restore the prepared visual fields instead of flat dark slabs. */
body[data-page-path="/uslugi.php"] #wybor{background-image:linear-gradient(90deg,rgba(2,7,12,.96),rgba(2,7,12,.58)),url('/assets/images/ui/bg26-five-topology.svg')!important;background-position:center,right center!important;background-size:cover,min(940px,74vw) auto!important;background-repeat:no-repeat!important}
body[data-page-path="/uslugi.php"] #odtworzenie{background-image:linear-gradient(90deg,rgba(4,16,24,.96),rgba(4,16,24,.58)),url('/assets/images/ui/bg26-recovery.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}
body[data-page-path="/uslugi.php"] #modernizacja{background-image:linear-gradient(90deg,rgba(2,7,12,.96),rgba(2,7,12,.58)),url('/assets/images/ui/bg26-modernize.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}
body[data-page-path="/uslugi.php"] #nowa-strona{background-image:linear-gradient(90deg,rgba(4,16,24,.96),rgba(4,16,24,.58)),url('/assets/images/ui/bg26-browser-blueprint.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}
body[data-page-path="/uslugi.php"] #aplikacje{background-image:linear-gradient(90deg,rgba(2,7,12,.96),rgba(2,7,12,.58)),url('/assets/images/ui/bg26-app-flow.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}
body[data-page-path="/uslugi.php"] #vsa-connect{background-image:linear-gradient(90deg,rgba(4,16,24,.96),rgba(4,16,24,.58)),url('/assets/images/ui/bg26-connect.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}
body[data-page-path="/uslugi.php"] #vsa-pilot{background-image:linear-gradient(90deg,rgba(2,7,12,.96),rgba(2,7,12,.58)),url('/assets/images/ui/bg26-pilot-path.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}
body[data-page-path="/uslugi.php"] #vsa-instance{background-image:linear-gradient(90deg,rgba(4,16,24,.96),rgba(4,16,24,.58)),url('/assets/images/ui/bg26-instance-stack.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}
body[data-page-path="/uslugi.php"] #opieka{background-image:linear-gradient(90deg,rgba(2,7,12,.96),rgba(2,7,12,.58)),url('/assets/images/ui/bg26-care-wave.svg')!important;background-position:center,right center!important;background-size:cover,min(900px,72vw) auto!important;background-repeat:no-repeat!important}

@media(max-width:720px){
  body[data-page-path="/"] .hero-stage{min-height:300px!important;height:300px!important;background-position:center!important}
  body[data-page-path="/"] .hero:before{background-image:linear-gradient(180deg,rgba(2,7,12,.08),rgba(2,7,12,.38) 46%,#02070c 100%),url('/assets/images/v5/vsa-core-hero.webp')!important;background-position:center,center!important;background-size:100% 100%,cover!important}
  body[data-page-path="/vsa-platforma-ai"] .page-media,
  body[data-page-path="/uslugi.php"] .page-media,
  body[data-page-path="/realizacje.php"] .page-media,
  body[data-page-path="/wiedza"] .page-media,
  body[data-page-path="/narzedzia.php"] .page-media,
  body[data-page-path="/o-nas.php"] .page-media{min-height:300px!important;height:300px!important}
}

body[data-page-path="/uslugi.php"] .page-media>img,
body[data-page-path="/o-nas.php"] .page-media>img{
  object-fit:contain!important;
  padding:clamp(18px,3vw,48px)!important;
  filter:none!important;
}
body[data-page-path="/narzedzia.php"] #narzedziownia img{
  object-fit:cover!important;
  object-position:center!important;
}


/* === 2026-09-25 HERO + MOBILE RENDER FIX v4 === */

/* Services: full-field systems map, not another split image hero. */
body.page-offer .page-hero{
  min-height:760px!important;
  background:
    radial-gradient(circle at 78% 48%,rgba(24,229,232,.14),transparent 34%),
    linear-gradient(180deg,#02070c 0%,#031018 100%)!important;
}
body.page-offer .page-hero-grid{
  position:relative!important;
  min-height:760px!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:end!important;
  padding:0!important;
}
body.page-offer .page-media{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  clip-path:none!important;
  background:none!important;
  opacity:1!important;
  overflow:hidden!important;
  z-index:0!important;
}
body.page-offer .page-media img{
  position:absolute!important;
  width:min(1040px,78vw)!important;
  height:auto!important;
  inset:auto -7vw -7% auto!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  opacity:.92!important;
  filter:drop-shadow(0 0 38px rgba(24,229,232,.08))!important;
}
body.page-offer .page-media:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.98) 32%,rgba(2,7,12,.62) 54%,rgba(2,7,12,.12) 78%,rgba(2,7,12,.02) 100%),
    linear-gradient(180deg,rgba(2,7,12,.02) 0%,transparent 62%,#02070c 100%)!important;
}
body.page-offer .page-hero-copy{
  position:relative!important;
  z-index:3!important;
  grid-column:1/8!important;
  grid-row:1!important;
  align-self:end!important;
  max-width:760px!important;
  padding:0 0 170px!important;
}
body.page-offer .hero-meta{
  left:0!important;
  right:auto!important;
  bottom:52px!important;
  width:min(780px,66vw)!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  z-index:4!important;
}

/* VSA: product visual floats into the field instead of a hard rectangular crop. */
body.page-ai-platform .page-media{
  clip-path:none!important;
  margin-right:calc(-1 * var(--pad))!important;
  background:
    radial-gradient(circle at 58% 48%,rgba(24,229,232,.11),transparent 42%)!important;
}
body.page-ai-platform .page-media img{
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(.94)!important;
  filter:saturate(1.04) contrast(1.06) brightness(.92) drop-shadow(0 0 28px rgba(24,229,232,.10))!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 92%,transparent 100%);
}
body.page-ai-platform .page-media:after{
  background:linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.54) 20%,transparent 52%)!important;
}

/* Tools: circular diagnostic visual. */
body.page-tools .page-media{
  grid-column:8/13!important;
  margin:70px 0!important;
  min-height:560px!important;
  align-self:center!important;
  clip-path:circle(48% at 50% 50%)!important;
  border:1px solid rgba(121,255,246,.18)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(24,229,232,.13),rgba(3,16,24,.38) 55%,rgba(2,7,12,.92) 72%)!important;
  box-shadow:0 0 80px rgba(24,229,232,.06)!important;
}
body.page-tools .page-media img{
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.05) contrast(1.08) brightness(.86)!important;
}
body.page-tools .page-media:after{
  background:radial-gradient(circle at 50% 50%,transparent 42%,rgba(2,7,12,.22) 62%,rgba(2,7,12,.86) 100%)!important;
}
body.page-tools .page-hero-copy{grid-column:1/7!important}

/* About: one broad identity field, not another right-side product card. */
body.page-about .page-hero{
  min-height:740px!important;
  background:
    radial-gradient(circle at 80% 50%,rgba(24,229,232,.10),transparent 34%),
    linear-gradient(180deg,#02070c,#031018)!important;
}
body.page-about .page-hero-grid{
  position:relative!important;
  min-height:740px!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:center!important;
}
body.page-about .page-media{
  position:absolute!important;
  inset:0!important;
  margin:0!important;
  clip-path:none!important;
  min-height:0!important;
  background:none!important;
  z-index:0!important;
}
body.page-about .page-media img{
  position:absolute!important;
  width:min(980px,76vw)!important;
  height:auto!important;
  inset:50% -9vw auto auto!important;
  transform:translateY(-50%)!important;
  object-fit:contain!important;
  padding:0!important;
  opacity:.80!important;
  filter:none!important;
}
body.page-about .page-media:after{
  background:
    linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.98) 36%,rgba(2,7,12,.62) 58%,rgba(2,7,12,.08) 84%),
    linear-gradient(180deg,transparent 58%,#02070c 100%)!important;
}
body.page-about .page-hero-copy{
  grid-column:1/8!important;
  grid-row:1!important;
  max-width:790px!important;
  z-index:3!important;
}
body.page-about .page-hero:after{
  content:"VIS·SOL";
  position:absolute;
  right:3vw;
  bottom:-.18em;
  z-index:1;
  font:800 clamp(7rem,18vw,18rem)/1 Inter,sans-serif;
  letter-spacing:-.09em;
  color:rgba(121,255,246,.035);
  pointer-events:none;
}

/* Spatial header: real compact mobile menu instead of horizontal overflow. */
.spatial-menu-btn{
  display:none;
  width:44px;
  height:40px;
  flex:0 0 44px;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(121,255,246,.26);
  background:rgba(3,16,24,.74);
  color:#eaf7f8;
  cursor:pointer;
}
.spatial-menu-btn span,
.spatial-menu-btn:before,
.spatial-menu-btn:after{
  content:"";
  display:block;
  position:absolute;
  width:18px;
  height:1px;
  background:var(--cyan);
  transition:transform .2s ease,top .2s ease,opacity .2s ease;
}
.spatial-menu-btn{position:relative}
.spatial-menu-btn:before{top:13px}
.spatial-menu-btn span{top:19px}
.spatial-menu-btn:after{top:25px}
.header.mobile-open .spatial-menu-btn:before{top:19px;transform:rotate(45deg)}
.header.mobile-open .spatial-menu-btn span{opacity:0}
.header.mobile-open .spatial-menu-btn:after{top:19px;transform:rotate(-45deg)}

@media(max-width:720px){
  html,body{overflow-x:hidden!important}
  body.spatial-menu-open{overflow:hidden!important}

  .header{position:sticky!important;top:0!important;z-index:500!important}
  .headerin{
    min-height:64px!important;
    height:64px!important;
    padding:0!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
  }
  .header .brand{flex:0 0 auto!important;font-size:.76rem!important}
  .header .brand img{width:36px!important;height:36px!important}
  .spatial-menu-btn{display:inline-flex!important}
  .header-cta{
    margin-left:auto!important;
    min-height:40px!important;
    padding:0 11px!important;
    font-size:.62rem!important;
    white-space:nowrap!important;
  }
  .header .nav{
    display:none!important;
    position:fixed!important;
    z-index:490!important;
    inset:64px 0 0 0!important;
    width:100%!important;
    height:calc(100dvh - 64px)!important;
    margin:0!important;
    padding:16px 18px 34px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    border-top:1px solid rgba(121,255,246,.12)!important;
    background:rgba(2,7,12,.985)!important;
    backdrop-filter:blur(18px)!important;
  }
  .header.mobile-open .nav{display:flex!important}
  .header .nav-group{display:block!important;width:100%!important;position:relative!important}
  .header .nav-trigger{
    display:grid!important;
    grid-template-columns:1fr 44px!important;
    align-items:center!important;
    width:100%!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .header .nav-main,
  .header .nav>a{
    width:100%!important;
    padding:14px 2px!important;
    border:0!important;
    font-size:.88rem!important;
    color:#d8e6e9!important;
    white-space:normal!important;
  }
  .header .nav-toggle{
    position:static!important;
    width:44px!important;
    height:44px!important;
    border:0!important;
  }
  .header .nav-drop{
    position:static!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:4px 0 8px 14px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    border:0!important;
    border-left:1px solid rgba(121,255,246,.18)!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .header .nav-group.is-open .nav-drop{display:block!important}
  .header .nav-drop:before{display:none!important}
  .header .nav-drop a{
    padding:10px 8px!important;
    border-bottom:1px solid rgba(255,255,255,.05)!important;
    font-size:.76rem!important;
  }

  /* Home: one hero image only; no repeated VSA background behind the title. */
  body.page-home .hero{min-height:auto!important}
  body.page-home .hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:250px auto!important;
    padding:0 0 64px!important;
  }
  body.page-home .hero-stage{
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    height:250px!important;
    min-height:250px!important;
    margin:0 calc(-1 * var(--pad))!important;
    clip-path:none!important;
    background:#031018!important;
  }
  body.page-home .hero-stage img{
    object-fit:cover!important;
    object-position:58% 46%!important;
  }
  body.page-home .hero-stage:after{
    background:linear-gradient(180deg,rgba(2,7,12,.03),rgba(2,7,12,.12) 68%,#02070c 100%)!important;
  }
  body.page-home .hero:before{
    background-image:
      radial-gradient(circle at 72% 42%,rgba(24,229,232,.09),transparent 30%),
      linear-gradient(180deg,rgba(2,7,12,.02),#02070c 96%)!important;
  }
  body.page-home .hero-copy{
    grid-column:1!important;
    grid-row:2!important;
    padding:34px 0 0!important;
  }
  body.page-home .hero h1{
    font-size:clamp(3.05rem,14vw,4.25rem)!important;
    line-height:.88!important;
    max-width:9.4ch!important;
  }
  body.page-home .hero-coords,
  body.page-home .hero-bottom{display:none!important}

  /* Shared page-hero mobile baseline. */
  body:is(.page-offer,.page-ai-platform,.page-tools,.page-about) .page-hero{
    min-height:auto!important;
  }
  body:is(.page-offer,.page-ai-platform,.page-tools,.page-about) .page-hero-grid{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    padding:0 0 54px!important;
  }
  body:is(.page-offer,.page-ai-platform,.page-tools,.page-about) .page-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:40px 0 24px!important;
  }
  body:is(.page-offer,.page-ai-platform,.page-tools,.page-about) .page-hero h1{
    font-size:clamp(3rem,14vw,4.2rem)!important;
    line-height:.89!important;
  }
  body:is(.page-offer,.page-ai-platform,.page-tools,.page-about) .page-lead{
    font-size:.93rem!important;
    line-height:1.62!important;
  }

  /* Services mobile: copy first, compact systems field second. */
  body.page-offer .page-hero-copy{order:1!important;padding-top:44px!important}
  body.page-offer .page-media{
    order:2!important;
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:230px!important;
    min-height:230px!important;
    margin:8px calc(-1 * var(--pad)) 0!important;
  }
  body.page-offer .page-media img{
    width:620px!important;
    max-width:none!important;
    height:auto!important;
    inset:50% auto auto 50%!important;
    transform:translate(-46%,-50%)!important;
    opacity:.92!important;
  }
  body.page-offer .page-media:after{
    background:linear-gradient(180deg,#02070c 0%,transparent 18%,transparent 76%,#02070c 100%)!important;
  }
  body.page-offer .hero-meta{
    order:3!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    margin-top:10px!important;
  }

  /* VSA mobile: compact product visual, then copy. */
  body.page-ai-platform .page-media{
    order:1!important;
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:250px!important;
    min-height:250px!important;
    margin:0 calc(-1 * var(--pad))!important;
    clip-path:none!important;
  }
  body.page-ai-platform .page-media img{
    object-fit:contain!important;
    transform:scale(.90)!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent 100%);
  }
  body.page-ai-platform .page-hero-copy{order:2!important}

  /* Tools mobile: copy first; brain becomes a compact round diagnostic plate. */
  body.page-tools .page-hero-copy{order:1!important}
  body.page-tools .page-media{
    order:2!important;
    position:relative!important;
    inset:auto!important;
    width:min(320px,86vw)!important;
    height:min(320px,86vw)!important;
    min-height:0!important;
    margin:8px auto 0!important;
    clip-path:circle(48% at 50% 50%)!important;
  }

  /* About mobile: text first; identity field becomes a short closing visual. */
  body.page-about .page-hero-copy{order:1!important;padding-top:44px!important}
  body.page-about .page-media{
    order:2!important;
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:190px!important;
    min-height:190px!important;
    margin:0 calc(-1 * var(--pad))!important;
  }
  body.page-about .page-media img{
    width:520px!important;
    max-width:none!important;
    height:auto!important;
    inset:50% auto auto 50%!important;
    transform:translate(-36%,-50%)!important;
    opacity:.75!important;
  }
  body.page-about .page-hero:after{
    right:-.08em!important;
    bottom:.05em!important;
    font-size:7rem!important;
  }
}

@media(max-width:380px){
  .header-cta{display:none!important}
  .spatial-menu-btn{margin-left:auto!important}
}


/* v5: make service/about identity fields visibly present at first paint */
body.page-offer .page-media{
  background:
    radial-gradient(circle at 79% 49%,rgba(24,229,232,.08),transparent 38%),
    url('/assets/images/ui/offer-systems-field.svg') 88% 50%/min(980px,72vw) auto no-repeat!important;
}
body.page-offer .page-media img{display:none!important}
body.page-offer .page-media:after{
  background:
    linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.98) 30%,rgba(2,7,12,.52) 52%,rgba(2,7,12,.05) 76%,transparent 100%),
    linear-gradient(180deg,rgba(2,7,12,.02),transparent 70%,#02070c 100%)!important;
}
body.page-about .page-media{
  background:
    radial-gradient(circle at 78% 48%,rgba(24,229,232,.10),transparent 34%),
    url('/assets/images/ui/bg26-about-prism.svg') 88% 50%/min(900px,70vw) auto no-repeat!important;
}
body.page-about .page-media img{display:none!important}

@media(max-width:720px){
  body.page-offer .page-media{
    background:
      radial-gradient(circle at 50% 50%,rgba(24,229,232,.10),transparent 45%),
      url('/assets/images/ui/offer-systems-field.svg') center/620px auto no-repeat!important;
  }
  body.page-about .page-media{
    background:
      radial-gradient(circle at 50% 50%,rgba(24,229,232,.10),transparent 45%),
      url('/assets/images/ui/bg26-about-prism.svg') 58% 50%/520px auto no-repeat!important;
  }
}


/* v6 mobile header: menu wins the narrow header; contact is inside drawer */
.spatial-contact-mobile{display:none!important}
@media(max-width:720px){
  .header-cta{display:none!important}
  .spatial-menu-btn{margin-left:auto!important;display:inline-flex!important}
  .header .nav .spatial-contact-mobile{
    display:block!important;
    margin-top:12px!important;
    padding:14px 12px!important;
    border:1px solid rgba(121,255,246,.34)!important;
    color:var(--cyan)!important;
  }
}


/* === 2026-09-25 HOME IMPACT / ADAPTIVE DIRECTION === */
body.page-home .home-impact-hero{
  position:relative!important; isolation:isolate; overflow:hidden;
  min-height:calc(100svh - 74px)!important; padding:0!important;
  background:linear-gradient(180deg,#02070c 0%,#020a10 72%,#02070c 100%)!important;
}
body.page-home .home-impact-hero:before{
  content:"";position:absolute;inset:0;z-index:-4;
  background-image:linear-gradient(rgba(24,229,232,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(24,229,232,.026) 1px,transparent 1px);
  background-size:58px 58px;mask-image:linear-gradient(#000 0 82%,transparent 98%);
}
body.page-home .home-impact-hero:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.93) 29%,rgba(2,7,12,.40) 52%,rgba(2,7,12,.04) 78%),linear-gradient(180deg,transparent 60%,#02070c 100%);
}
body.page-home .home-impact-hero .hero-grid{
  min-height:calc(100svh - 74px)!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:center!important;padding:88px 0 150px!important;position:relative;z-index:4;
}
body.page-home .home-impact-hero .hero-copy{grid-column:1/7!important;grid-row:1!important;max-width:660px!important;padding:0!important;z-index:6}
body.page-home .home-impact-hero .eyebrow{letter-spacing:.28em!important;color:#79fff6!important}
body.page-home .home-impact-hero h1{
  margin:26px 0 24px!important;max-width:10.5ch!important;font-size:clamp(4.2rem,6.4vw,7.1rem)!important;
  line-height:.88!important;letter-spacing:-.067em!important;color:#f2f8fa!important;font-weight:690!important;
}
body.page-home .home-impact-hero h1 em{font-style:normal;color:#18e5e8}
body.page-home .home-impact-hero .lead{max-width:600px!important;color:#aec0c5!important;font-size:1rem!important;line-height:1.72!important}
body.page-home .home-impact-hero .actions{margin-top:34px!important}
body.page-home .home-earth{position:absolute;z-index:-2;left:30%;top:0;width:74%;height:100%;pointer-events:none;overflow:hidden}
body.page-home .home-earth img{
  width:100%;height:100%;object-fit:cover;object-position:54% 48%;opacity:.94;
  filter:saturate(.86) contrast(1.14) brightness(.72);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 21%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 21%,#000 92%,transparent 100%);
}
body.page-home .home-orbit{position:absolute;z-index:-1;border:1px solid rgba(121,255,246,.16);border-radius:50%;pointer-events:none}
body.page-home .home-orbit--a{left:31%;top:20%;width:60vw;height:29vw;transform:rotate(-9deg)}
body.page-home .home-orbit--b{left:39%;top:9%;width:38vw;height:52vw;transform:rotate(28deg);opacity:.65}
body.page-home .home-world-nodes{grid-column:7/13;grid-row:1;align-self:stretch;position:relative;z-index:5;pointer-events:none}
body.page-home .home-world-node{
  position:absolute;pointer-events:auto;min-width:176px;padding:11px 13px 10px 34px;border:1px solid rgba(24,229,232,.38);
  border-radius:8px;background:rgba(3,20,28,.72);backdrop-filter:blur(10px);text-decoration:none;box-shadow:0 0 28px rgba(24,229,232,.05)
}
body.page-home .home-world-node:before{content:"";position:absolute;left:12px;top:15px;width:7px;height:7px;border-radius:50%;background:#18e5e8;box-shadow:0 0 15px rgba(24,229,232,.9)}
body.page-home .home-world-node b{display:block;color:#18e5e8;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}
body.page-home .home-world-node span{display:block;margin-top:4px;color:#bfd0d4;font-size:.62rem}
body.page-home .home-world-node.n1{left:21%;top:22%} body.page-home .home-world-node.n2{left:4%;top:48%} body.page-home .home-world-node.n3{left:35%;top:69%}
body.page-home .home-impact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:48px;border-top:1px solid rgba(121,255,246,.15);max-width:650px}
body.page-home .home-impact-metrics span{padding:16px 16px 0 0;border-right:1px solid rgba(121,255,246,.11)}
body.page-home .home-impact-metrics strong{display:block;color:#18e5e8;font-size:.9rem;letter-spacing:.05em}
body.page-home .home-impact-metrics small{display:block;margin-top:5px;color:#789198;font-size:.62rem;line-height:1.35}
body.page-home .home-impact-strip{position:relative;z-index:8;background:rgba(2,10,15,.96)!important;border-color:rgba(121,255,246,.13)!important}

/* VSA visual alignment with Adaptive direction; functionality remains the production widget. */
body.page-home .vs-vsa-widget .vsa-launcher{width:300px!important;border-color:rgba(24,229,232,.72)!important;background:linear-gradient(135deg,rgba(4,22,30,.98),rgba(2,13,19,.98))!important;box-shadow:0 24px 70px rgba(0,0,0,.56),0 0 34px rgba(24,229,232,.12)!important}
body.page-home .vs-vsa-widget .vsa-launcher__copy strong:after{content:" ADAPTIVE";margin-left:8px;padding:3px 6px;border:1px solid rgba(24,229,232,.38);border-radius:999px;color:#18e5e8;font-size:.48rem;letter-spacing:.08em}
body.page-home .vs-vsa-widget .vsa-panel{width:min(540px,calc(100vw - 28px))!important;max-height:min(790px,calc(100dvh - 100px))!important;border-color:rgba(24,229,232,.65)!important;box-shadow:0 38px 120px rgba(0,0,0,.7),0 0 50px rgba(24,229,232,.09)!important}

@media(max-width:900px){
  body.page-home .home-impact-hero .hero-grid{padding:74px 0 100px!important}
  body.page-home .home-impact-hero .hero-copy{grid-column:1/8!important}
  body.page-home .home-world-nodes{grid-column:7/13!important}
}
@media(max-width:720px){
  body.page-home .home-impact-hero{min-height:auto!important}
  body.page-home .home-impact-hero .hero-grid{display:block!important;min-height:760px!important;padding:330px 0 76px!important}
  body.page-home .home-earth{left:0;top:0;width:100%;height:390px}
  body.page-home .home-earth img{object-position:61% 48%;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 68%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 68%,transparent 100%)}
  body.page-home .home-impact-hero:after{background:linear-gradient(180deg,rgba(2,7,12,.02) 0%,rgba(2,7,12,.12) 32%,#02070c 52%,#02070c 100%)}
  body.page-home .home-impact-hero .hero-copy{max-width:none!important}
  body.page-home .home-impact-hero h1{font-size:clamp(3.2rem,14.4vw,4.45rem)!important;max-width:9ch!important;margin-top:18px!important}
  body.page-home .home-impact-hero .lead{font-size:.92rem!important}
  body.page-home .home-world-nodes{display:none!important}
  body.page-home .home-impact-metrics{grid-template-columns:1fr 1fr;margin-top:34px}
  body.page-home .home-impact-metrics span{padding:13px 8px 12px 0}
  body.page-home .home-orbit{display:none}
  body.page-home .home-impact-strip .proof-grid{grid-template-columns:1fr 1fr!important}
}


/* HERO_ASSETS_ONLY_20260926 — unrelated retained asset. */
body[data-page-path="/uslugi.php"] .page-media{
  background:#031018 url('/assets/images/ui/offer-systems-field.svg') center/contain no-repeat!important;
}

/* HERO_CLEAN_20260927 — one artwork plane, no decorative cover panels. */
body[data-page-path="/o-nas.php"] .page-hero,
body.page-faq .qa-hero,
body[data-page-path="/vsa.php"] .page-hero{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#02070c!important;
}
body[data-page-path="/o-nas.php"] .page-hero::before,
body.page-faq .qa-hero::before,
body[data-page-path="/vsa.php"] .page-hero::before{
  content:""!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;z-index:0!important;opacity:1!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
  mask-image:none!important;-webkit-mask-image:none!important;pointer-events:none!important;
}
body[data-page-path="/o-nas.php"] .page-hero::before{
  background-image:url('/assets/images/hero-20260926/hero-about-bg.webp?v=4')!important;
}
body.page-faq .qa-hero::before{
  background-image:url('/assets/images/hero-20260926/hero-faq-bg.webp?v=3')!important;
}
body[data-page-path="/vsa.php"] .page-hero::before{
  background-image:url('/assets/images/hero-20260926/hero-vsa-bg.webp?v=3')!important;
}
body[data-page-path="/o-nas.php"] .page-hero::after,
body.page-faq .qa-hero::after,
body[data-page-path="/vsa.php"] .page-hero::after{
  content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:1!important;
  background:linear-gradient(90deg,rgba(2,7,12,.88) 0%,rgba(2,7,12,.70) 35%,rgba(2,7,12,.18) 68%,rgba(2,7,12,.04) 100%)!important;
  pointer-events:none!important;
}
body[data-page-path="/o-nas.php"] .page-hero>.shell,
body[data-page-path="/o-nas.php"] .page-hero>.container,
body.page-faq .qa-hero>.shell,
body[data-page-path="/vsa.php"] .page-hero>.container{
  position:relative!important;z-index:2!important;
}
body[data-page-path="/o-nas.php"].page-about .page-media,
body.page-faq .qa-hero-art{
  display:none!important;
}
body .page-hero .hero-meta,
body .page-hero .stat-box,
body.page-faq .qa-hero-side{
  background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:none!important;border:0!important;
}
body .page-hero .hero-meta span{border:0!important}
body .page-hero .stat-box::before,
body .page-hero .stat-box::after{content:none!important}

/* The live homepage uses impact-home. Keep the globe, remove duplicate art and dots. */
body.page-home .impact-home::before,
body.page-home .impact-home::after,
body.page-home .home-impact-hero::before{content:none!important;background:none!important}
body.page-home .impact-home .hero-stage{
  background:none!important;clip-path:none!important;
}
body.page-home .impact-home .hero-stage img{
  filter:none!important;opacity:1!important;
}
body.page-home .impact-home .hero-stage::after{
  background:linear-gradient(90deg,rgba(2,7,12,.82),rgba(2,7,12,.32) 30%,transparent 65%)!important;
}
body.page-home .impact-home .impact-node,
body.page-home .home-world-node{
  background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-left:12px!important;
  text-shadow:0 2px 6px #02070c;
}
body.page-home .impact-home .impact-node::before,
body.page-home .home-world-node::before{content:none!important}
body.page-home .home-orbit{display:none!important}
body.page-home .impact-home .hero-bottom{background:transparent!important}
body.page-home .home-earth img{filter:none!important;opacity:1!important}
body.page-tools .page-media{
  clip-path:none!important;border:0!important;box-shadow:none!important;background:none!important;
}
body.page-tools .page-media::after{
  background:linear-gradient(90deg,rgba(2,7,12,.25),transparent 35%)!important;
}
@media(max-width:720px){
  body[data-page-path="/o-nas.php"] .page-hero::after,
  body.page-faq .qa-hero::after,
  body[data-page-path="/vsa.php"] .page-hero::after{
    background:linear-gradient(180deg,rgba(2,7,12,.32),rgba(2,7,12,.68) 50%,rgba(2,7,12,.82))!important;
  }
  body.page-home .impact-home .hero-stage::after{
    background:linear-gradient(180deg,transparent 55%,#02070c 100%)!important;
  }
}


/* HERO_FINAL_AUTHORITY_20260927 */
body[data-page-path="/uslugi.php"] .page-hero,
body[data-page-path="/narzedzia.php"] .page-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  height:auto!important;
  min-height:clamp(640px,72vh,820px)!important;
  background:#02070c!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page-path="/uslugi.php"] .page-hero::before,
body[data-page-path="/narzedzia.php"] .page-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
  opacity:1!important;
}
body[data-page-path="/uslugi.php"] .page-hero::before{
  background-image:url('/assets/images/hero-20260927/hero-services.jpg?v=20260927-2')!important;
}
body[data-page-path="/narzedzia.php"] .page-hero::before{
  background-image:url('/assets/images/hero-20260927/hero-tools.jpg?v=20260927-2')!important;
}
body[data-page-path="/uslugi.php"] .page-hero::after,
body[data-page-path="/narzedzia.php"] .page-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:linear-gradient(90deg,rgba(2,7,12,.76) 0%,rgba(2,7,12,.48) 38%,rgba(2,7,12,.12) 72%,rgba(2,7,12,.03) 100%)!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
body[data-page-path="/uslugi.php"] .page-hero>.container,
body[data-page-path="/narzedzia.php"] .page-hero>.container{
  position:relative!important;
  z-index:2!important;
  min-height:inherit!important;
}
body[data-page-path="/uslugi.php"] .page-media,
body[data-page-path="/uslugi.php"] .page-media::before,
body[data-page-path="/uslugi.php"] .page-media::after,
body[data-page-path="/uslugi.php"] .page-media img,
body[data-page-path="/narzedzia.php"] .page-media,
body[data-page-path="/narzedzia.php"] .page-media::before,
body[data-page-path="/narzedzia.php"] .page-media::after,
body[data-page-path="/narzedzia.php"] .page-media img{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page-path="/uslugi.php"] .stat-box,
body[data-page-path="/narzedzia.php"] .stat-box{
  position:relative!important;
  z-index:3!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page-path="/uslugi.php"] .stat-box::before,
body[data-page-path="/uslugi.php"] .stat-box::after,
body[data-page-path="/narzedzia.php"] .stat-box::before,
body[data-page-path="/narzedzia.php"] .stat-box::after{
  content:none!important;
  display:none!important;
}
@media(max-width:720px){
  body[data-page-path="/uslugi.php"] .page-hero,
  body[data-page-path="/narzedzia.php"] .page-hero{
    min-height:clamp(620px,100svh,780px)!important;
    height:auto!important;
  }
  body[data-page-path="/uslugi.php"] .page-hero::before,
  body[data-page-path="/narzedzia.php"] .page-hero::before{
    background-position:center center!important;
    background-size:cover!important;
  }
  body[data-page-path="/uslugi.php"] .page-hero::after,
  body[data-page-path="/narzedzia.php"] .page-hero::after{
    background:linear-gradient(180deg,rgba(2,7,12,.06) 0%,rgba(2,7,12,.26) 43%,rgba(2,7,12,.84) 100%)!important;
  }
  body[data-page-path="/uslugi.php"] .page-hero>.container,
  body[data-page-path="/narzedzia.php"] .page-hero>.container{
    min-height:inherit!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    gap:14px!important;
    padding-top:clamp(180px,32vh,270px)!important;
    padding-bottom:42px!important;
  }
}


/* HERO_TRIO_FINAL_AUTHORITY_20260927 */
body[data-page-path="/o-nas.php"] .page-hero,
body[data-page-path="/vsa.php"] .page-hero,
body.page-faq .qa-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:clamp(640px,72vh,820px)!important;
  height:auto!important;
  background:#02070c!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page-path="/o-nas.php"] .page-hero::before,
body[data-page-path="/vsa.php"] .page-hero::before,
body.page-faq .qa-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  opacity:1!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
body.page-faq .qa-hero::before{
  background-image:url('/assets/images/hero-20260927/hero-faq.jpg?v=20260927-1')!important;
}
body[data-page-path="/vsa.php"] .page-hero::before{
  background-image:url('/assets/images/hero-20260927/hero-vsa.jpg?v=20260927-1')!important;
}
body[data-page-path="/o-nas.php"] .page-hero::before{
  background-image:url('/assets/images/hero-20260927/hero-about.jpg?v=20260927-1')!important;
}
body[data-page-path="/o-nas.php"] .page-hero::after,
body[data-page-path="/vsa.php"] .page-hero::after,
body.page-faq .qa-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  background:linear-gradient(90deg,rgba(2,7,12,.78) 0%,rgba(2,7,12,.52) 37%,rgba(2,7,12,.14) 71%,rgba(2,7,12,.03) 100%)!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
body[data-page-path="/o-nas.php"] .page-hero>.container,
body[data-page-path="/vsa.php"] .page-hero>.container,
body.page-faq .qa-hero>.shell{
  position:relative!important;
  z-index:2!important;
  min-height:inherit!important;
}
body[data-page-path="/o-nas.php"] .page-hero>.container,
body[data-page-path="/vsa.php"] .page-hero>.container{
  display:flex!important;
  align-items:center!important;
  gap:clamp(24px,4vw,64px)!important;
}
body.page-faq .qa-hero>.shell{
  display:grid!important;
  grid-template-columns:minmax(0,760px) minmax(180px,300px)!important;
  align-items:end!important;
  gap:clamp(24px,4vw,72px)!important;
  padding-top:clamp(110px,14vh,160px)!important;
  padding-bottom:clamp(54px,8vh,90px)!important;
}
body[data-page-path="/o-nas.php"] .page-hero-copy,
body[data-page-path="/vsa.php"] .page-hero-copy,
body.page-faq .qa-hero-copy{
  position:relative!important;
  z-index:3!important;
  max-width:760px!important;
}
body[data-page-path="/o-nas.php"] .page-hero-copy,
body[data-page-path="/vsa.php"] .page-hero-copy{
  padding-top:48px!important;
  padding-bottom:48px!important;
}
body[data-page-path="/o-nas.php"] .stat-box,
body[data-page-path="/vsa.php"] .stat-box,
body.page-faq .qa-hero-side{
  position:relative!important;
  z-index:3!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-page-path="/o-nas.php"] .stat-box::before,
body[data-page-path="/o-nas.php"] .stat-box::after,
body[data-page-path="/vsa.php"] .stat-box::before,
body[data-page-path="/vsa.php"] .stat-box::after,
body.page-faq .qa-hero-side::before,
body.page-faq .qa-hero-side::after{
  content:none!important;
  display:none!important;
}
body[data-page-path="/o-nas.php"].page-about .page-media,
body[data-page-path="/o-nas.php"].page-about .page-media::before,
body[data-page-path="/o-nas.php"].page-about .page-media::after,
body[data-page-path="/o-nas.php"].page-about .page-media img,
body.page-faq .qa-hero-art,
body.page-faq .qa-hero-art::before,
body.page-faq .qa-hero-art::after,
body.page-faq .qa-hero-art img{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  body[data-page-path="/o-nas.php"] .page-hero,
  body[data-page-path="/vsa.php"] .page-hero,
  body.page-faq .qa-hero{
    min-height:clamp(620px,100svh,800px)!important;
    height:auto!important;
  }
  body[data-page-path="/o-nas.php"] .page-hero::before,
  body[data-page-path="/vsa.php"] .page-hero::before,
  body.page-faq .qa-hero::before{
    background-size:cover!important;
    background-position:center center!important;
  }
  body[data-page-path="/o-nas.php"] .page-hero::after,
  body[data-page-path="/vsa.php"] .page-hero::after,
  body.page-faq .qa-hero::after{
    background:linear-gradient(180deg,rgba(2,7,12,.05) 0%,rgba(2,7,12,.24) 42%,rgba(2,7,12,.86) 100%)!important;
  }
  body[data-page-path="/o-nas.php"] .page-hero>.container,
  body[data-page-path="/vsa.php"] .page-hero>.container,
  body.page-faq .qa-hero>.shell{
    min-height:inherit!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    gap:14px!important;
    padding-top:clamp(220px,38vh,330px)!important;
    padding-bottom:42px!important;
  }
  body[data-page-path="/o-nas.php"] .page-hero-copy,
  body[data-page-path="/vsa.php"] .page-hero-copy,
  body.page-faq .qa-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  body[data-page-path="/o-nas.php"] .stat-box,
  body[data-page-path="/vsa.php"] .stat-box,
  body.page-faq .qa-hero-side{
    width:100%!important;
    margin:0!important;
    background:transparent!important;
  }
}


/* HERO_VSA_PLATFORM_FINAL_AUTHORITY_20260928 */
body[data-page-path="/vsa-platforma-ai"] .page-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:clamp(640px,72vh,820px)!important;
  height:auto!important;
  background:#02070c!important;
  background-image:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page-path="/vsa-platforma-ai"] .page-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background-image:url('/assets/images/hero-20260927/hero-vsa-platform.jpg?v=20260928-1')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
  opacity:1!important;
  pointer-events:none!important;
}
body[data-page-path="/vsa-platforma-ai"] .page-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:
    linear-gradient(90deg,rgba(2,7,12,.82) 0%,rgba(2,7,12,.62) 34%,rgba(2,7,12,.20) 63%,rgba(2,7,12,.03) 100%),
    linear-gradient(180deg,rgba(2,7,12,.02) 0%,transparent 68%,rgba(2,7,12,.34) 100%)!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
body[data-page-path="/vsa-platforma-ai"] .platform-hero-grid{
  position:relative!important;
  z-index:2!important;
  min-height:inherit!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
}
body[data-page-path="/vsa-platforma-ai"] .page-hero-copy{
  position:relative!important;
  z-index:3!important;
  width:min(760px,62vw)!important;
  max-width:760px!important;
  padding:56px 0 64px!important;
}
body[data-page-path="/vsa-platforma-ai"] .release-visual,
body[data-page-path="/vsa-platforma-ai"] .release-visual::before,
body[data-page-path="/vsa-platforma-ai"] .release-visual::after,
body[data-page-path="/vsa-platforma-ai"] .release-visual img,
body[data-page-path="/vsa-platforma-ai"] .platform-scorecard,
body[data-page-path="/vsa-platforma-ai"] .platform-scorecard::before,
body[data-page-path="/vsa-platforma-ai"] .platform-scorecard::after,
body[data-page-path="/vsa-platforma-ai"] .page-media,
body[data-page-path="/vsa-platforma-ai"] .page-media::before,
body[data-page-path="/vsa-platforma-ai"] .page-media::after,
body[data-page-path="/vsa-platforma-ai"] .page-media img{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  body[data-page-path="/vsa-platforma-ai"] .page-hero{
    min-height:clamp(640px,100svh,820px)!important;
    height:auto!important;
  }
  body[data-page-path="/vsa-platforma-ai"] .page-hero::before{
    background-size:cover!important;
    background-position:58% center!important;
  }
  body[data-page-path="/vsa-platforma-ai"] .page-hero::after{
    background:
      linear-gradient(180deg,rgba(2,7,12,.05) 0%,rgba(2,7,12,.20) 38%,rgba(2,7,12,.78) 72%,rgba(2,7,12,.92) 100%),
      linear-gradient(90deg,rgba(2,7,12,.32) 0%,rgba(2,7,12,.08) 72%,transparent 100%)!important;
  }
  body[data-page-path="/vsa-platforma-ai"] .platform-hero-grid{
    min-height:inherit!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    padding-top:clamp(250px,42vh,360px)!important;
    padding-bottom:42px!important;
  }
  body[data-page-path="/vsa-platforma-ai"] .page-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
}


/* HERO_ONE_5PACK_20260928
   Scope: exactly the five Hero 1 sections supplied in VSW/vis-sol-hero-wzorzec.zip.
   Existing navigation and all content below Hero 1 remain untouched. */
.vs-hero-one{
  position:relative!important;
  overflow:hidden!important;
  background:#02070c!important;
  border:0!important;
  border-bottom:1px solid rgba(95,226,244,.18)!important;
  box-shadow:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.vs-hero-one__media{
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.vs-hero-one__media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.vs-hero-one__media::before{content:none!important;display:none!important}
.vs-hero-one__media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(1,7,13,.93) 0%,rgba(1,7,13,.76) 27%,rgba(1,7,13,.34) 50%,rgba(1,7,13,.06) 72%,rgba(1,7,13,0) 100%),
    linear-gradient(180deg,rgba(2,7,12,.10),rgba(2,7,12,.18))!important;
}
.vs-hero-one__content{
  position:absolute!important;
  z-index:3!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  pointer-events:none!important;
}
.vs-hero-one__inner{
  width:min(calc(100% - 48px),1240px)!important;
  margin:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.vs-hero-one__copy{
  position:relative!important;
  z-index:4!important;
  max-width:690px!important;
  padding:34px 0!important;
  pointer-events:auto!important;
}
.vs-hero-one__copy .eyebrow{
  display:inline-flex!important;
  margin-bottom:18px!important;
  color:#67f5e8!important;
}
.vs-hero-one__copy h1{
  margin:0!important;
  max-width:14ch!important;
  font-size:clamp(2.55rem,5.25vw,5.65rem)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:760!important;
  color:#f4f7fa!important;
  text-wrap:balance!important;
}
.vs-hero-one--home .vs-hero-one__copy h1{max-width:12.8ch!important}
.vs-hero-one--qa .vs-hero-one__copy h1{max-width:12.4ch!important}
.vs-hero-one--about .vs-hero-one__copy h1{max-width:12.7ch!important}
.vs-hero-one--tools .vs-hero-one__copy h1{max-width:11.6ch!important}
.vs-hero-one__copy .lead{
  max-width:690px!important;
  margin:24px 0 0!important;
  color:#c0d0da!important;
  font-size:clamp(1rem,1.35vw,1.18rem)!important;
  line-height:1.65!important;
}
.vs-hero-one__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:28px!important;
}
.vs-hero-one__actions .btn{
  pointer-events:auto!important;
}
.vs-hero-one__actions .btn-primary,
.vs-hero-one__actions .btn.primary{
  background:#36e7ee!important;
  color:#001012!important;
  border-color:transparent!important;
}
.vs-hero-one__actions .btn-secondary,
.vs-hero-one__actions .btn.ghost{
  background:rgba(2,7,12,.58)!important;
  color:#eefbff!important;
  border-color:rgba(121,255,246,.36)!important;
}
@media(max-width:900px){
  .vs-hero-one__content{
    position:static!important;
    inset:auto!important;
    display:block!important;
    background:linear-gradient(180deg,#06121b,#02070c)!important;
  }
  .vs-hero-one__media::after{
    background:linear-gradient(180deg,rgba(2,7,12,.02),rgba(2,7,12,.28))!important;
  }
  .vs-hero-one__inner{
    width:min(calc(100% - 32px),1240px)!important;
  }
  .vs-hero-one__copy{
    max-width:none!important;
    padding:34px 0 42px!important;
  }
  .vs-hero-one__copy h1,
  .vs-hero-one--home .vs-hero-one__copy h1,
  .vs-hero-one--qa .vs-hero-one__copy h1,
  .vs-hero-one--about .vs-hero-one__copy h1,
  .vs-hero-one--tools .vs-hero-one__copy h1{
    max-width:16ch!important;
    font-size:clamp(2.35rem,10vw,4.4rem)!important;
  }
  .vs-hero-one__copy .lead{max-width:760px!important}
}


/* EN_PARITY_20260928
   English services/toolbox hero parity with current PL production standard. */
body[data-page-path="/en/services"] .page-hero,
body[data-page-path="/en/toolbox"] .page-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  height:auto!important;
  min-height:clamp(640px,72vh,820px)!important;
  background:#02070c!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page-path="/en/services"] .page-hero::before,
body[data-page-path="/en/toolbox"] .page-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page-path="/en/services"] .page-hero::before{
  background-image:url('/assets/images/hero-20260927/hero-services.jpg?v=20260928-en1')!important;
}
body[data-page-path="/en/toolbox"] .page-hero::before{
  background-image:url('/assets/images/hero-20260927/hero-tools.jpg?v=20260928-en1')!important;
}
body[data-page-path="/en/services"] .page-hero::after,
body[data-page-path="/en/toolbox"] .page-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:linear-gradient(90deg,rgba(2,7,12,.76) 0%,rgba(2,7,12,.48) 38%,rgba(2,7,12,.12) 72%,rgba(2,7,12,.03) 100%)!important;
  pointer-events:none!important;
}
body[data-page-path="/en/services"] .page-hero>.shell,
body[data-page-path="/en/toolbox"] .page-hero>.shell{
  position:relative!important;
  z-index:2!important;
  min-height:inherit!important;
}
body[data-page-path="/en/services"] .page-media,
body[data-page-path="/en/services"] .page-media::before,
body[data-page-path="/en/services"] .page-media::after,
body[data-page-path="/en/services"] .page-media img,
body[data-page-path="/en/toolbox"] .page-media,
body[data-page-path="/en/toolbox"] .page-media::before,
body[data-page-path="/en/toolbox"] .page-media::after,
body[data-page-path="/en/toolbox"] .page-media img{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page-path="/en/services"] .page-hero-copy,
body[data-page-path="/en/toolbox"] .page-hero-copy,
body[data-page-path="/en/services"] .hero-meta,
body[data-page-path="/en/toolbox"] .hero-meta{
  position:relative!important;
  z-index:3!important;
}
@media(max-width:720px){
  body[data-page-path="/en/services"] .page-hero,
  body[data-page-path="/en/toolbox"] .page-hero{
    min-height:clamp(620px,100svh,780px)!important;
    height:auto!important;
  }
  body[data-page-path="/en/services"] .page-hero::before,
  body[data-page-path="/en/toolbox"] .page-hero::before{
    background-position:center center!important;
    background-size:cover!important;
  }
  body[data-page-path="/en/services"] .page-hero::after,
  body[data-page-path="/en/toolbox"] .page-hero::after{
    background:linear-gradient(180deg,rgba(2,7,12,.06) 0%,rgba(2,7,12,.26) 43%,rgba(2,7,12,.84) 100%)!important;
  }
  body[data-page-path="/en/services"] .page-hero>.shell,
  body[data-page-path="/en/toolbox"] .page-hero>.shell{
    min-height:inherit!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    gap:14px!important;
    padding-top:clamp(180px,32vh,270px)!important;
    padding-bottom:42px!important;
  }
}