:root{--lime:#c9ff35;--ink:#07110e;--forest:#0d211b;--cream:#f2f0e9;--muted:#76807b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif}a{transition:.25s}img{display:block;width:100%;height:100%;object-fit:cover}.section{padding:120px 7vw}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.nav{height:86px;position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff24}.brand{color:#fff;text-decoration:none;font-size:25px;font-weight:900;letter-spacing:-1.5px}.brand span{color:var(--lime)}.brand i{color:var(--lime)}.navlinks{display:flex;gap:36px}.navlinks a{color:#dfe5e1;text-decoration:none;font-size:14px}.navlinks a:hover{color:var(--lime)}.navCta,.primary{background:var(--lime);color:#07110e;text-decoration:none;padding:15px 20px;font-weight:800;border:0;cursor:pointer}.navCta:hover,.primary:hover{background:#fff;transform:translateY(-2px)}.navCta b,.primary b{margin-left:10px}.menuBtn{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:760px;height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:52% 48%;background:linear-gradient(120deg,#06100d 0%,#0b1b16 55%,#1c2924 100%)}.heroGlow{position:absolute;width:600px;height:600px;border-radius:50%;background:#8fcf1b22;filter:blur(80px);left:-200px;top:150px;animation:float 7s ease-in-out infinite}.heroCopy{position:relative;z-index:2;align-self:center;padding:115px 4vw 70px 8vw;animation:enter .9s ease both}.eyebrow,.sectionTag{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:#64716b;display:flex;align-items:center;gap:10px}.eyebrow{color:#cbd5d0}.eyebrow span,.sectionTag span{color:var(--lime)}.eyebrow:before,.sectionTag:before{content:"";width:32px;height:2px;background:var(--lime)}h1{font-size:clamp(56px,7vw,104px);line-height:.85;letter-spacing:-5px;margin:32px 0 28px;font-weight:850}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.heroCopy p{max-width:570px;color:#bdc8c3;font-size:18px;line-height:1.6}.heroActions{display:flex;align-items:center;gap:32px;margin-top:38px}.primary{padding:19px 24px}.play{color:#fff;text-decoration:none;font-weight:700}.play span{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff55;border-radius:50%;margin-right:9px}.heroVisual{position:relative;background:linear-gradient(135deg,#1f3029,#0e1714);overflow:hidden}.heroVisual:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 33%,#fff1 33% 33.2%),linear-gradient(0deg,#0008,transparent 50%)}.liftFrame{position:absolute;inset:120px 11% 0;border:1px solid #87928c;background:linear-gradient(90deg,#c3c8c5 0 3%,#28332e 3% 49.5%,#111815 49.5% 50.5%,#38443e 50.5% 97%,#aeb4b1 97%);box-shadow:0 0 80px #000}.liftDoor{position:absolute;inset:9% 11% 0;background:linear-gradient(90deg,#17211d 0 49.6%,#b4bbb7 49.6% 50.4%,#202c27 50.4%);animation:door 5s ease-in-out infinite}.liftLine{position:absolute;width:60%;height:1px;background:var(--lime);top:42%;left:20%;box-shadow:0 0 15px var(--lime);animation:scan 3s ease-in-out infinite}.floor{position:absolute;right:5%;top:4%;color:var(--lime);font:700 14px monospace}.serviceChip{position:absolute;z-index:3;left:-70px;bottom:13%;padding:18px 24px;background:#f4f3ed;color:#101714;display:flex;align-items:center;gap:14px}.serviceChip b,.serviceChip small{display:block}.serviceChip small{color:#66706b;margin-top:4px}.pulse{width:13px;height:13px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px #c9ff3540;animation:pulse 1.8s infinite}.scrollHint{position:absolute;z-index:3;bottom:32px;left:5vw;font-size:10px;letter-spacing:2px;color:#9da9a3}.scrollHint span{color:var(--lime);font-size:18px;margin-left:8px}.strip{min-height:100px;background:#fff;color:#111;display:flex;align-items:center;gap:3.2vw;padding:20px 5vw;overflow:hidden}.strip>span{font-size:9px;letter-spacing:1.5px;color:#777}.strip>b{font-size:11px;max-width:160px}.strip>div{font-weight:850;font-size:clamp(16px,1.5vw,25px);color:#989e9b}.about{background:var(--cream);color:#0d1713}.aboutGrid{display:grid;grid-template-columns:47% 43%;gap:10%;margin-top:55px;align-items:center}.aboutImage{height:620px;position:relative;overflow:hidden}.aboutImage img{filter:saturate(.55) contrast(1.04)}.aboutImage:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#06110db0)}.aboutImage>span{position:absolute;z-index:2;bottom:30px;left:30px;color:#fff;font-size:12px;letter-spacing:2px;line-height:1.7}.aboutCopy h2,.sectionHead h2,.stats h2,.projectHead h2,.process h2,.contact h2{font-size:clamp(48px,5.5vw,82px);line-height:.97;letter-spacing:-3.5px;margin:20px 0 34px}.aboutCopy h2 em,.stats h2 em,.projectHead h2 em,.contact h2 em{color:#256a51}.aboutCopy .lead{font-size:22px;line-height:1.45;font-weight:650}.aboutCopy p{color:#59635f;line-height:1.75}.textLink{display:inline-block;margin-top:24px;color:#0d1713;font-weight:800;text-decoration:none;border-bottom:2px solid var(--lime);padding-bottom:7px}.services,.process{background:var(--forest)}.sectionTag.light{color:#99a59f}.sectionHead{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:end}.sectionHead h2{margin:0}.sectionHead p{color:#a9b3ae;line-height:1.6}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid #ffffff1c}.serviceCard{padding:34px 28px 40px;min-height:390px;border-right:1px solid #ffffff1c;position:relative;transition:background .3s,transform .3s}.serviceCard:last-child{border-right:0}.serviceCard:hover{background:#143329;transform:translateY(-7px)}.cardTop{display:flex;justify-content:space-between;color:#85928c;font:12px monospace}.cardTop i{font-size:30px;color:var(--lime);font-style:normal}.serviceCard h3{font-size:23px;line-height:1.15;margin:80px 0 18px}.serviceCard p{color:#a7b2ad;line-height:1.6;font-size:14px}.serviceCard a{position:absolute;bottom:32px;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.serviceCard a b{color:var(--lime);margin-left:8px}.stats{background:var(--cream);color:#0d1713}.statsIntro{display:flex;justify-content:space-between;align-items:start}.statsIntro h2{text-align:right;margin-top:0}.statsGrid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:65px;border-top:1px solid #c8ccc9}.stat{padding:38px 20px 0;border-right:1px solid #c8ccc9;min-height:180px}.stat:last-child{border-right:0}.stat b{font-size:clamp(42px,5vw,76px);letter-spacing:-4px}.stat sup{color:#6eae00}.stat span{display:block;color:#626c67;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-top:12px}.projects{background:#fff;color:#0d1713;padding-bottom:140px}.projectHead{display:flex;justify-content:space-between;align-items:end}.projectHead h2{margin-bottom:0}.projectHead>p{max-width:390px;color:#606b66;line-height:1.7}.gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:330px 330px;gap:18px;margin-top:65px}.galleryCard{position:relative;overflow:hidden}.galleryCard img{transition:transform .8s;filter:saturate(.75)}.galleryCard:hover img{transform:scale(1.045)}.galleryCard:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,#06110dda)}.g1{grid-row:1/3}.galleryCard>div{position:absolute;z-index:2;inset:auto 28px 26px}.galleryCard small{color:var(--lime);letter-spacing:1.7px}.galleryCard h3{font-size:28px;margin:10px 0 0;color:#fff}.galleryCard div>span{position:absolute;right:0;bottom:2px;width:42px;height:42px;display:grid;place-items:center;background:var(--lime);color:#111}.process{text-align:center}.process>.sectionTag{justify-content:center}.process h2{margin:25px auto 70px}.steps{display:grid;grid-template-columns:repeat(4,1fr);text-align:left}.step{position:relative;padding-right:30px}.step>b{color:var(--lime);font:12px monospace}.step>span{display:block;height:1px;background:#ffffff28;margin:22px 0 35px;position:relative}.step>span:after{content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;background:var(--lime);border-radius:50%}.step h3{font-size:21px}.step p{color:#99a49f;font-size:14px;line-height:1.6}.contact{background:var(--lime);color:#0c1713;display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact h2{font-size:clamp(47px,5.7vw,82px)}.contact h2 em{color:#256a51}.contactCopy>p{font-size:18px;line-height:1.6;max-width:580px}.contactData{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:50px}.contactData>*{color:#0c1713;text-decoration:none;border-top:1px solid #0b1a1540;padding-top:16px}.contactData small,.contactData b{display:block}.contactData small{font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.contactData b{font-size:15px;line-height:1.5}.contactForm{background:#fff;padding:45px}.contactForm label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.contactForm input,.contactForm select,.contactForm textarea{width:100%;border:0;border-bottom:1px solid #bbc2be;background:transparent;padding:12px 0;font:16px Arial;margin-top:7px;outline:none;border-radius:0}.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{border-color:#4f8b00}.contactForm textarea{height:70px;resize:vertical}.contactForm .primary{background:#0d211b;color:#fff;width:100%;margin-top:8px}.contactForm>small{display:block;color:#7b847f;font-size:9px;margin-top:13px}.success{min-height:420px;display:grid;place-content:center;text-align:center}.success b{font-size:34px}.success p{max-width:360px;line-height:1.6;color:#606b66}.success button{border:0;border-bottom:2px solid var(--lime);background:none;font-weight:800;cursor:pointer;padding:8px}footer{padding:55px 7vw;background:#06100d;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px;align-items:start;color:#9ca8a2}footer p{margin:0;max-width:380px;font-size:13px;line-height:1.6}footer>div{display:flex;flex-direction:column;gap:8px}footer>div a{color:#fff;text-decoration:none}footer>small{grid-column:1/4;border-top:1px solid #ffffff1c;padding-top:25px;font-size:10px}.toTop{grid-row:2;grid-column:3;color:var(--lime);text-decoration:none;font-size:10px;text-align:right;letter-spacing:1px}.floatingPhone{position:fixed;z-index:20;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:var(--lime);color:#0d1713;display:grid;place-items:center;text-decoration:none;font-size:22px;box-shadow:0 8px 35px #0006}.floatingPhone span{position:absolute;right:62px;background:#0d1713;color:#fff;padding:9px 12px;white-space:nowrap;font-size:9px;letter-spacing:1px;opacity:0;transform:translateX(8px);transition:.2s}.floatingPhone:hover span{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(25px)}}@keyframes float{50%{transform:translate(60px,-20px)}}@keyframes pulse{50%{box-shadow:0 0 0 12px #c9ff3500}}@keyframes scan{0%,100%{top:22%}50%{top:76%}}@keyframes door{0%,60%,100%{inset-left:11%;inset-right:11%}75%,85%{inset-left:45%;inset-right:45%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:900px){.section{padding:85px 25px}.nav{padding:0 20px}.navCta{display:none}.menuBtn{display:block}.navlinks{display:none;position:absolute;top:86px;left:0;right:0;background:#07110ef5;padding:30px 24px;flex-direction:column}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;height:auto;min-height:900px}.heroCopy{padding:145px 25px 65px}.heroVisual{height:460px}.liftFrame{top:40px}.serviceChip{left:20px}.scrollHint{display:none}h1{letter-spacing:-3px}.strip{flex-wrap:wrap;justify-content:center;gap:20px}.strip>span,.strip>b{display:none}.aboutGrid,.contact{grid-template-columns:1fr;gap:55px}.aboutImage{height:480px}.sectionHead{grid-template-columns:1fr}.serviceGrid{grid-template-columns:1fr 1fr}.serviceCard:nth-child(2){border-right:0}.statsIntro,.projectHead{display:block}.statsIntro h2{text-align:left;margin-top:25px}.statsGrid{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid #c8ccc9}.gallery{grid-template-columns:1fr;grid-template-rows:520px 330px 330px}.g1{grid-row:auto}.steps{grid-template-columns:1fr 1fr;gap:45px}.contactForm{padding:32px}footer{grid-template-columns:1fr 1fr}footer>small{grid-column:1/3}.toTop{grid-column:2}}
@media(max-width:560px){.heroActions{flex-direction:column;align-items:flex-start}.aboutImage{height:380px}.serviceGrid,.statsGrid,.steps{grid-template-columns:1fr}.serviceCard{border-right:0;border-bottom:1px solid #ffffff1c}.stat{border-right:0}.gallery{grid-template-rows:420px 300px 300px}.contactData{grid-template-columns:1fr}.contactForm{padding:28px 20px}.floatingPhone span{display:none}footer{grid-template-columns:1fr}footer>small,.toTop{grid-column:1}.toTop{grid-row:auto;text-align:left}}

/* Żółta identyfikacja LIFTEX — bez zielonych dominant */
:root{--lime:#ffd400;--ink:#101010;--forest:#191919;--cream:#f4f2ec;--muted:#777}
.hero{background:linear-gradient(120deg,#0b0b0b 0%,#171717 56%,#262626 100%)}
.heroGlow{background:#ffd40024}
.heroVisual{background:linear-gradient(135deg,#303030,#111)}
.liftFrame{background:linear-gradient(90deg,#c6c6c6 0 3%,#353535 3% 49.5%,#111 49.5% 50.5%,#414141 50.5% 97%,#b5b5b5 97%)}
.liftDoor{background:linear-gradient(90deg,#242424 0 49.6%,#bbb 49.6% 50.4%,#303030 50.4%)}
.pulse{box-shadow:0 0 0 6px #ffd40040}
.aboutCopy h2 em,.stats h2 em,.projectHead h2 em,.contact h2 em{color:#b18700}
.serviceCard:hover{background:#282828}
.stat sup{color:#c49d00}
.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{border-color:#d4ad00}

/* Wersja komputerowa */
@media(min-width:1101px){.nav{padding-left:max(5vw,64px);padding-right:max(5vw,64px)}.heroCopy{padding-left:max(8vw,90px)}.heroVisual{min-width:0}.section{padding-left:max(7vw,80px);padding-right:max(7vw,80px)}.serviceGrid{max-width:1500px;margin-left:auto;margin-right:auto}.gallery{max-width:1500px;margin-left:auto;margin-right:auto}}

/* Tablet i telefon */
@media(max-width:760px){.nav{height:72px;position:absolute;background:#101010e8;backdrop-filter:blur(12px)}.navlinks{top:72px}.brand{font-size:22px}.menuBtn{min-width:44px;min-height:44px}.hero{min-height:0}.heroCopy{padding:120px 20px 52px}.heroCopy p{font-size:16px}.heroVisual{height:390px}.liftFrame{inset:26px 9% 0}.serviceChip{left:16px;right:16px;bottom:20px;width:auto}.heroActions{width:100%;gap:18px}.heroActions .primary{width:100%;text-align:center}.play{align-self:center}.section{padding:72px 20px}.aboutGrid{margin-top:36px;gap:40px}.aboutImage{height:360px}.aboutCopy h2,.sectionHead h2,.stats h2,.projectHead h2,.process h2,.contact h2{font-size:clamp(40px,12vw,58px);letter-spacing:-2.5px}.aboutCopy .lead{font-size:19px}.serviceGrid{margin-top:42px}.serviceCard{min-height:330px;padding:28px 22px}.serviceCard h3{margin-top:55px}.statsGrid{margin-top:38px}.stat{min-height:135px;padding:25px 10px}.projectHead>p{margin-top:25px}.gallery{margin-top:38px;gap:12px;grid-template-rows:390px 270px 270px}.galleryCard>div{inset:auto 20px 20px}.galleryCard h3{font-size:23px}.process h2{margin-bottom:48px}.contact{gap:42px}.contactData{margin-top:34px}.contactForm{margin:0 -4px;padding:28px 20px}footer{padding:45px 20px}.floatingPhone{right:14px;bottom:14px}}
@media(max-width:390px){h1{font-size:50px}.heroVisual{height:340px}.aboutImage{height:310px}.gallery{grid-template-rows:350px 250px 250px}.stat b{font-size:48px}}

/* Zdjęcie główne — lokalny plik działa po przesłaniu przez FTP */
.heroVisual{background-image:linear-gradient(0deg,#0008,transparent 50%),url('assets/hero-lift-woman.png');background-size:cover;background-position:center}
.heroVisual .liftFrame{display:none}
.heroVisual:after{background:linear-gradient(90deg,#0002,transparent 45%),linear-gradient(0deg,#0008,transparent 45%)}
@media(max-width:760px){.heroVisual{background-position:58% center}}

/* Poprawka kompatybilności FTP i bezpiecznych marginesów */
.heroVisual{background:#242424 url('./assets/hero-elevator-v3.jpg') center center/cover no-repeat!important;isolation:isolate}
.heroVisual:after{z-index:1;pointer-events:none}
.serviceChip{left:clamp(18px,3vw,44px)!important;right:auto;max-width:calc(100% - 36px);z-index:4}
@media(max-width:760px){.heroVisual{background-position:58% center!important}.serviceChip{left:16px!important;right:16px;width:auto;max-width:none;padding:15px 18px}}
.contact.contactOnly{grid-template-columns:minmax(0,900px);justify-content:center;text-align:center}.contactOnly .contactCopy>p{margin-left:auto;margin-right:auto}.contactOnly .sectionTag{justify-content:center}.contactOnly .contactData{grid-template-columns:repeat(3,1fr);text-align:left;margin-top:60px}.contactOnly .contactData>*{padding:24px 18px;border-top:2px solid #111}@media(max-width:760px){.contact.contactOnly{text-align:left}.contactOnly .sectionTag{justify-content:flex-start}.contactOnly .contactData{grid-template-columns:1fr;margin-top:38px}.contactOnly .contactCopy>p{margin-left:0}}
.contact.contactOnly,.contactOnly .contactData,.contactOnly .contactData>*{text-align:center}.contactOnly .contactData>*{display:flex;flex-direction:column;align-items:center}.contactOnly .contactData b{width:100%}@media(max-width:760px){.contact.contactOnly,.contactOnly .contactData,.contactOnly .contactData>*{text-align:center}.contactOnly .sectionTag{justify-content:center}.contactOnly .contactCopy>p{margin-left:auto;margin-right:auto}}
.serviceCard{min-height:330px}.serviceCard h3{margin-top:64px}
.brand {
  display: block;
  flex: 0 0 auto;
  width: 210px;
  height: 78px;
  overflow: hidden;
  background: transparent url("./assets/logo-liftex-clean-outline.png") center / contain no-repeat;
  font-size: 0;
  letter-spacing: 0;
}

/* Stała belka nawigacyjna i ostre logo wektorowe */
.nav{position:fixed!important;inset:0 0 auto!important;background:#0b0b0bf2;backdrop-filter:blur(14px);box-shadow:0 8px 30px #0003;z-index:100}
.serviceCard{min-height:440px}
@media(max-width:900px){.serviceCard{min-height:410px}}
@media(max-width:560px){.serviceCard{min-height:auto}}

footer .brand {
  width: 190px;
  height: 92px;
}

@media (max-width: 760px) {
  .nav .brand {
    width: 158px;
    height: 64px;
  }

  footer .brand {
    width: 175px;
    height: 100px;
  }
}