:root{--bg:#080d0d;--fg:#f1f6f3;--muted:#97a5a1;--green:#b2fb76;--cyan:#63e6d2;--line:#24302c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-.055em}h2{font-size:clamp(34px,4vw,55px);font-weight:600}h3{font-size:23px;letter-spacing:-.035em}p{color:var(--muted)}em{font-style:normal;color:var(--green)}header,main,footer{position:relative;z-index:1}header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 52px}.logo{font-family:Manrope,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.7px;display:inline-flex;align-items:center}.logo i{height:7px;width:7px;border-radius:50%;background:var(--green);margin:0 0 15px 5px}.on{color:var(--green);text-shadow:0 0 22px #b2fb7645;animation:glow 4s ease-in-out infinite}nav{display:flex;gap:35px;align-items:center;font-size:13px}nav a:hover,.textlink:hover{color:var(--green)}.navcta{border:1px solid #3c4a40;padding:10px 20px;border-radius:5px}#menu{display:none}section{max-width:1320px;margin:auto;padding:100px 52px}.hero{padding-top:58px;min-height:700px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;color:var(--green);display:flex;gap:10px;align-items:center;margin-bottom:26px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}h1{font-size:clamp(60px,6.6vw,88px);font-weight:600;margin-bottom:30px}.soft{color:#a8b7b0}.intro{font-size:15px;max-width:415px}.actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{border:1px solid var(--green);border-radius:5px;background:var(--green);padding:15px 23px;color:#10190d;font-weight:700;font-size:13px;display:inline-flex;gap:30px;justify-content:space-between;align-items:center;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 0 32px #b2fb7630;background:#c6ff9b}.textlink{font-size:12px;display:flex;gap:14px}.micro{display:flex;gap:18px;color:#8b9a91;font-size:10px;margin-top:35px}.micro span::first-letter{color:var(--green)}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 30%,#34683821,transparent 45%),radial-gradient(ellipse at 20% 80%,#16584818,transparent 50%);animation:ambient 18s ease-in-out infinite alternate}.hero-visual{height:460px;position:relative;perspective:1000px}.orbit{position:absolute;border:1px solid #adf77c17;width:460px;height:460px;border-radius:50%;left:0;top:0}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #adf77c0e;inset:40px;border-radius:50%}.orbit:after{inset:-40px}.browser{position:absolute;top:42px;left:30px;right:0;border:1px solid #586657;border-radius:11px;background:#111a17;box-shadow:0 28px 70px #0009;transform:rotate(-5deg);overflow:hidden;transition:transform .3s}.browserbar{display:flex;justify-content:space-between;border-bottom:1px solid #334133;padding:12px 16px;font-size:10px;color:#728174}.browserbar span{letter-spacing:4px}.mock-body{padding:25px 30px;position:relative;min-height:300px}.mock-logo{font-size:13px;font-weight:700;margin-bottom:25px}.mock-logo span{color:var(--green)}.mock-body .eyebrow{font-size:7px;margin-bottom:10px;letter-spacing:1.5px}.mock-body h2{font-size:37px;line-height:1.05;position:relative;z-index:2}.mock-line{width:40%;height:4px;background:#506153;margin:10px 0}.mock-line.short{width:30%}.mock-button{font-size:8px;background:var(--green);color:#152115;padding:8px 12px;border-radius:3px;display:inline-block;margin-top:18px}.mock-art{position:absolute;width:42%;right:22px;top:85px;height:180px;display:flex;gap:8px;align-items:center;transform:rotate(-18deg)}.mock-art div{width:33%;height:140px;border-radius:70px;background:linear-gradient(120deg,#c5ffa4,#476247);box-shadow:inset -12px 0 20px #0006;animation:sculpture 6s ease-in-out infinite}.mock-art div:nth-child(2){height:190px;animation-delay:-2s}.mock-art div:nth-child(3){height:110px;animation-delay:-4s}.float-tag{position:absolute;z-index:2;right:0;top:12px;background:#14251dcc;border:1px solid #3f5b44;border-radius:30px;padding:7px 17px;font-size:10px;display:flex;gap:9px;align-items:center;animation:float 6s ease-in-out infinite}.floating-card{position:absolute;z-index:3;width:265px;bottom:5px;left:5px;background:#14201bea;backdrop-filter:blur(16px);border:1px solid #4f6a50;border-radius:9px;padding:20px;box-shadow:0 20px 45px #0005;animation:float 7s ease-in-out infinite}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px}.card-top small{font-size:8px;letter-spacing:1px;color:var(--green);border:1px solid #435b40;border-radius:3px;padding:3px 5px}.floating-card p{font-size:10px;margin:13px 0 0}.floating-card strong{font-weight:500;color:#e8f2e8}.tiny-bars{height:40px;display:flex;gap:9px;align-items:end;margin-top:16px}.tiny-bars i{flex:1;height:40%;background:linear-gradient(var(--green),#345c3b);border-radius:3px 3px 0 0;animation:bars 4s infinite alternate}.tiny-bars i:nth-child(2){height:55%;animation-delay:-1s}.tiny-bars i:nth-child(3){height:70%;animation-delay:-2s}.tiny-bars i:nth-child(4){height:85%;animation-delay:-3s}.tiny-bars i:nth-child(5){height:100%;animation-delay:-4s}.visual-caption{position:absolute;bottom:-26px;right:0;font-size:7px;letter-spacing:1.4px;color:#75877c}.strip{border-block:1px solid var(--line);padding:27px 6%;display:flex;justify-content:space-between;align-items:center;color:#798c82;font-size:11px;letter-spacing:3px}.strip b{color:var(--green);font-size:21px}.section-heading{max-width:750px}.section-heading>p:last-child{max-width:480px;font-size:15px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.benefits article{border-top:1px solid var(--line);padding:25px 10px 0 0}.benefits p,.steps p{font-size:13px}.icon{font-size:35px;color:var(--green);display:block;margin-bottom:30px}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;background:linear-gradient(130deg,#17251b55,#14232122);border-block:1px solid var(--line)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.tabs button,.ai-questions button{color:#b5c3b9;background:transparent;border:1px solid #344439;border-radius:5px;padding:10px 14px;font-size:12px}.tabs [aria-selected=true],.ai-questions button:hover{color:var(--green);border-color:var(--green);background:#b2fb7610}.note{font-size:11px;line-height:1.7;color:#8f9e95;max-width:440px}.demo-box{border:1px solid #3d5543;border-radius:12px;background:#0f1914;padding:32px;box-shadow:0 20px 55px #0003}.demo-box h3{font-size:20px;letter-spacing:-.5px}.demo-box label:not(.check){display:flex;justify-content:space-between;font-size:12px;margin:28px 0 10px;color:#a8b9af}output{color:var(--green)}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer}.result{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.result span{font-size:64px;color:var(--green);font-family:Manrope;line-height:1.1}.result p{font-size:12px}.check{display:flex;gap:10px;align-items:center;margin:20px 0;font-size:13px}.check input{accent-color:var(--green)}.config-result{padding:16px;background:#b2fb760b;margin-bottom:20px;font-size:13px}.ai-message{background:#22352a;padding:20px;border-radius:6px;font-size:14px;min-height:150px}.ai-questions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.steps article{border-top:1px solid #41553d;padding-top:20px}.steps span{color:var(--green);font-size:12px}.steps h3{font-size:20px;letter-spacing:-.5px;margin-top:25px}.stats{margin-top:50px;display:flex;border-top:1px solid var(--line);padding-top:30px;gap:70px}.stats div{display:flex;align-items:center;gap:18px}.stats strong{font-family:Manrope;font-size:45px;color:var(--green);font-weight:500}.stats span{font-size:12px;color:var(--muted)}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.packages article{border:1px solid #344138;border-radius:8px;padding:30px;position:relative;background:#10191488;transition:transform .3s,border .3s;display:flex;flex-direction:column}.packages article:hover{transform:translateY(-8px);border-color:var(--green)}.packages h3{font-size:35px;letter-spacing:-1.5px;display:flex;justify-content:space-between}.packages p{font-size:12px}.packages .eyebrow{font-size:9px;margin-bottom:13px}.price{font-size:15px;border-bottom:1px solid var(--line);padding:16px 0 25px}.packages ul{padding:20px 0;list-style:none;flex:1;margin:0;font-size:12px;color:#acbcb0}.packages li{padding:8px 0}.packages li:before{content:'✓';color:var(--green);margin-right:12px}.outline{background:transparent;color:var(--green);border-color:#42563d}.outline:hover{background:#b2fb7612}.packages .featured{border-color:#94c866;background:linear-gradient(#23351e88,#101914)}.package-label{position:absolute;top:-13px;right:23px;background:var(--green);color:#183019;font-size:8px;font-weight:700;letter-spacing:1.3px;padding:5px 12px;border-radius:3px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:65px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:var(--green)}details[open] summary:after{content:'−'}details p{font-size:13px;margin:18px 0 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 0 60%,#47672922,transparent 60%)}form{display:flex;flex-direction:column;gap:9px}form label{font-size:11px;color:#a4b1aa}form input,form textarea,form select{width:100%;border:1px solid #35433a;background:#101a15;color:var(--fg);border-radius:5px;padding:12px 14px;margin-bottom:9px;font-size:13px}form .button{margin-top:8px}#form-status{font-size:12px}footer{border-top:1px solid var(--line);max-width:1320px;margin:auto;padding:35px 52px;display:flex;gap:25px;align-items:center}footer p{font-size:12px;margin:0}footer small{margin-left:auto;font-size:10px;color:#7b8f81}footer>a:last-child{font-size:11px}.reveal{transition:opacity .8s,transform .8s}.js .reveal:not(.visible){opacity:0;transform:translateY(24px)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@keyframes glow{50%{text-shadow:0 0 32px #b2fb7680}}@keyframes ambient{to{transform:translate(-3%,5%) scale(1.15)}}@keyframes float{50%{translate:0 -12px}}@keyframes sculpture{50%{transform:translateY(-10px)}}@keyframes bars{to{transform:scaleY(.7);transform-origin:bottom}}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1000px){header,section,footer{padding-left:28px;padding-right:28px}.hero{grid-template-columns:1fr 1fr}h1{font-size:64px}.hero-visual{transform:scale(.9);transform-origin:right center}.actions{gap:15px}.micro{flex-wrap:wrap;gap:10px}.demo-section,.contact{gap:35px}.packages article{padding:22px}.steps{gap:18px}.stats{gap:30px}}@media(max-width:700px){header{height:80px;padding:0 22px}.logo{font-size:26px}#menu{display:block;border:1px solid #3b4a3c;background:#122016;color:var(--green);border-radius:5px;font-size:20px;padding:2px 12px}nav{display:none;position:absolute;z-index:10;top:70px;left:20px;right:20px;padding:24px;background:#142019;border:1px solid #3c503d;border-radius:7px}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}section{padding:65px 22px}.hero{display:block;padding-top:35px;overflow:hidden}h1{font-size:64px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.intro{font-size:14px}.actions{flex-wrap:wrap;gap:20px}.hero-visual{height:390px;margin-top:40px;transform:none}.browser{left:15px;right:10px;top:45px}.mock-body{padding:22px;min-height:265px}.mock-body h2{font-size:32px}.mock-art{height:140px;top:78px}.mock-art div:nth-child(2){height:145px}.mock-art div{height:105px}.mock-art div:nth-child(3){height:90px}.floating-card{width:220px;bottom:0;padding:15px}.float-tag{right:15px}.orbit{width:350px;height:350px;left:0}.visual-caption{font-size:6px;bottom:-20px}.strip{gap:20px;overflow:hidden;font-size:9px;letter-spacing:1px}.strip span{white-space:nowrap}.strip span:last-child,.strip b:last-of-type{display:none}.benefits,.demo-section,.packages,.faq,.contact{grid-template-columns:1fr;gap:30px}.benefits{gap:25px;margin-top:35px}.benefits article{padding-top:22px}.icon{margin-bottom:15px}.demo-box{padding:24px}.steps{grid-template-columns:1fr 1fr;gap:22px}.stats{gap:20px;justify-content:space-between}.stats div{display:block}.stats span{display:block;font-size:9px}.stats strong{font-size:38px}.packages{gap:28px;margin-top:40px}.packages article{padding:28px}.packages .button{width:100%}.faq{gap:10px}summary{font-size:14px}footer{padding:30px 22px;flex-wrap:wrap;gap:15px}footer small{margin-left:0;width:100%}footer>a:last-child{margin-left:auto}.contact h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}}
header{z-index:20}
.strip b:nth-of-type(even){color:var(--cyan)}.mock-art div:last-child{background:linear-gradient(120deg,var(--cyan),#276b59)}.float-tag{border-color:#63e6d24d}.navcta:hover{border-color:var(--cyan)}

/* Readable disclosures, without fine print or external font requests. */
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,.logo,.stats strong,.result span{font-family:Arial,Helvetica,sans-serif}.note,.notice,.visual-caption,.card-top small,footer small{font-size:15px;line-height:1.65;letter-spacing:0;color:#c1cec5}.visual-caption{position:relative;display:block;top:470px;bottom:auto;text-align:center}.hero-visual{margin-bottom:45px}.hero{padding-bottom:110px}.notice{margin:18px 0}.card-top{flex-wrap:wrap}.card-top small{padding:4px 9px;color:var(--green)}.micro{font-size:12px}.packages p,.packages li,.benefits p,.steps p,details p,form label,.demo-box label:not(.check),.check{font-size:16px}.button,.textlink,.tabs button,.ai-questions button{font-size:15px}.demo-box select{width:100%;padding:12px;background:#17251b;color:var(--fg);border:1px solid #536a59;border-radius:5px;font:inherit}.result span{font-size:clamp(32px,4vw,52px)}.result p{font-size:16px}.project-grid,.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}.project-grid article{border:1px solid #405147;border-radius:12px;padding:24px;background:#111b16}.project-preview{height:245px;border-radius:7px;padding:25px;margin-bottom:25px;position:relative;overflow:hidden}.project-preview span{font-size:13px;color:#d1e2d5;letter-spacing:2px;position:relative;z-index:1}.project-preview strong{display:block;font-size:36px;line-height:1.1;letter-spacing:-1.5px;position:relative;z-index:1;margin-top:20px}.interior{background:linear-gradient(140deg,#30463b,#18211e)}.room-shape{position:absolute;right:22px;bottom:0;width:120px;height:180px;border-radius:80px 80px 0 0;background:linear-gradient(90deg,#729d73,#a4c891);opacity:.65}.digital{background:linear-gradient(135deg,#173b33,#11251c)}.preview-lines{position:absolute;right:25px;bottom:30px;display:flex;gap:12px;align-items:end}.preview-lines i{width:30px;height:70px;background:var(--cyan);border-radius:8px}.preview-lines i:nth-child(2){height:100px;background:var(--green)}.preview-lines i:nth-child(3){height:140px}.scope-section{padding-top:30px}.scope-section h2{font-size:36px}.scope-grid article{border-top:1px solid #405147;padding-top:22px}.privacy-inline{border:1px solid #4d6653;padding:20px;border-radius:7px;margin:15px 0}.privacy-inline h3{font-size:21px}.privacy-inline p{font-size:16px;color:#c1cec5}.privacy-inline a{color:var(--green);text-decoration:underline;font-size:16px}fieldset{border:1px solid #405147;border-radius:5px;padding:16px;margin:10px 0}legend{font-size:16px;color:#c1cec5}form .check{margin:10px 0}form input[type=checkbox]{width:18px;height:18px;margin:0}form input,form textarea,form select{font-size:16px}.clear-button{color:#d1e2d5;background:transparent;border:1px solid #405147;padding:12px;border-radius:5px;font-size:16px}#form-status{font-size:16px}footer{flex-wrap:wrap}footer a:last-child,footer a{font-size:15px}.privacy-page{max-width:920px}.privacy-page h1{font-size:clamp(36px,5vw,58px)}.privacy-page h2{font-size:28px;letter-spacing:-.5px;margin-top:38px}.privacy-page p,.privacy-page li{font-size:17px;color:#c1cec5}.privacy-page a{color:var(--green);text-decoration:underline}.privacy-page .notice{border:1px solid #526b50;padding:20px;border-radius:8px}@media(max-width:700px){.project-grid,.scope-grid{grid-template-columns:1fr}.visual-caption{top:405px}.hero-visual{margin-bottom:65px}.hero{padding-bottom:70px}.project-preview{height:220px}.project-preview strong{font-size:32px}.tabs button{padding:10px}.demo-section{gap:20px}.result span{font-size:35px}.micro{gap:14px}}

/* Paski LED nad etapami: stała poświata również bez animacji. */
#system .steps article {
  position: relative;
  border-top-color: transparent;
}
#system .steps article::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--green), var(--cyan));
  box-shadow: 0 0 6px #b2fb76cc, 0 0 16px #63e6d280;
  pointer-events: none;
  animation: klienton-led 4s ease-in-out infinite;
}
#system .steps article:nth-child(2)::before { animation-delay: -1s; }
#system .steps article:nth-child(3)::before { animation-delay: -2s; }
#system .steps article:nth-child(4)::before { animation-delay: -3s; }
@keyframes klienton-led {
  0%, 100% { opacity: .8; }
  50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  #system .steps article::before { animation: none; opacity: 1; }
}

/* Światło przesuwa się wzdłuż pasków bez poruszania tekstu. */
#system .steps article::before {
  background: linear-gradient(90deg, #75d957, #63e6d2, #efffdc, #63e6d2, #75d957);
  background-size: 250% 100%;
  animation: klienton-led-flow 3.2s linear infinite;
}
@keyframes klienton-led-flow {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}
@media (prefers-reduced-motion: reduce) {
  #system .steps article::before { animation: none; }
}

/* Wyraźny punkt światła biegnący po nieruchomym pasku LED. */
#system .steps article::before {
  background: linear-gradient(90deg, var(--green), var(--cyan));
  background-size: 100% 100%;
  animation: none;
}
#system .steps article::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 18%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #f5ffeb 75%, #ffffff);
  box-shadow: 4px 0 10px #ffffff, 0 0 18px #b2fb76;
  pointer-events: none;
  animation: klienton-comet 2.4s linear infinite;
}
#system .steps article:nth-child(2)::after { animation-delay: -.6s; }
#system .steps article:nth-child(3)::after { animation-delay: -1.2s; }
#system .steps article:nth-child(4)::after { animation-delay: -1.8s; }
@keyframes klienton-comet {
  0% { transform: translateX(0); opacity: 0; }
  8% { opacity: 1; }
  92% { opacity: 1; }
  100% { transform: translateX(455%); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #system .steps article::after { animation: none; display: none; }
}
/* Ilustracja wnętrza w karcie Pracownia. */
.project-preview.interior { isolation: isolate; background: linear-gradient(110deg,#233e33,#172c23); }
.project-preview.interior .room-scene { position:absolute; right:0; bottom:0; width:61%; height:100%; z-index:-1; }
.project-preview.interior::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#233e33 22%,transparent 85%); pointer-events:none; }
.project-preview.interior strong { max-width:65%; text-shadow:0 2px 15px #10281ecc; }
@media(max-width:700px) {
  .project-preview.interior .room-scene { width:70%; right:-14px; }
  .project-preview.interior strong { font-size:29px; }
}
.scope-grid{align-items:start;gap:24px 28px}
.scope-item{--scope-accent:#c3f56b;border:1px solid #30443b;border-top:3px solid var(--scope-accent);border-radius:10px;padding:0;background:#101b16;overflow:hidden;transition:border-color .2s,background .2s,box-shadow .2s}
.scope-item:nth-child(2){--scope-accent:#65e4dc}.scope-item:nth-child(3){--scope-accent:#dfb2ff}.scope-item:nth-child(4){--scope-accent:#ffcf80}
.scope-item summary{align-items:center;padding:25px 26px;font-size:22px;font-weight:700;line-height:1.3;min-height:85px;color:#edf3ef}
.scope-item summary::-webkit-details-marker{display:none}
.scope-item summary:after{content:'+';display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--scope-accent);border-radius:50%;color:var(--scope-accent);font-size:24px;font-weight:400}
.scope-item[open] summary:after{content:'−';background:var(--scope-accent);color:#101b16}
.scope-item:hover,.scope-item[open]{border-color:var(--scope-accent);background:#14231b;box-shadow:0 -3px 18px -8px var(--scope-accent)}
.scope-item summary:focus-visible{outline:3px solid var(--scope-accent);outline-offset:-6px;border-radius:8px}
.scope-answer{padding:0 26px 25px}.scope-item .scope-answer p{margin:0;font-size:17px;line-height:1.7;color:#bccbc2}
@media(max-width:700px){.scope-grid{gap:16px}.scope-item summary{padding:20px;font-size:20px}.scope-answer{padding:0 20px 22px}}