html[data-line=instalacje] .gorband{isolation:isolate}html[data-line=instalacje] .gorridge{z-index:-1;width:100%;height:200px;position:absolute;inset:auto 0 0}html[data-line=instalacje] .gorridge .gl1{fill:color-mix(in oklab, var(--inst-gor-mt) 40%, transparent)}html[data-line=instalacje] .gorridge .gl2{fill:color-mix(in oklab, var(--inst-gor-mt) 68%, transparent)}html[data-line=instalacje] .gorridge .gl3{fill:var(--inst-gor-mt)}html[data-line=instalacje] .gorin{padding:0 44px;position:relative}html[data-line=instalacje] .gorhead{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:28px;display:grid}html[data-line=instalacje] .gorhead .h2{max-width:820px}html[data-line=instalacje] .gorhead .lead{max-width:560px;margin:14px 0 0}html[data-line=instalacje] .gorfact{width:250px;color:var(--ink-2);background:var(--inst-gor-card);box-shadow:inset 0 0 0 1px var(--inst-gor-ring);border-radius:20px;flex-direction:column;gap:4px;margin:0;padding:20px 22px;font-size:13px;line-height:1.4;display:flex}html[data-line=instalacje] .gorfact b{font-family:var(--font-display);color:var(--accent-text);margin-bottom:4px;font-size:40px;font-weight:900;font-stretch:120%;line-height:1}html[data-line=instalacje] .gorfactn{color:var(--ink);font-weight:600}html[data-line=instalacje] .gorg{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}html[data-line=instalacje] .gsc{aspect-ratio:120/64;width:96px;box-shadow:inset 0 0 0 1px var(--sx-line);border-radius:12px;flex:0 0 96px;display:block;overflow:hidden}html[data-line=instalacje] .gsc svg{width:100%;height:100%;display:block}html[data-line=instalacje] .gsc .gsky{fill:var(--sx-sky)}html[data-line=instalacje] .gsc .gmt{fill:var(--sx-m1)}html[data-line=instalacje] .gsc :is(.gsnow,.gline,.gline-d,.garc,.groof,.gok,.gwarm-l,.gcheck,.groad){fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}html[data-line=instalacje] .gsc .gsnow{stroke:var(--sx-snow)}html[data-line=instalacje] .gsc .gbody{fill:var(--sx-body)}html[data-line=instalacje] .gsc .gcloud{fill:var(--sx-pale)}html[data-line=instalacje] .gsc .glens{fill:var(--sx-ink)}html[data-line=instalacje] .gsc :is(.gline,.gline-d){stroke:var(--sx-met)}html[data-line=instalacje] .gsc .gflake{fill:var(--sx-white)}html[data-line=instalacje] .gsc .gbolt{fill:var(--sx-win)}html[data-line=instalacje] .gsc :is(.gok,.gcheck){stroke:var(--sx-det)}html[data-line=instalacje] .gsc .gok-dot{fill:var(--sx-det)}html[data-line=instalacje] .gsc .gwall{fill:var(--sx-wall)}html[data-line=instalacje] .gsc .groof{stroke:var(--sx-pale)}html[data-line=instalacje] .gsc .gwin{fill:var(--sx-win)}html[data-line=instalacje] .gsc .gwin-d{fill:var(--sx-win-d)}html[data-line=instalacje] .gsc .garc{stroke:var(--sx-ht)}html[data-line=instalacje] .gsc .gwarm{fill:var(--sx-amber)}html[data-line=instalacje] .gsc .gwarm-l{stroke:var(--sx-amber);stroke-width:3px}html[data-line=instalacje] .gsc .groad{stroke:var(--sx-met);stroke-dasharray:4 5}html[data-line=instalacje] .gsc .gpin{fill:var(--sx-blue)}html[data-line=instalacje] .gsc .gpin-c{fill:var(--sx-white)}html[data-line=instalacje] .gsc .gsa{transform-box:fill-box;transform-origin:50%}html[data-line=instalacje] .gsc .gsa-rise{transform-origin:bottom}html[data-line=instalacje] .gorsnow{z-index:-1;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}html[data-line=instalacje] .gorsnow i{background:var(--inst-gor-mt);opacity:.55;border-radius:50%;position:absolute;top:-8px}@media (max-width:1100px){html[data-line=instalacje] .gorg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){html[data-line=instalacje] .gorhead{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:22px}html[data-line=instalacje] .gorfact{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;width:auto;padding:14px 18px;display:grid}html[data-line=instalacje] .gorfact b{grid-row:span 2;margin:0;font-size:32px}}@media (max-width:760px){html[data-line=instalacje] .gorin{padding:0 16px}}@media (max-width:700px){html[data-line=instalacje] .gor{flex-direction:column;gap:12px}html[data-line=instalacje] .gsc{flex-basis:auto;width:104px}html[data-line=instalacje] .gorfact{flex-direction:column;align-items:flex-start;gap:2px;display:flex}html[data-line=instalacje] .gorfact b{margin-bottom:4px;font-size:30px}}html[data-line=instalacje] .proc{--proc-node:52px;--proc-gap:14px;grid-template-columns:repeat(var(--n,6), minmax(0, 1fr));gap:var(--proc-gap);margin:0;padding:0;list-style:none;display:grid}html[data-line=instalacje] .procs{flex-direction:column;gap:16px;display:flex;position:relative}html[data-line=instalacje] .procs:not(:last-child):before,html[data-line=instalacje] .procs:not(:last-child):after{content:"";top:calc(var(--proc-node) / 2 - 1.5px);left:calc(50% + var(--proc-node) / 2 + 4px);width:calc(100% + var(--proc-gap) - var(--proc-node) - 8px);background:var(--border);border-radius:3px;height:3px;position:absolute}html[data-line=instalacje] .procs:not(:last-child):after{background:var(--accent);transform-origin:0}html[data-line=instalacje] .procn{width:var(--proc-node);height:var(--proc-node);background:var(--card);box-shadow:inset 0 0 0 2px var(--border);font-family:var(--font-display);color:var(--ink);border-radius:50%;align-self:center;place-items:center;font-size:18px;font-weight:900;font-stretch:120%;display:grid;position:relative}html[data-line=instalacje] .procn:before{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:0}html[data-line=instalacje] .procn>span{grid-area:1/1;position:relative}html[data-line=instalacje] .procn>.on{color:var(--accent-ink)}html[data-line=instalacje] .procc{background:var(--card);box-shadow:inset 0 0 0 1px var(--border);transition:box-shadow var(--dur-hover) var(--ease-out);border-radius:18px;flex-direction:column;flex:1;gap:8px;padding:18px;display:flex}html[data-line=instalacje] .proct{align-items:center;gap:8px;margin:0;font-size:17px;line-height:1.25;display:flex}html[data-line=instalacje] .proci{color:var(--accent-text);flex:none}html[data-line=instalacje] .procc p{color:var(--ink-2);margin:0;font-size:14.5px}html[data-line=instalacje] .procc .procg{border-top:1px solid var(--border);color:var(--ink);margin-top:auto;padding-top:10px;font-size:14px;font-weight:600}html[data-line=instalacje] .procg span{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);margin-bottom:2px;font-size:12px;font-weight:700;display:block}@media (hover:hover) and (pointer:fine){html[data-line=instalacje] .procs:hover .procn{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 6px color-mix(in oklab, var(--accent) 18%, transparent)}html[data-line=instalacje] .procs:hover .procc{box-shadow:inset 0 0 0 1.5px var(--accent)}html[data-line=instalacje] .procs:hover:after{filter:brightness(1.15)}}html[data-line=instalacje] .proctr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:32px;display:flex}html[data-line=instalacje] .proctr p{color:var(--ink);margin:0;font-weight:600}@media (max-width:700px){html[data-line=instalacje] #proces>.wrap{flex-direction:column;display:flex}html[data-line=instalacje] #proces .proctr{order:1;margin:0 0 24px}html[data-line=instalacje] #proces .proc{order:2}}@media (max-width:1100px){html[data-line=instalacje] .proc{--proc-node:40px;grid-template-columns:1fr;gap:10px}html[data-line=instalacje] .procs{flex-direction:row;align-items:stretch;gap:14px}html[data-line=instalacje] .procn{flex:none;align-self:flex-start;font-size:15px}html[data-line=instalacje] .procc{border-radius:14px;gap:4px;padding:12px 14px}html[data-line=instalacje] .proct{font-size:16px}html[data-line=instalacje] .procc p{font-size:14px;line-height:1.45}html[data-line=instalacje] .procc .procg{margin-top:4px;padding-top:6px}html[data-line=instalacje] .procg span{margin:0 6px 0 0;display:inline}html[data-line=instalacje] .procs:not(:last-child):before,html[data-line=instalacje] .procs:not(:last-child):after{top:calc(var(--proc-node) + 4px);bottom:-6px;left:calc(var(--proc-node) / 2 - 1.5px);width:3px;height:auto}html[data-line=instalacje] .procs:not(:last-child):after{transform-origin:top}html[data-line=instalacje] .proctr{flex-direction:column;align-items:stretch}html[data-line=instalacje] .proctr .btn{justify-content:center;min-height:48px}}@media (prefers-reduced-motion:no-preference){html[data-line=instalacje] .procn{transition:scale var(--dur-hover) var(--ease-out)}html[data-line=instalacje] .procc{transition:box-shadow var(--dur-hover) var(--ease-out), translate var(--dur-hover) var(--ease-out)}@media (hover:hover) and (pointer:fine){html[data-line=instalacje] .procs:hover .procn{scale:1.1}html[data-line=instalacje] .procs:hover .procc{translate:0 -4px}}html[data-line=instalacje] .procw{--proc-line:1.2s;--proc-seg:calc(var(--proc-line) / max(var(--n,6) - 1, 1));--proc-node-step:max(.15s, var(--proc-seg))}html[data-line=instalacje] .procw[data-ready="1"]:not([data-on="1"]) .procs:not(:last-child):after{transform:scaleX(0)}html[data-line=instalacje] .procw[data-ready="1"]:not([data-on="1"]) .procn{scale:.85}html[data-line=instalacje] .procw[data-ready="1"]:not([data-on="1"]) .procn:before,html[data-line=instalacje] .procw[data-ready="1"]:not([data-on="1"]) .procn>.on{opacity:0}html[data-line=instalacje] .procw[data-ready="1"]:not([data-on="1"]) .procc{opacity:0;translate:0 12px}html[data-line=instalacje] .procw[data-on="1"] .procs:not(:last-child):after{animation:inst-proc-seg var(--proc-seg) linear calc(var(--i) * var(--proc-seg)) backwards}html[data-line=instalacje] .procw[data-on="1"] .procn{animation:inst-proc-pop .52s var(--ease-spring) calc(var(--i) * var(--proc-node-step)) backwards}html[data-line=instalacje] .procw[data-on="1"] .procn:before,html[data-line=instalacje] .procw[data-on="1"] .procn>.on{animation:inst-proc-node .26s var(--ease-out) calc(var(--i) * var(--proc-node-step)) backwards}html[data-line=instalacje] .procw[data-on="1"] .procc{animation:inst-proc-card .48s var(--ease-out) calc(var(--i) * 70ms) backwards}@media (max-width:1100px){html[data-line=instalacje] .procw[data-ready="1"]:not([data-on="1"]) .procs:not(:last-child):after{transform:scaleY(0)}html[data-line=instalacje] .procw[data-on="1"] .procs:not(:last-child):after{animation-name:inst-proc-seg-y}}@media (hover:hover) and (pointer:fine){html[data-line=instalacje] .gor:hover .gsa-fall{animation:inst-gor-fall .6s var(--ease-out) 1}html[data-line=instalacje] .gor:hover .gsa-flash{animation:.6s linear inst-gor-flash}html[data-line=instalacje] .gor:hover .gsa-signal{animation:inst-gor-signal .6s var(--ease-in-out) 1}html[data-line=instalacje] .gor:hover .gsa-glow{animation:inst-gor-flash .6s var(--ease-in-out) 1}html[data-line=instalacje] .gor:hover .gsa-rise{animation:inst-gor-rise .6s var(--ease-out) 1}html[data-line=instalacje] .gor:hover .gsa-draw{animation:inst-gor-draw .6s var(--ease-out) 1}html[data-line=instalacje] .gor:hover .gsa-drop{animation:inst-gor-drop .6s var(--ease-spring) 1}}html[data-line=instalacje] .gorsnow{display:block}html[data-line=instalacje] .gorsnow i{animation:linear infinite paused inst-gor-snow}html[data-line=instalacje] .gorsnow[data-on="1"] i{animation-play-state:running}@supports (animation-timeline:view()){html[data-line=instalacje] .gorridge .gl1,html[data-line=instalacje] .gorridge .gl2{transform-box:fill-box;animation:linear both inst-gor-par;animation-timeline:view();animation-range:cover}html[data-line=instalacje] .gorridge .gl1{--gor-par:24px}html[data-line=instalacje] .gorridge .gl2{--gor-par:12px}}}@keyframes inst-gor-par{0%{transform:translateY(var(--gor-par))}to{transform:translateY(0)}}@keyframes inst-gor-snow{0%{transform:translate(0,0)}to{transform:translate(-24px,110vh)}}@keyframes inst-gor-fall{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes inst-gor-flash{0%,40%,to{opacity:1}20%,60%{opacity:.15}}@keyframes inst-gor-signal{0%,to{opacity:1}45%{opacity:.1}}@keyframes inst-gor-rise{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes inst-gor-draw{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes inst-gor-drop{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes inst-proc-seg{0%{transform:scaleX(0)}to{transform:scale(1)}}@keyframes inst-proc-seg-y{0%{transform:scaleY(0)}to{transform:scale(1)}}@keyframes inst-proc-node{0%{opacity:0}to{opacity:1}}@keyframes inst-proc-pop{0%{scale:.85}to{scale:1}}@keyframes inst-proc-card{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}