@font-face{font-family:"Archivo";src:url(../fonts/archivo-latin-wdth-normal.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";src:url(../fonts/archivo-latin-ext-wdth-normal.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#0a0a0a;--bg2:#121212;--bg3:#181818;--line:rgba(236,227,202,.12);--line2:rgba(236,227,202,.24);
  --fg:rgb(236,227,202);--muted:#8d8d8a;--soft:#c4c4c1;--accent:#2f9e5f;
  --ease:cubic-bezier(.16,1,.3,1);--ease2:cubic-bezier(.76,0,.24,1);
  --pad:clamp(16px,3.2vw,48px);--max:1440px;--hdr:72px;
  --display:"Archivo",system-ui,sans-serif;--mono:"Archivo",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--display);line-height:1.55;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
body.lock{overflow:hidden}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font:inherit}
::selection{background:var(--accent);color:#000}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.muted{color:var(--muted)}
em{font-style:normal;color:var(--accent)}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.skip{position:fixed;left:12px;top:-60px;z-index:300;background:var(--accent);color:#000;padding:10px 14px;font-family:var(--mono);font-size:12px}
.skip:focus{top:12px}

/* Loader */
.loader{position:fixed;inset:0;z-index:250;background:#000;display:grid;place-content:center;gap:28px;justify-items:center;transition:clip-path 1.1s var(--ease2)}
.loader.is-done{clip-path:inset(0 0 100% 0)}
.loader__word{display:flex;font-weight:900;font-stretch:125%;font-size:clamp(44px,11vw,150px);line-height:.9;overflow:hidden}
.loader__word span{display:inline-block;transform:translateY(110%);animation:up .9s var(--ease) forwards}
.loader__word span:nth-child(2){animation-delay:.06s}.loader__word span:nth-child(3){animation-delay:.12s}
.loader__word span:nth-child(4){animation-delay:.18s}.loader__word span:nth-child(5){animation-delay:.24s}.loader__word span:nth-child(6){animation-delay:.3s}
@keyframes up{to{transform:none}}
body.has-loader:not(.is-ready){overflow:hidden}

/* Ziarno i pasek postępu */
.grain{position:fixed;inset:-50%;z-index:150;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1s steps(6) infinite}
@keyframes grain{0%,100%{transform:translate(0,0)}20%{transform:translate(-5%,3%)}40%{transform:translate(4%,-6%)}60%{transform:translate(-3%,5%)}80%{transform:translate(6%,2%)}}
.progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:130;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}

/* Przyciski i linki */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--fg);position:relative;overflow:hidden;isolation:isolate;white-space:nowrap;transition:color .4s var(--ease),border-color .4s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:translateY(101%);transition:transform .5s var(--ease)}
.btn--light{background:var(--fg);color:#000}
.btn--light::before{background:var(--accent)}
.btn--ghost{color:var(--fg)}
.btn--ghost::before{background:var(--fg)}
.btn::before{display:none}
@media (hover: hover) and (pointer: fine){
.btn--ghost:hover{border-color:var(--accent)}}
@media (hover: hover) and (pointer: fine){
.btn--light:hover{background:rgb(236,227,202)}}
.btn--sm{padding:10px 16px;font-size:11px}
.btn:disabled{opacity:.6;pointer-events:none}
.link-arrow{display:inline-block;border-bottom:1px solid var(--line2);padding-bottom:3px;transition:color .3s,border-color .3s}
@media (hover: hover) and (pointer: fine){
.link-arrow:hover{color:var(--accent);border-color:var(--accent)}}

/* Nagłówek */
.hdr{position:fixed;top:0;left:0;right:0;z-index:120;border-bottom:1px solid transparent;transition:background .4s,border-color .4s,transform .6s var(--ease)}
.hdr__in{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:var(--hdr);display:flex;align-items:center;gap:20px}

body.has-loader:not(.is-ready) .hdr{transform:translateY(-100%)}
.hdr__logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-stretch:118%;font-size:17px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}
.hdr__logo svg{transition:transform .6s var(--ease)}
@media (hover: hover) and (pointer: fine){
.hdr__logo:hover svg{transform:rotate(-10deg) scale(1.08)}}
.hdr__nav{display:flex;align-items:center;gap:2px;margin:0 auto}
.hdr__nav > a{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 13px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--soft);transition:color .3s;white-space:nowrap}
.hdr__nav > a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
@media (hover: hover) and (pointer: fine){
.hdr__nav > a:hover{color:var(--fg)}}
.hdr__nav > a.is-active::after{transform:scaleX(1);transform-origin:left}
@media (hover: hover) and (pointer: fine){
.hdr__nav > a:hover::after{transform:scaleX(1);transform-origin:left}}
.hdr__nav > a.is-active{color:var(--fg)}
.dd{position:relative}
.dd__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;padding:8px;background:rgba(18,18,18,.97);backdrop-filter:blur(14px);border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .4s var(--ease),visibility .3s}
.dd.is-open .dd__menu,.dd:focus-within .dd__menu{opacity:1;visibility:visible;transform:none}
.dd__menu a{display:block;padding:12px 14px;border-left:2px solid transparent;transition:background .25s,border-color .25s}
@media (hover: hover) and (pointer: fine){
.dd__menu a:hover{background:rgba(236,227,202,.05);border-color:var(--accent)}}
.dd__menu b{display:block;font-size:15px;font-weight:600}
.dd__menu small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.hdr__right{display:flex;align-items:center;gap:14px;flex-shrink:0}

/* Menu mobilne */
.drawer{position:fixed;inset:0;z-index:115;visibility:hidden;pointer-events:none}
.drawer.is-open{visibility:visible;pointer-events:auto}
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:#0d0d0d;border-left:1px solid var(--line);padding:calc(var(--hdr) + 24px) var(--pad) 32px;overflow-y:auto;transform:translateX(100%);transition:transform .7s var(--ease2);display:flex;flex-direction:column;gap:14px}
.drawer.is-open .drawer__panel{transform:none}
.split .wd{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:top;padding:0 .02em .14em;margin-bottom:-.14em}
.split .ch{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease)}
.split.is-in .ch{transform:none}
.split-lines .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.split-lines .ln > span{display:block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.split-lines.is-in .ln > span{transform:none}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.is-fitting .ch,.is-fitting .ln > span{transform:none!important;transition:none!important}

/* Nagłówki */
.big{font-weight:900;font-stretch:125%;font-size:clamp(44px,10vw,168px);line-height:.86;letter-spacing:-.02em;white-space:nowrap}
.h2{font-weight:800;font-stretch:110%;font-size:clamp(32px,5.4vw,84px);line-height:.98;letter-spacing:-.02em;text-transform:uppercase}
.h3{font-weight:700;font-stretch:110%;font-size:clamp(20px,1.8vw,26px);line-height:1.15;text-transform:uppercase}
.lead{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--soft);max-width:640px}
.section-label{display:flex;gap:12px;color:var(--muted);margin-bottom:22px}
.section-label span{color:var(--accent)}
.sec{padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--line);position:relative}
.sec__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,64px)}
.sec__head > div{min-width:0;max-width:820px}
.sec__head .lead{margin-top:22px}

/* Hero */
.hero{position:relative;min-height:100vh;min-height:100svh;padding-top:calc(var(--hdr) + 16px);display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--line)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,158,95,.55)}70%,100%{box-shadow:0 0 0 10px rgba(47,158,95,0)}}
.hero__visual{position:relative;width:100%;max-width:660px;aspect-ratio:1;justify-self:center}
.hero__visual::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(47,158,95,.10),transparent 65%);filter:blur(20px);animation:glow 6s ease-in-out infinite alternate}
@keyframes glow{to{transform:scale(1.15);opacity:.55}}
.logo-box canvas{position:relative;display:block;width:100%;height:100%;opacity:0;transition:opacity 1.2s}
.logo-box.is-live canvas{opacity:1}
@media (max-width:900px){
  .hero__visual{max-width:420px;order:2;margin:-10px 0 10px}
}
@media (max-width:600px){
  .hero__visual{max-width:340px}
}

/* Pasek haseł */
.marquee{padding:30px 0;border-bottom:1px solid var(--line);overflow:hidden;display:grid;gap:10px}
.marquee__track{display:flex;gap:28px;width:max-content;white-space:nowrap;font-weight:800;font-stretch:115%;font-size:clamp(26px,4.4vw,62px);text-transform:uppercase;line-height:1.05;will-change:transform}
.marquee__track b{color:var(--accent);font-size:.5em;align-self:center}
.outline{color:transparent;-webkit-text-stroke:1px var(--fg)}

/* Oferta */
.offer__list{border-top:1px solid var(--line)}
.offer__row{position:relative;display:grid;grid-template-columns:120px 40px minmax(0,1.1fr) minmax(0,1.5fr) 120px 30px;gap:24px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line);isolation:isolate}
.offer__row::before{content:"";position:absolute;inset:0 calc(var(--pad) * -1);z-index:-1;background:var(--fg);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease)}
@media (hover: hover) and (pointer: fine){
.offer__row:hover::before{transform:none}}
@media (hover: hover) and (pointer: fine){
.offer__row:hover{color:#000}}
.offer__n,.offer__desc{color:var(--muted);transition:color .4s}
@media (hover: hover) and (pointer: fine){
.offer__row:hover .offer__n,.offer__row:hover .offer__desc{color:#333}}
.offer__name{font-weight:800;font-stretch:118%;font-size:clamp(26px,3.8vw,56px);text-transform:uppercase;line-height:1;transition:transform .6s var(--ease)}
@media (hover: hover) and (pointer: fine){
.offer__row:hover .offer__name{transform:translateX(12px)}}
.offer__desc{font-size:15px}
.offer__meta{text-align:right;line-height:1.8}
.offer__arr{font-size:22px;transition:transform .5s var(--ease)}
@media (hover: hover) and (pointer: fine){
.offer__row:hover .offer__arr{transform:translateX(6px) rotate(-45deg)}}

/* O mnie */
.about__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:center}
.about__img{position:relative;aspect-ratio:4/5;overflow:hidden;background:#0d0d0d;border:1px solid var(--line)}
.about__img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.about__img::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(transparent,rgba(10,10,10,.6));pointer-events:none}
.about__text .lead{margin:26px 0 14px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:44px 0;border-top:1px solid var(--line);padding-top:24px}
.stat b{display:block;font-weight:900;font-stretch:125%;font-size:clamp(36px,5vw,72px);line-height:1}
.stat span{color:var(--muted);display:block;margin-top:8px}
.skills{display:grid;gap:22px}
.skill{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px}
.skill span{font-size:17px;font-weight:600}
.skill small{color:var(--muted);margin-left:8px}
.skill i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--line)}
.skill i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--v,0));transform-origin:0;transition:transform 1.8s var(--ease)}

/* Realizacje */
.split-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}
.split-head > .big:last-child{text-align:right}
.split-head__mid{text-align:center;color:var(--soft)}
.work__bar{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;margin:28px 0 40px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted)}
.card{width:clamp(250px,24vw,340px);flex-shrink:0;transition:opacity .5s,transform .6s var(--ease),filter .5s}
.card__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg2)}
.card__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s var(--ease);pointer-events:none}
@media (hover: hover) and (pointer: fine){
.card:hover .card__media img{transform:scale(1.12)}}
.card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.75));pointer-events:none}
.card h3{font-weight:700;font-stretch:115%;font-size:17px;text-transform:uppercase;margin-top:14px}
.card__meta{color:var(--muted);margin-top:4px;display:flex;justify-content:space-between;gap:8px}
.card p{color:#9b9b99;font-size:14px;margin-top:8px;line-height:1.5}
.card__link{display:inline-block;margin-top:10px;border-bottom:1px solid var(--line2);padding-bottom:2px;transition:color .3s,border-color .3s}
@media (hover: hover) and (pointer: fine){
.card__link:hover{color:var(--accent);border-color:var(--accent)}}

/* Branże */
.ring{position:relative;width:1px;height:1px;transform-style:preserve-3d}

/* Cennik */
.tabs{position:relative;display:flex;border:1px solid var(--line)}
.tabs button{position:relative;z-index:1;padding:12px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:color .4s;white-space:nowrap}
.tabs button.is-active{color:#000}
.tabs__ink{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--fg);transition:transform .6s var(--ease),width .6s var(--ease)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.plan{position:relative;padding:28px;border:1px solid var(--line);display:flex;flex-direction:column;gap:16px;min-height:430px;transform:var(--tilt,none);transform-style:preserve-3d;will-change:transform;transition:border-color .4s,box-shadow .5s}
@media (hover: hover) and (pointer: fine){
.plan:hover{border-color:var(--line2)}}
.plan.is-tilt{box-shadow:0 40px 70px -20px rgba(0,0,0,.85)}
.plan::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(236,227,202,.10),transparent 55%);opacity:0;transition:opacity .4s}
.plan.is-tilt::after{opacity:1}
.plan.is-featured::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(47,158,95,.35),transparent 55%)}
.plan h3,.plan__price{transform:translateZ(30px)}
.plan .btn,.plan__tag{transform:translateZ(20px)}
.plan.is-featured{background:var(--fg);color:#000;border-color:var(--fg)}
.plan__tag{align-self:flex-start;padding:5px 9px;border:1px solid currentColor}
.plan.is-featured .plan__tag{background:#000;color:var(--accent);border-color:#000}
.plan h3{font-weight:800;font-stretch:115%;font-size:24px;text-transform:uppercase}
.plan__sub{color:var(--muted);font-size:14px;margin-top:-10px}
.plan__price{font-weight:900;font-stretch:118%;font-size:clamp(38px,3.8vw,56px);line-height:1;white-space:nowrap}
.plan__price small{font-size:.35em;font-weight:600;margin-left:4px}
.plan__from,.plan__time{color:var(--muted)}
.plan.is-featured .plan__time,.plan.is-featured .plan__from,.plan.is-featured .plan__sub{color:#555}
.plan ul{list-style:none;display:grid;gap:10px;margin-top:4px;flex:1}
.plan li{position:relative;padding-left:18px;font-size:15px}
.plan li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;background:var(--accent)}
.plan.is-featured li::before{background:#000}
.plan.is-featured .btn{background:#000;color:rgb(236,227,202);border-color:#000}
.plan.is-featured .btn::before{background:var(--accent)}
@media (hover: hover) and (pointer: fine){
.plan.is-featured .btn:hover{color:#000}}
.plan.anim{animation:planIn .7s var(--ease) both}
@keyframes planIn{from{opacity:0;transform:translateY(36px)}}

/* Proces */
.process{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px)}
.process__sticky{position:sticky;top:calc(var(--hdr) + 40px);align-self:start;display:grid;gap:18px}
.process__counter{display:flex;align-items:baseline;gap:10px;margin-top:14px}
.process__counter b{font-weight:900;font-stretch:125%;font-size:clamp(72px,11vw,170px);line-height:.85;color:var(--accent)}
.steps{list-style:none;position:relative;padding-left:40px}
.steps::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--line)}
.steps__fill{position:absolute;left:8px;top:0;width:1px;height:100%;background:var(--accent);transform-origin:top;transform:scaleY(0)}
.step{position:relative;padding:54px 0;border-bottom:1px solid var(--line);opacity:.3;transition:opacity .6s}
.step.is-active,.step.is-done{opacity:1}
.step::before{content:"";position:absolute;left:-37px;top:60px;width:11px;height:11px;border-radius:50%;border:1px solid var(--line2);background:var(--bg);transition:background .4s,border-color .4s,box-shadow .4s}
.step.is-active::before,.step.is-done::before{background:var(--accent);border-color:var(--accent)}
.step.is-active::before{box-shadow:0 0 0 6px rgba(47,158,95,.15)}
.step__top{display:flex;justify-content:space-between;gap:10px;color:var(--muted)}
.step h3{font-weight:800;font-stretch:118%;font-size:clamp(28px,3.8vw,54px);text-transform:uppercase;line-height:1;margin:10px 0 14px}
.step p{color:var(--soft);font-size:17px;max-width:480px}

/* FAQ */
.faq__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(30px,6vw,90px)}
.faq__grid .muted{margin-top:22px;max-width:380px}
.acc{border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:clamp(17px,1.5vw,21px);font-weight:600;transition:color .3s}
.acc summary::-webkit-details-marker{display:none}
@media (hover: hover) and (pointer: fine){
.acc summary:hover{color:var(--accent)}}
.acc summary i{position:relative;flex-shrink:0;width:18px;height:18px}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1.5px;background:currentColor;transition:transform .5s var(--ease)}
.acc summary i::after{transform:rotate(90deg)}
.acc details[open] summary i::after{transform:rotate(0)}
.acc details > div{overflow:hidden;transition:height .5s var(--ease)}
.acc details > div p{padding:0 0 24px;color:var(--muted);max-width:620px}

/* CTA i stopka */
.cta{padding:clamp(90px,12vw,150px) var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:24px;overflow:hidden}
.cta > p.mono{color:var(--muted)}
.cta__big{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:var(--max);font-weight:900;font-stretch:118%;font-size:clamp(34px,7.4vw,128px);line-height:.95;letter-spacing:-.02em}
.cta__row{display:block;min-width:0;text-align:center;white-space:nowrap}
.cta__inner{display:inline-block;transition:color .5s}
@media (hover: hover) and (pointer: fine){
.cta__big:hover .cta__inner{color:transparent;-webkit-text-stroke:2px var(--accent)}}
.cta__sub{max-width:520px;color:var(--muted);font-size:18px}
.footer{border-top:1px solid var(--line);padding:70px 0 24px;overflow:hidden}
.footer > *{max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:var(--pad);padding-right:var(--pad)}
.footer__cols{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}
.footer h4{color:var(--muted);font-weight:400;margin-bottom:14px}
.footer__cols > div > a:not(.hdr__logo),.footer__link{display:block;padding:3px 0;width:fit-content;text-align:left;transition:color .3s}
@media (hover: hover) and (pointer: fine){
.footer__cols a:hover,.footer__link:hover{color:var(--accent)}}
.footer__cities{margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.footer__cities p{color:var(--muted);font-size:14px;line-height:1.9}
.footer__bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}

/* Formularz wyceny */
.modal{position:fixed;inset:0;z-index:170;visibility:hidden;pointer-events:none}
.modal.is-open,.modal.is-closing{visibility:visible}
.modal.is-open{pointer-events:auto}
.modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .45s ease}
.modal.is-open .modal__overlay{opacity:1}
.modal__panel{position:absolute;left:50%;top:50%;width:min(1280px,calc(100vw - 48px));height:min(780px,calc(100vh - 48px));height:min(780px,calc(100svh - 48px));display:grid;grid-template-columns:var(--lb-l,1fr) var(--lb-r,1fr);background:#0d0d0d;border:1px solid var(--line2);box-shadow:0 60px 120px rgba(0,0,0,.7);overflow:hidden;opacity:0;transform:translate(-50%,-50%) scale(.96) translateY(24px);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s,grid-template-columns .5s cubic-bezier(.2,.8,.2,1)}
.modal.is-open .modal__panel{opacity:1;transform:translate(-50%,-50%)}
.modal.is-closing .modal__panel{opacity:0;transform:translate(-50%,-50%) scale(.98) translateY(-14px)}
.modal__panel.step-2,.modal__panel.step-3{--lb-l:.55fr;--lb-r:1.45fr}
.modal__side{display:flex;flex-direction:column;gap:16px;padding:44px;border-right:1px solid var(--line);background:radial-gradient(90% 60% at 0% 0%,rgba(47,158,95,.06),transparent 60%),#0a0a0a;min-width:0;overflow:hidden}
.modal__side h3{font-weight:900;font-stretch:118%;font-size:clamp(32px,4.4vw,64px);line-height:.95;text-transform:uppercase}
.modal__lead{color:var(--muted);max-width:420px}
.modal__img{width:100%;flex:1;min-height:120px;object-fit:cover;filter:grayscale(1) contrast(1.05);margin-top:6px}
.modal__steps{display:flex;gap:6px}
.modal__steps span{flex:1;padding-top:8px;border-top:2px solid var(--line);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .4s,color .4s}
.modal__steps span.is-on{border-color:var(--accent);color:var(--fg)}
.modal__form{position:relative;display:flex;flex-direction:column;padding:72px 44px 32px;min-width:0;overflow-y:auto}
.modal__close{position:absolute;top:18px;right:20px;z-index:3;display:flex;align-items:center;gap:12px;color:var(--muted);transition:color .3s}
@media (hover: hover) and (pointer: fine){
.modal__close:hover{color:var(--fg)}}
.fstep{display:none;flex-direction:column;gap:16px}
.fstep.is-on{display:flex}
.fstep.enter{animation:stepIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes stepIn{from{opacity:0;transform:translateX(28px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
.fstep__q{color:var(--muted);margin-bottom:6px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{position:relative;display:block}
.field input{width:100%;padding:24px 0 10px;background:none;border:0;border-bottom:1px solid var(--line2);color:var(--fg);font-size:18px;outline:none;transition:border-color .3s;border-radius:0}
.field input:focus{border-color:var(--accent)}
.field span{position:absolute;left:0;top:22px;color:var(--muted);pointer-events:none;transition:transform .35s var(--ease),font-size .35s,color .35s;transform-origin:0}
.field input:focus + span,.field input:not(:placeholder-shown) + span{transform:translateY(-18px);font-size:12px;color:var(--accent)}
.field.is-err input{border-color:#ff5a4f}
.choices{display:grid;gap:12px}
.choices--cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;text-align:left;min-height:210px;padding:20px 18px;border:1px solid var(--line);background:rgba(236,227,202,.02);transition:border-color .3s,background .3s,transform .5s var(--ease)}
@media (hover: hover) and (pointer: fine){
.choice:hover{border-color:var(--line2);transform:translateY(-4px)}}
.choice.is-sel{border-color:var(--accent);background:rgba(47,158,95,.07)}
.choice b{display:block;font-weight:800;font-stretch:115%;font-size:22px;text-transform:uppercase;line-height:1.05;margin-bottom:6px}
.choice small{color:var(--muted);font-size:13px}
.choice__n{color:var(--muted)}
.choice__price{color:var(--accent);font-size:13px}
.modal__nav{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:28px}
.modal__nav [hidden]{display:none}
.modal__nav #qNext{margin-left:auto}
.modal__err{color:#ff7a70;min-height:16px;text-transform:none;margin-top:10px}
.modal__legal{font-size:12px;color:var(--muted)}
.modal__legal a{text-decoration:underline}
.fstep--done{justify-content:center;align-items:flex-start;flex:1}
.fstep--done h3{font-weight:900;font-stretch:118%;font-size:clamp(36px,4vw,60px);text-transform:uppercase}
.done-check svg{width:84px;height:84px;fill:none;stroke:var(--accent);stroke-width:2}
.done-check circle{stroke-dasharray:160;stroke-dashoffset:160;animation:draw .8s var(--ease) forwards}
.done-check path{stroke-dasharray:50;stroke-dashoffset:50;animation:draw .5s .6s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@media (max-width:900px){
  .modal__panel,.modal__panel.step-2,.modal__panel.step-3{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:calc(100vw - 24px);height:calc(100svh - 24px)}
  .modal__side{padding:24px 20px 18px;border-right:0;border-bottom:1px solid var(--line);gap:10px}
  .modal__side h3{font-size:30px}
  .modal__img,.modal__lead{display:none}
  .modal__form{padding:22px 20px 22px}
  .choices--cards{grid-template-columns:minmax(0,1fr)}
  .choice{min-height:0;flex-direction:row;align-items:center;gap:12px}
  .choice b{font-size:18px}
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .modal__close{top:14px;right:14px}
  .modal__close-label{display:none}
}
.x-ico{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.x-ico span{position:absolute;left:3px;width:16px;height:1.5px;background:currentColor;transition:transform .55s cubic-bezier(.2,.8,.2,1),background .3s}
.x-ico--x span:first-child{transform:rotate(45deg)}
.x-ico--x span:last-child{transform:rotate(-45deg)}
@media (hover:hover){.modal__close:hover .x-ico{transform:rotate(90deg)}.modal__close:hover .x-ico span{background:var(--accent)}}

/* Cookies */
.cookie{position:fixed;right:16px;bottom:16px;z-index:112;width:min(440px,calc(100% - 32px));background:#111;border:1px solid var(--line2);padding:22px;box-shadow:0 30px 60px rgba(0,0,0,.6);transform-origin:100% 100%;transform:scale(.1);clip-path:inset(calc(100% - 42px) 0 0 calc(100% - 42px));opacity:0;transition:transform .7s var(--ease),clip-path .7s var(--ease),opacity .35s;visibility:hidden}
.cookie.is-open{transform:none;clip-path:inset(0);opacity:1;visibility:visible}
.cookie__title{font-weight:700;font-size:17px;margin-bottom:8px}
.cookie p{font-size:14px;color:var(--soft)}
.cookie p a{text-decoration:underline}
.cookie__opts{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.cookie__opts label{display:flex;align-items:center;gap:10px;font-size:14px}
.cookie__opts small{color:var(--muted);margin-left:auto;font-size:12px}
.cookie__opts input{accent-color:var(--accent);width:16px;height:16px}
.cookie__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.cookie-fab{position:fixed;left:16px;bottom:16px;z-index:140;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line2);background:rgba(15,15,15,.85);backdrop-filter:blur(8px);color:var(--soft);transition:color .3s,border-color .3s,opacity .4s}
@media (hover: hover) and (pointer: fine){
.cookie-fab:hover{color:var(--accent);border-color:var(--accent)}}
body.cookie-open .cookie-fab{opacity:0;pointer-events:none}

/* Podstrony */
.phero{padding:calc(var(--hdr) + clamp(36px,6vw,80px)) 0 clamp(60px,8vw,110px);position:relative;overflow:hidden}
.phero::before{content:"";position:absolute;right:-10%;top:-20%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(47,158,95,.07),transparent 60%);pointer-events:none}
.phero h1{font-weight:900;font-stretch:118%;font-size:clamp(38px,6.6vw,104px);line-height:.92;letter-spacing:-.02em;text-transform:uppercase}
.phero .lead{margin-top:26px}

/* Ilustracje */
.mock{background:#141414;border:1px solid var(--line2);box-shadow:0 40px 80px -20px rgba(0,0,0,.8)}

/* Korzyści, pakiet, CMS */
.cms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center}
.cms .btn{margin-top:8px}

/* Wsparcie */
.support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.support .plan{min-height:0}
.hourly{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:18px;padding:24px 28px;border:1px dashed var(--line2)}
.hourly b{display:block;font-weight:900;font-stretch:118%;font-size:30px;white-space:nowrap}

/* Audyt */
.score{position:relative;display:grid;justify-items:center;text-align:center;gap:6px}
.score svg{width:100%;max-width:84px;transform:rotate(-90deg)}
.score circle{fill:none;stroke-width:6}
.score .bg{stroke:#262626}
.score b{position:absolute;top:0;left:0;right:0;aspect-ratio:1;max-width:84px;margin:auto;display:grid;place-items:center;font-weight:800;font-stretch:115%;font-size:22px}
.score small{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Realizacje */
.projects{display:grid;gap:0}
.proj{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(48px,7vw,90px) 0;border-top:1px solid var(--line)}
.proj h2{font-weight:900;font-stretch:118%;font-size:clamp(32px,4.4vw,64px);line-height:.95;text-transform:uppercase}
.proj p{color:var(--soft)}
.proj dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;font-size:14px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proj dt{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:2px}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span{padding:4px 9px;border:1px solid var(--line);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--soft)}

/* Dokumenty */
.doc__meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px;color:var(--muted)}
.doc{display:block}
.doc__body{max-width:780px;color:var(--soft);font-size:16px}
.doc__body h2{display:flex;gap:14px;align-items:baseline;font-weight:800;font-stretch:110%;font-size:clamp(22px,2.4vw,30px);text-transform:uppercase;color:var(--fg);margin:56px 0 18px;line-height:1.15;scroll-margin-top:calc(var(--hdr) + 20px)}
.doc__body h2:first-child{margin-top:0}
.doc__body h2 span{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:400;flex-shrink:0}
.doc__body h3{color:var(--fg);font-size:18px;margin:26px 0 10px}
.doc__body p{margin-bottom:14px}
.doc__body ol,.doc__body ul{padding-left:22px;display:grid;gap:10px;margin-bottom:14px}
.doc__body li::marker{color:var(--accent)}
.doc__body a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.doc__body strong{color:var(--fg)}
.doc__body .btn{text-decoration:none;margin-top:6px}
.table-wrap{overflow-x:auto;margin:10px 0 18px;border:1px solid var(--line)}
.table-wrap table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.table-wrap th,.table-wrap td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.table-wrap th{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:400;background:var(--bg2)}
.e404{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:calc(var(--hdr) + 40px) var(--pad) 60px;overflow:hidden;text-align:center}
.e404__num{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-stretch:125%;font-size:42vw;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(236,227,202,.08);pointer-events:none;white-space:nowrap}
.e404__in{position:relative;display:grid;justify-items:center;gap:16px;max-width:700px}
.e404 .lead{margin:0 auto}
.e404__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.e404__links a{padding:10px 14px;border:1px solid var(--line2);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;transition:background .3s,color .3s}
@media (hover: hover) and (pointer: fine){
.e404__links a:hover{background:var(--fg);color:#000}}

/* Responsywność */
@media (max-width:1180px){
  .hdr__nav > a{padding:10px 9px}
  .hdr__nav > a::after{left:9px;right:9px}
}
@media (max-width:1024px){
  :root{--hdr:64px}
  .hdr__nav{display:none}
  .hdr__right{margin-left:auto}
  .offer__row{grid-template-columns:96px minmax(0,1fr) 28px;column-gap:18px;row-gap:8px}
  .offer__thumb{grid-row:1/4;align-self:start}
  .offer__n{display:none}
  .offer__desc,.offer__meta{grid-column:2;text-align:left}
  .offer__arr{grid-column:3;grid-row:1}
  .about__grid,.process,.faq__grid,.cms,.proj{grid-template-columns:minmax(0,1fr)}
  .about__img{aspect-ratio:1/1;max-width:560px}
  .process__sticky{position:relative;top:0}
  .plans,.support{grid-template-columns:minmax(0,1fr)}
  .plan{min-height:0}
  .footer__cols{grid-template-columns:1fr 1fr}
  .doc{grid-template-columns:minmax(0,1fr)}
      .hourly{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .split-head{grid-template-columns:minmax(0,1fr);gap:8px}
  .split-head__mid{text-align:left}
  .split-head > .big:last-child{text-align:right}
  .work__bar .link-arrow{order:3}
  .stat span{font-size:9px}
  .tabs{width:100%}
  .tabs button{flex:1;padding:12px 4px}
  .footer__cols{grid-template-columns:minmax(0,1fr)}
  .cookie__btns .btn{flex:1 1 auto}
  .cookie__btns .btn:first-child{flex-basis:100%}
}
@media (max-width:420px){
  .hdr__right .btn{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .grain{display:none}
}
.cookie__opts[hidden]{display:none}
.cookie .btn{white-space:normal;text-align:center}
body.lock .cookie,body.lock .cookie-fab{opacity:0;pointer-events:none}

/* Dodatki */
html.lenis,html.lenis body{height:auto}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.hdr__logo img{width:30px;height:30px;transition:transform .6s var(--ease)}
@media (hover: hover) and (pointer: fine){
.hdr__logo:hover img{transform:rotate(-8deg) scale(1.08)}}
.offer__thumb{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--bg2)}
.offer__thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5);transition:transform .8s var(--ease),filter .6s}
@media (hover: hover) and (pointer: fine){
.offer__row:hover .offer__thumb img{transform:scale(1.1);filter:none}}
.shot{margin:0;background:#141414;border:1px solid var(--line2);box-shadow:0 40px 80px -20px rgba(0,0,0,.8);overflow:hidden;transition:transform .8s var(--ease)}
.shot img{width:100%;height:auto}
@media (hover: hover) and (pointer: fine){
.shot:hover{transform:translateY(-6px)}}
.dg{position:relative;margin:0;overflow:hidden;background:var(--bg2)}
.dg--laptop{grid-row:1/3}
.dg img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
@media (hover: hover) and (pointer: fine){
.proj:hover .dg img{transform:scale(1.06)}}
.dg figcaption{position:absolute;left:10px;bottom:10px;padding:4px 8px;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);font-size:10px;color:var(--soft)}
.modal__img{width:100%;aspect-ratio:16/7;object-fit:cover;border:1px solid var(--line);margin-bottom:6px}
.e404__logo{position:relative;width:min(240px,56vw);aspect-ratio:1}
.e404__logo canvas{width:100%;height:100%}
@media (max-width:700px){.dg--laptop{grid-row:auto;grid-column:1/-1;aspect-ratio:1}.dg{aspect-ratio:1}.offer__row{grid-template-columns:80px minmax(0,1fr) 24px}}
.h2,.big,.offer__name,.phero h1,.proj h2,.step h3,.plan h3{overflow-wrap:normal;word-break:normal;hyphens:none}
.cookie-fab{left:auto;right:16px}
.logo-stack{position:relative;clip-path:inset(0)}
.logo-layer{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;z-index:0;pointer-events:none;overflow:hidden}
.logo-layer canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s}
.logo-layer.is-live canvas{opacity:1}
.logo-stack > section{position:relative;z-index:1}

/* Obrót napisu */
.roll{display:inline-grid;overflow:hidden;vertical-align:top;line-height:1.3}
.roll-t{grid-area:1/1;display:block;white-space:nowrap;transition:transform .4s cubic-bezier(.7,0,.25,1.2)}
.roll-t + .roll-t{transform:translateY(110%)}
@media (hover:hover){
  .has-roll:hover .roll-t:first-child{transform:translateY(-110%)}
  .has-roll:hover .roll-t + .roll-t{transform:translateY(0)}
}
@media (hover:none){
  .has-roll:active .roll-t:first-child{transform:translateY(-110%)}
  .has-roll:active .roll-t + .roll-t{transform:translateY(0)}
}
.hdr__nav > a::after{bottom:2px}
@media (prefers-reduced-motion:reduce){.roll-t{transition:none}}
.hdr{mix-blend-mode:difference;color:rgb(236,227,202);border-bottom:0;background:none}
.hdr__nav > a,.hdr__logo{color:rgb(236,227,202)}
.hdr__nav > a::after{background:rgb(236,227,202)}
.hdr__nav{gap:4px}
.hdr__nav > a.hdr__cta{margin-left:10px;padding:9px 15px;border:1px solid rgba(236,227,202,.7)}
.hdr__nav > a.hdr__cta::after{display:none}
@media (hover: hover) and (pointer: fine){
.hdr__nav > a.hdr__cta:hover{border-color:rgb(236,227,202)}}
body.lock .hdr{mix-blend-mode:normal}

/* Jasny motyw sekcji */
.th-light{--bg:#f2f2f2;--bg2:rgb(218,207,176);--bg3:#dcdcd8;--line:rgba(0,0,0,.12);--line2:rgba(0,0,0,.26);--fg:#0b0b0b;--muted:#61615d;--soft:#2c2c2a;--accent:#3f6212;background:var(--bg);color:var(--fg)}
.th-light .btn--light{background:#0b0b0b;color:rgb(236,227,202);border-color:#0b0b0b}
@media (hover: hover) and (pointer: fine){
.th-light .btn--light:hover{background:#000}}
.th-light .btn--ghost{color:#0b0b0b;border-color:#0b0b0b}
.th-light .about__img{border-color:transparent}
.th-light .step.is-active::before{box-shadow:0 0 0 6px rgba(95,122,0,.15)}
.th-light .skill i::after{background:#0b0b0b}

/* O mnie */
.about__grid{align-items:stretch}
.about__left{display:flex;flex-direction:column;gap:36px;min-width:0}
.about__left .about__img{aspect-ratio:16/10;max-width:none}
.about__left .skills{margin-top:auto}
.about__text{display:flex;flex-direction:column}
.about__text .stats{margin-bottom:0;margin-top:auto;padding-top:24px}
.about__text .lead{margin-top:22px}
.about__text .muted{margin-bottom:36px}
@media (max-width:1024px){.about__left .about__img{aspect-ratio:16/10;max-width:none}.about__left .skills{margin-top:0}.about__text .stats{margin-top:20px}}

.cta,.footer{position:relative;z-index:100}

/* Gradienty zamiast jednolitych kolorów */
:root{--grad-dark:linear-gradient(180deg,#101010 0%,#070707 100%);--grad-light:linear-gradient(180deg,#f5f5f3 0%,#e4e4e0 100%)}
body{background:#070707}
.stk,.cta{background:var(--grad-dark)}
.stk.th-light,.th-light{background:var(--grad-light)}
.logo-stack{background:var(--grad-dark)}
.logo-stack > section{background:transparent}

/* Przejście */
.stk{transform-origin:50% 0;overflow:clip;will-change:transform;border-top:0}
.stk::after{content:"";position:absolute;inset:0;z-index:60;background:#000;opacity:var(--dim,0);pointer-events:none}
.stk.logo-stack{overflow:visible;clip-path:inset(0)}
.cta{position:relative;z-index:100}
.footer{background:#070707}
.plan--photo{overflow:hidden;isolation:isolate;background:#0b0b0b;color:rgb(236,227,202);border-color:rgba(236,227,202,.16)}
.plan__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.plan__bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.2s var(--ease)}
.plan__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.97) 0%,rgba(0,0,0,.9) 45%,rgba(0,0,0,.55) 100%)}
@media (hover: hover) and (pointer: fine){
.plan--photo:hover .plan__bg img{transform:scale(1.16)}}
.plan--photo .plan__sub,.plan--photo .plan__from,.plan--photo .plan__time{color:#b9b9b5}
.plan--photo li::before{background:#2f9e5f}
.plan--photo.is-featured{background:#0b0b0b;color:rgb(236,227,202);border:1px solid #2f9e5f;box-shadow:0 0 0 1px #2f9e5f,0 30px 60px -20px rgba(47,158,95,.25)}
.plan--photo.is-featured .plan__bg::after{background:linear-gradient(to top,rgba(0,0,0,.97) 0%,rgba(0,0,0,.9) 50%,rgba(12,14,0,.7) 100%)}
.plan--photo.is-featured .plan__tag{background:#2f9e5f;color:#000;border-color:#2f9e5f}
.plan--photo.is-featured .plan__sub,.plan--photo.is-featured .plan__from,.plan--photo.is-featured .plan__time{color:#c9c9c4}
.plan--photo.is-featured li::before{background:#2f9e5f}
.plan--photo.is-featured .btn{background:#2f9e5f;color:#000;border-color:#2f9e5f}
.plan--photo .btn--ghost{color:rgb(236,227,202);border-color:rgb(236,227,202)}
.plan--photo::after{z-index:0}
.plan--photo > *:not(.plan__bg){position:relative;z-index:1}

/* Menu */
.stk-prev{overflow:clip}
.modal__side h3{overflow-wrap:normal;word-break:normal;hyphens:none;transition:font-size .5s cubic-bezier(.2,.8,.2,1)}
.modal__panel.step-2 .modal__side h3,.modal__panel.step-3 .modal__side h3{font-size:clamp(24px,2.5vw,38px)}

/* Tło w każdej sekcji */
main > section,main > .logo-stack,.cta,.footer,.e404{background:var(--grad-dark)}
main > section.th-light{background:var(--grad-light)}
.footer{background:linear-gradient(180deg,#0b0b0b,#050505)}

/* Realizacje */
.card{width:clamp(300px,46vw,700px)}
.card__media{aspect-ratio:16/10;background:#000}
.card__media::after{display:none}
.dev-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,11fr);grid-template-rows:1fr 1fr;gap:4px;width:100%;height:100%;background:#000}
.dev-grid .dg{position:relative;margin:0;overflow:hidden;min-height:0;background:#0b0b0b}
.dev-grid .dg--laptop{grid-column:2;grid-row:1/span 2}
.dev-grid .dg--telefon{grid-column:1;grid-row:1}
.dev-grid .dg--tablet{grid-column:1;grid-row:2}
.dev-grid img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--ease)}
@media (hover: hover) and (pointer: fine){
.card:hover .dev-grid img,.proj:hover .dev-grid img{transform:scale(1.08)}}
.dev-grid figcaption{position:absolute;right:8px;bottom:8px;padding:4px 8px 3px;border-radius:999px;font:500 9px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(236,227,202,.8);background:rgba(0,0,0,.5);pointer-events:none}
.card__head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}
.card__head h3{margin-top:0;font-size:clamp(18px,1.6vw,24px)}
@media (max-width:600px){.card{width:86vw}.dev-grid{gap:3px}.dev-grid figcaption{right:6px;bottom:6px;padding:3px 6px 2px;font-size:7.5px}}
.proj > *{min-width:0}
:root{--accent:#2f9e5f;--accent-2:#0b2e1a;--grad-acc:linear-gradient(90deg,#0b2e1a,#2f9e5f)}
.th-light{--accent:#3f6212;--grad-acc:linear-gradient(90deg,#0e7490,#3f6212)}
em,.section-label span,.process__counter b,.choice__price,.plan__price small{background:var(--grad-acc);-webkit-background-clip:text;background-clip:text;color:transparent}
.marquee__track b{background:var(--grad-acc);-webkit-background-clip:text;background-clip:text;color:transparent}
.progress,.skill i::after,.steps__fill{background:var(--grad-acc)!important}
.step.is-active::before,.step.is-done::before{background:var(--grad-acc);border-color:transparent}
.plan--photo.is-featured{border-color:transparent;box-shadow:0 0 0 1.5px #2f9e5f,0 30px 60px -20px rgba(11,46,26,.25);background:#0b0b0b}
.plan--photo.is-featured .plan__tag,.plan--photo.is-featured .btn{background:var(--grad-acc);border-color:transparent;color:#000}
.plan--photo li::before{background:var(--grad-acc)}
.choice.is-sel{border-color:#2f9e5f;background:linear-gradient(135deg,rgba(11,46,26,.08),rgba(47,158,95,.08))}
.modal__steps span.is-on{border-image:var(--grad-acc) 1}
@media (hover: hover) and (pointer: fine){
.btn--light:hover{background:var(--grad-acc);color:#000;border-color:transparent}}
@media (hover: hover) and (pointer: fine){
.th-light .btn--light:hover{background:#000;color:rgb(236,227,202)}}

/* Sekcje bez podświetlenia */
.hero__visual::before,.phero::before{display:none!important}

/* FAQ */
.faq__grid{align-items:start}
.faq__grid > div:first-child{position:sticky;top:calc(var(--hdr) + 30px)}
@media (max-width:1024px){.faq__grid > div:first-child{position:static}}

/* Porozmawiajmy bez hovera */
@media (hover: hover) and (pointer: fine){
.cta__big:hover .cta__inner{color:inherit;-webkit-text-stroke:0}}
.cta__big{cursor:pointer}

/* Stopka */
.footer__cities{text-align:center;border-top:0;padding-top:0}
.footer__cities p{max-width:900px;margin:0 auto}
.footer__bottom{justify-content:center;border-top:0;padding-top:24px}
.dev-grid figcaption,.dg figcaption{left:auto!important;right:8px;bottom:8px;width:auto}

/* Zaokrąglone bloki i przyciski */
:root{--r:18px;--r-sm:12px}
.btn,.tabs,.tabs button,.tabs__ink,.e404__links a,.cookie-fab,.plan__tag,.tags span{border-radius:999px}
.plan,.card__media,.dev-grid,.offer__thumb,.about__img,.mock,.shot,.choice,.modal__panel,.cookie,.dd__menu,.hourly,.table-wrap,.modal__img,.dg,.marquee__track span{border-radius:var(--r)}
.dev-grid{overflow:hidden}
.dev-grid .dg{border-radius:0}
.offer__thumb{border-radius:var(--r-sm)}
.modal__img{border-radius:var(--r-sm)}
.field input{border-radius:0}
.plan__bg{border-radius:inherit}
:root{--bg:#000;--grad-dark:#000}
html,body{background:#000}
main > section,main > .logo-stack,.logo-stack,.sec,.hero,.phero,.cta,.footer,.e404,.marquee{background:#000!important}
.logo-stack > section{background:transparent!important}
.stk,.stk-prev{transform:none!important;border-radius:0!important}
.stk-prev::after{display:none}

/* Stopka z wielkim napisem */
.fmega__w{display:block;white-space:nowrap}
.footer__cities{margin-top:clamp(40px,5vw,70px)}

/* Hero według projektu */
.sj__bg{position:absolute;left:0;right:0;top:0;height:100vh;height:100svh;z-index:0;pointer-events:none;overflow:hidden}
.sj__bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(transparent,#000)}
.hero--sj{border-bottom:0}
.sj__visual{grid-area:vis;justify-self:center;align-self:center;width:min(560px,44vw);max-width:none;aspect-ratio:1}
.sj__title{font-weight:300;font-stretch:100%;font-size:clamp(40px,4.8vw,78px);line-height:1;letter-spacing:-.035em;text-transform:none}
.sj__line{display:block;white-space:nowrap}
.sj__title .split .wd{padding-top:.1em;margin-top:-.1em}
@media (max-width:1024px){
  .sj__visual{width:min(460px,70vw)}
}
@media (max-width:700px){
  .sj__visual{width:min(340px,82vw)}
}
.sj__visual{width:min(520px,44vw,48vh)}
@media (max-width:1024px){.sj__visual{width:min(440px,70vw,48vh)}}
@media (max-width:700px){.sj__visual{width:min(320px,80vw)}}

/* Hero */
.hero--sj{height:100vh;height:100svh;min-height:600px}
.sj__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%;filter:brightness(.62) contrast(1.08)}
.sj__bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.1) 55%,rgba(0,0,0,.7) 85%,#000 100%)}
.sj__bg::after{z-index:1}
.sj__visual{width:min(460px,40vw,40vh);align-self:center}
@media (max-width:700px){
  .hero--sj{height:auto;min-height:100svh}
  .sj__visual{width:min(300px,76vw)}
}
@media (max-height:720px) and (min-width:701px){.sj__title{font-size:clamp(36px,4vw,58px)}}
.marquee--tall{min-height:50vh;min-height:50svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,2vh,22px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marquee--tall .marquee__track{font-size:clamp(40px,7vw,120px)}
.hero--sj{padding-bottom:0}
.sj__visual{width:min(440px,38vw,34vh)}

/* Hero */
#oferta{border-top:0}
.hero--sj .sj__visual{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(600px,44vw,60vh);z-index:0;pointer-events:none}
.sj__title{font-size:clamp(52px,7.4vw,132px);line-height:.95}
@media (max-width:1024px) and (min-width:701px){
  .hero--sj .sj__visual{width:min(520px,62vw,46vh);top:34%}
}
@media (max-width:700px){
  .hero--sj .sj__visual{position:relative;left:auto;top:auto;transform:none;width:min(320px,80vw)}
  .sj__title{font-size:clamp(44px,13vw,72px)}
}
@media (max-height:760px) and (min-width:1025px){.sj__title{font-size:clamp(48px,6vw,96px)}}

/* Tytuł hero */
.sj__title{font-family:var(--display);font-weight:700;font-stretch:100%;letter-spacing:-.045em;line-height:.92}
.hero--sj .sj__visual{top:50%}

/* Jeden krój tytułów */
@font-face{font-family:"Inter Tight";src:url(../fonts/inter-tight-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";src:url(../fonts/inter-tight-latin-ext-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--title:"Inter Tight","Helvetica Neue",Arial,sans-serif;--accent:#2f9e5f;--accent-2:#0b2e1a;--grad-acc:linear-gradient(90deg,#3cb874,#145c34);--grad-btn:linear-gradient(105deg,#2f9e5f 0%,#123d24 55%,#000 100%)}
h1,h2,.h2,.big,.sj__title,.offer__name,.fmega__w,.phero h1,.proj h2,.plan h3,.step h3,.cta h2,.faq h2,.e404 h1{font-family:var(--title)!important;font-weight:800!important;font-stretch:100%!important;letter-spacing:-.04em}
.sj__title,.h2,.big{text-transform:uppercase;line-height:.9}
.sj__title{font-size:clamp(44px,6.2vw,112px)}
/* Przyciski i pigułki */
.plan--photo.is-featured .btn,.plan--photo.is-featured .plan__tag{color:rgb(236,227,202)}

/* Hero */
@media (max-width:700px){
  .hero--sj .sj__visual{margin:0 auto}
}

/* Logo 3D */
.logo-layer--page{position:fixed!important;inset:0;height:auto!important;margin:0!important;z-index:-1!important;pointer-events:none;overflow:hidden}
.logo-stack{clip-path:none!important;background:transparent!important}
.sj__bg{z-index:-2!important}
main > section,main > .logo-stack,.logo-stack,.sec,.hero,.cta,.marquee,main > div{background:transparent!important}
html{background:#000!important}body{background:transparent!important}

/* Menu */
.split-lines .ln{padding-top:.16em;margin-top:-.16em}
.split .wd{padding-top:.16em;margin-top:-.16em}
.hero--sj .sj__visual{grid-area:auto!important}
@media (max-width:700px){.hero--sj .sj__visual{top:auto;left:auto;transform:none}}
@media (max-width:700px){.hero--sj .sj__visual{order:-1}}

/* Sekcje "listowe" */
.sec--narrow .wrap{padding-left:max(var(--pad),18vw);padding-right:max(var(--pad),18vw);max-width:none}
.sec--narrow .sec__head{display:flex;justify-content:center;text-align:center}
.sec--narrow .sec__head > div{display:grid;justify-items:center}
.sec--narrow .section-label{justify-content:center}
.sec--narrow .offer__row{grid-template-columns:110px minmax(0,1fr) minmax(0,1.2fr) 100px 24px;gap:20px}
.sec--narrow .offer__n{display:none}
.sec--narrow .offer__name{font-size:clamp(22px,2.5vw,44px)}
.sec--narrow .offer__row::before{inset:0 -24px}
@media (max-width:1024px){
  .sec--narrow .wrap{padding-left:var(--pad);padding-right:var(--pad)}
  .sec--narrow .offer__row{grid-template-columns:96px minmax(0,1fr) 28px;column-gap:18px;row-gap:8px}
}
@media (max-width:700px){.sec--narrow .offer__row{grid-template-columns:80px minmax(0,1fr) 24px}}
:root{--pad:clamp(16px,3.2vw,40px)}
.sec--narrow .wrap{padding-left:var(--pad);padding-right:var(--pad);max-width:var(--max)}
.sec--narrow .offer__row{grid-template-columns:120px 40px minmax(0,1.1fr) minmax(0,1.5fr) 120px 30px;gap:24px}
.sec--narrow .offer__n{display:block}
.sec--narrow .offer__name{font-size:clamp(26px,3.8vw,56px)}
@media (max-width:1024px){.sec--narrow .offer__n{display:none}}

/* Projekty */
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);margin-top:28px}
.work-grid .card{width:auto!important;flex-shrink:1}
@media (max-width:700px){.work-grid{grid-template-columns:minmax(0,1fr)}}

/* Cennik */
@media (min-width:1025px){
  #plans.plans{align-items:center;gap:22px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) minmax(0,.92fr)}
  #plans .plan:not(:nth-child(2)){transform:scale(.92) var(--tilt,);transform-origin:center}
  #plans .plan:nth-child(1){transform-origin:right center}
  #plans .plan:nth-child(3){transform-origin:left center}
  #plans .plan:nth-child(2){min-height:500px;z-index:2}
}

/* Nagłówek */
@media (hover: hover) and (pointer: fine){
.hdr__nav > a:hover,.hdr__nav > a.is-active:hover{color:var(--accent)!important}}
.hdr{mix-blend-mode:normal!important}
body.lock .hdr{transform:none}
/* Linki */
@media (hover: hover) and (pointer: fine){
.footer a:hover,.link-arrow:hover{color:var(--accent)!important}}
/* Bez linii między sekcjami */
.sec,.cta,.footer,.marquee,.marquee--tall,.offer__list{border-top:0!important}
.marquee,.marquee--tall{border-bottom:0!important}
#realizacje,#realizacje ~ section,#realizacje ~ div,main ~ .footer,.footer,.cta{background:#000!important;position:relative;z-index:1}
/* Oferta */
@media (min-width:1025px){#oferta .wrap{max-width:none;padding-left:40px;padding-right:40px}}
/* Projekty */
.work-grid .dev-grid{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr);grid-template-rows:1fr}
.work-grid .dev-grid .dg--laptop{grid-column:2;grid-row:1}
.work-grid .dev-grid .dg--tablet{grid-column:3;grid-row:1}
.work-grid .dev-grid img{object-position:center}
/* Cennik */
.sec--center .sec__head{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px}
.sec--center .sec__head > div:not(.tabs){display:grid;justify-items:center}
.sec--center .section-label{justify-content:center}
@media (min-width:1025px){
  #plans.plans{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center}
  #plans .plan:not(:nth-child(2)){transform:var(--tilt,none)!important;min-height:400px}
  #plans .plan:nth-child(2){min-height:480px}
}
.about__img img{object-position:50% 35%}
@media (min-width:1025px){#plans .plan:nth-child(2){padding-top:46px;padding-bottom:46px}}
.split-lines .ln{padding-top:.18em;margin-top:-.18em;padding-bottom:.2em;margin-bottom:-.2em}
.split .wd{padding-top:.18em;margin-top:-.18em;padding-bottom:.2em;margin-bottom:-.2em}
.loader__word{padding:.18em 0 .2em;margin:-.18em 0 -.2em}
.e404__num{font-size:34vw}
/* Realizacje */
.work-grid .dev-grid{grid-template-columns:minmax(0,5fr) minmax(0,11fr);grid-template-rows:1fr 1fr}
.work-grid .dev-grid .dg--telefon{grid-column:1;grid-row:1}
.work-grid .dev-grid .dg--tablet{grid-column:1;grid-row:2}
.work-grid .dev-grid .dg--laptop{grid-column:2;grid-row:1/span 2}
.card__media{position:relative}
.card__cta{position:absolute;left:50%;top:50%;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:15px 24px;border-radius:999px;background:#000;color:rgb(236,227,202);border:1px solid rgba(236,227,202,.18);font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,calc(-50% + 26px));transition:opacity .45s var(--ease),transform .6s var(--ease),background .3s,color .3s;pointer-events:none}
.card:focus-within .card__cta{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}
@media (hover: hover) and (pointer: fine){
.card:hover .card__cta{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}}
@media (hover: hover) and (pointer: fine){
.card__cta:hover{color:var(--accent)}}
.card__link{display:none!important}
@media (hover:none){.card__cta{opacity:1;transform:translate(-50%,-50%);pointer-events:auto;padding:12px 18px;font-size:11px}}
#realizacje,#realizacje ~ section{background:#000!important}
#o-mnie,#o-mnie ~ section,#o-mnie ~ div{background:#000!important;position:relative;z-index:1}
/* Nagłówek z odwróconymi kolorami */
.hdr{mix-blend-mode:difference!important;color:rgb(236,227,202)}
body.lock .hdr{mix-blend-mode:normal!important}
@media (hover: hover) and (pointer: fine){
.hdr__nav > a:hover,.hdr__nav > a.is-active:hover{color:rgb(236,227,202)!important;opacity:.6}}
.loader{background:#000!important}
/* Lightbox */
.modal .choices--cards{grid-template-columns:minmax(0,1fr)!important;width:90%;gap:10px}
.modal .choice{min-height:0!important;flex-direction:row!important;align-items:center;gap:14px;padding:16px 18px}
.modal .fgrid{grid-template-columns:minmax(0,1fr)!important}
.modal .fstep > .field,.modal .fgrid{width:90%}
/* Hero */
.sj__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(47,158,95,.6);animation:pulse 2s ease-out infinite}
.hero--sj{position:relative}
/* Hero */
.marquee--aw{position:relative;min-height:100vh;min-height:100lvh;display:flex;align-items:center;padding:0!important;overflow:hidden}
.marquee--aw .mq-rows{width:100%;display:grid;gap:clamp(0px,1vh,12px);padding:clamp(18px,4vh,40px) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee--aw .marquee__track{display:flex;align-items:center;gap:clamp(28px,4vw,60px);font-family:var(--title)!important;font-weight:800!important;font-stretch:100%;font-size:clamp(2.2rem,5.8vw,5rem);line-height:1.4;letter-spacing:-.04em;text-transform:uppercase;color:rgb(236,227,202);white-space:nowrap}
.marquee--aw .marquee__track span:nth-of-type(even){color:transparent;-webkit-text-stroke:1px rgba(236,227,202,.6)}
.marquee--aw .marquee__track:nth-child(2) span:nth-of-type(odd){color:transparent;-webkit-text-stroke:1px rgba(236,227,202,.6)}
.marquee--aw .marquee__track:nth-child(2) span:nth-of-type(even){color:rgb(236,227,202);-webkit-text-stroke:0}
.marquee--aw .mx{position:relative;display:inline-block;flex:0 0 auto;width:.36em;height:.36em}
.marquee--aw .mx::before,.marquee--aw .mx::after{content:"";position:absolute;left:-10%;top:50%;width:120%;height:max(2px,.055em);margin-top:calc(-.5 * max(2px,.055em));border-radius:99px;background:rgb(236,227,202);transform:rotate(45deg)}
.marquee--aw .mx::after{transform:rotate(-45deg)}
.sb-note{position:absolute;z-index:2;font-size:.6rem;letter-spacing:.1em;line-height:1.9;color:rgba(236,227,202,.6);text-transform:uppercase}
.sb-note--tr{top:clamp(90px,14vh,150px);right:40px;text-align:right}
.sb-note--bl{bottom:clamp(60px,10vh,130px);left:40px}
@media (max-width:1024px){.sb-note--tr{right:var(--pad)}.sb-note--bl{left:var(--pad)}}
.colwipe{position:relative;z-index:1;height:70vh;height:70lvh;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));pointer-events:none;margin-bottom:-1px}
.colwipe i{display:block;height:100%;background:#000;transform:scaleY(0);transform-origin:bottom;will-change:transform}
@media (max-width:700px){.colwipe{grid-template-columns:repeat(5,minmax(0,1fr));height:50lvh}.colwipe i:nth-child(n+6){display:none}}
@media (prefers-reduced-motion:reduce){.colwipe i{transform:none}}
.colwipe i{background:linear-gradient(180deg,#151716 0%,#070807 35%,#000 70%);box-shadow:inset 1px 0 0 rgba(236,227,202,.04)}
.mq-pin{position:relative;height:220vh;height:220lvh}
.mq-pin > .marquee--aw{position:sticky;top:0;height:100vh;height:100lvh;min-height:0}
.mq-pin > .colwipe{position:sticky;top:0;height:100vh;height:100lvh;margin-top:-100vh;margin-top:-100lvh;z-index:2}
.colwipe i{background:#000!important;box-shadow:none!important;border:0!important;margin-right:-1px;outline:0}
@media (max-width:700px){.mq-pin > .colwipe{height:100lvh}}
/* Kolumny przejścia */
.colwipe i{background:linear-gradient(180deg,#2f9e5f 0%,#145c34 18%,#06200f 45%,#000 75%)!important}
.split-lines .ln > span{transition:transform 1.1s var(--ease)!important}
.split-auto .ln{display:block}
.section-label.split-lines{display:block}
.section-label.split-lines .ln > span{display:flex;gap:12px}
.sec--center .section-label.split-lines .ln > span,.sec--narrow .section-label.split-lines .ln > span{justify-content:center}
.reveal{transform:translateY(40px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.is-fitting .split-lines .ln,.is-fitting .split .wd{overflow:visible!important}
@media (max-width:1024px){
  .sec--narrow .offer__row{grid-template-columns:96px minmax(0,1fr) 28px!important;column-gap:18px;row-gap:8px}
  .sec--narrow .offer__thumb{grid-row:1/4;align-self:start}
  .sec--narrow .offer__n{display:none!important}
  .sec--narrow .offer__desc,.sec--narrow .offer__meta{grid-column:2;text-align:left}
  .sec--narrow .offer__arr{grid-column:3;grid-row:1}
  .sec--narrow .offer__name{font-size:clamp(24px,6vw,40px)}
}
@media (max-width:700px){.sec--narrow .offer__row{grid-template-columns:80px minmax(0,1fr) 24px!important}}
#o-mnie.th-light{--bg:rgb(236,227,202);--bg2:rgb(218,207,176);--fg:#0b0b0b;--muted:#5d5d5a;--soft:#2a2a28;--line:rgba(0,0,0,.12);--line2:rgba(0,0,0,.26);--accent:#1f7a45;--grad-acc:linear-gradient(90deg,#2f9e5f,#145c34);background:rgb(236,227,202)!important;color:#0b0b0b}
#o-mnie.th-light .h2 em,#o-mnie.th-light em{color:#1f7a45}
#o-mnie.th-light .section-label span{color:#1f7a45}
#o-mnie.th-light .about__img{border:0}
/* Kolumny */
.colwipe i{background:rgb(236,227,202)!important}
.mq-pin{height:175vh;height:175lvh}
.pin + .pin,.pin + section{margin-top:-100vh;margin-top:-100lvh;position:relative}
.pin-pad{height:75vh;height:75lvh}
#o-mnie ~ .pin-pad{background:transparent!important}
@media (prefers-reduced-motion:reduce){.pin + .pin,.pin + section{margin-top:0}}#o-mnie ~ .pin-pad{position:relative;z-index:0!important}

/* Hero w układzie „agency” */
.th-light{--accent:#1f7a45;--grad-acc:linear-gradient(90deg,#2f9e5f,#145c34);--bg:rgb(236,227,202);color:#0b0b0b}
.th-light .h2 em,.th-light em{color:#1f7a45}
.th-light .section-label span{color:#1f7a45}
.pin > .colwipe i{transform-origin:bottom}

/* Logo 3D */
.logo-layer--page{z-index:1!important}
.logo-stack > section.hero{z-index:auto!important}
.logo-stack > section:not(.hero){z-index:2}
.mq-pin > .marquee{z-index:2}

.hero--zx{height:100vh;height:100svh;min-height:640px;padding:0!important;display:block}
.zx{position:relative;height:100%;padding:calc(var(--hdr) + 22px) 40px 26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "left right" "bar bar";column-gap:40px}
.zx__visual{position:absolute!important;left:50%!important;top:52%!important;transform:translate(-50%,-50%)!important;width:min(640px,46vw,66vh)!important;z-index:0}
.zx__tag{padding-left:12px;border-left:1px solid rgba(236,227,202,.5);color:rgba(242,242,240,.8);font-size:11px}
.zx__left{grid-area:left;position:relative;z-index:0;align-self:center;display:grid;gap:clamp(16px,2.6vh,26px);justify-items:start;margin-top:-6vh}
.zx__title{font-size:clamp(46px,6.4vw,118px)!important;line-height:.92!important;text-transform:none!important;letter-spacing:-.05em!important}
.zx__note{position:relative;z-index:2;display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(242,242,240,.75)}
.zx__dots{display:flex;gap:4px}
.zx__dots i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.zx__cta{position:relative;z-index:2;display:flex;gap:12px;flex-wrap:wrap}
.zx__btn{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 6px 0 24px;border-radius:999px;background:#0b0b0b;color:rgb(236,227,202);border:1px solid rgba(236,227,202,.18);font:500 14px/1 var(--display);transition:transform .4s var(--ease),background .3s,border-color .3s}
.zx__btn i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgb(236,227,202);color:#000;font-style:normal;transition:transform .5s var(--ease),background .3s}
@media (hover: hover) and (pointer: fine){
.zx__btn:hover{border-color:var(--accent)}}
@media (hover: hover) and (pointer: fine){
.zx__btn:hover i{transform:rotate(-45deg);background:var(--accent)}}
.zx__btn--ghost{padding:0 26px;background:rgba(236,227,202,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media (hover: hover) and (pointer: fine){
.zx__btn--ghost:hover{background:rgba(236,227,202,.2)}}
.zx__right{grid-area:right;position:relative;z-index:2;align-self:center;justify-self:end;display:grid;gap:26px;justify-items:end;margin-top:-6vh;width:min(400px,100%)}
.zx__card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;padding:12px;width:100%;border-radius:22px;background:rgba(236,227,202,.08);border:1px solid rgba(236,227,202,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .5s var(--ease),border-color .3s}
@media (hover: hover) and (pointer: fine){
.zx__card:hover{transform:translateY(-4px);border-color:rgba(236,227,202,.4)}}
.zx__card-img{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#000}
.zx__card-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.zx__card-txt{display:flex;flex-direction:column;gap:8px;padding:6px 4px 2px}
.zx__card-txt small{font-size:10px;color:rgba(242,242,240,.6)}
.zx__card-txt b{font-family:var(--display);font-weight:500;font-size:clamp(18px,1.5vw,23px);line-height:1.15;color:rgb(236,227,202)}
.zx__card-nav{margin-top:auto;display:flex;align-items:center;gap:6px}
.zx__card-nav i{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,rgb(236,227,202) 40%,rgba(236,227,202,.2) 40%)}
.zx__card-nav em{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(236,227,202,.14);font-style:normal;font-size:12px;color:rgb(236,227,202)}
@media (hover: hover) and (pointer: fine){
.zx__card:hover .zx__card-nav em:last-child{background:rgb(236,227,202);color:#000}}
.zx__bar{grid-area:bar;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(236,227,202,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:11px;color:rgba(242,242,240,.8);margin-right:56px}
.zx__pill{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(236,227,202,.08)}
@media (max-width:1100px) and (min-width:701px){
  .zx{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
}
/* Mobile */
@media (max-width:700px){
  .hero--zx{height:auto;min-height:0}
  .zx{display:flex;flex-direction:column;gap:28px;padding:calc(var(--hdr) + 10px) var(--pad) 32px}
  .zx__visual{position:relative!important;left:auto!important;top:auto!important;transform:none!important;order:-1;width:84vw!important;height:calc(100svh - var(--hdr) - 70px)!important;aspect-ratio:auto!important;margin:0 auto}
  .zx__left,.zx__right{margin:0;z-index:2;width:100%;justify-items:start;justify-self:stretch}
  .zx__title{font-size:clamp(44px,13vw,70px)!important}
  .zx__bar{margin:0;flex-wrap:wrap;border-radius:22px;justify-content:flex-start}
  .zx__mid{padding:0 8px}
}
@media (max-width:700px){.zx__tag{white-space:nowrap}}
.hdr{mix-blend-mode:normal!important;color:rgb(236,227,202);transition:color .35s,transform .6s var(--ease)}
.hdr__nav{display:flex!important;gap:6px;margin-left:auto}
.hdr__nav > a{color:inherit!important;opacity:1!important;font-size:12px;padding:10px 12px;transition:color .3s}
.hdr__nav > a::after{display:none!important}
@media (hover: hover) and (pointer: fine){
.hdr__nav > a:hover{color:#3cb874!important;opacity:1!important}}
.hdr__nav > a.is-current{color:#3cb874!important}
.hdr__logo{color:inherit}
.hdr__logo img{transition:filter .35s}
.hdr.hdr--light{color:#0b0b0b}
.hdr.hdr--light .hdr__logo img{filter:invert(1)}
.hdr.hdr--light .hdr__nav > a.is-current{color:#1f7a45!important}
@media (hover: hover) and (pointer: fine){
.hdr.hdr--light .hdr__nav > a:hover{color:#1f7a45!important}}
@media (max-width:1024px){
  .hdr__nav{gap:0}
  .hdr__nav > a{padding:10px 8px;font-size:11px}
}
@media (max-width:700px){
  :root{--hdr:96px}
  .hdr__in{flex-wrap:wrap;row-gap:2px}
  .hdr__nav{order:3;width:100%;justify-content:space-between;margin:0 -8px}
  .hdr__nav > a{padding:8px;font-size:10.5px;letter-spacing:.04em}
}
.th-light .tabs button.is-active{color:rgb(236,227,202)}.th-light .tabs{border-color:rgba(0,0,0,.14)}
/* Nagłówek */
.hdr{mix-blend-mode:difference!important;color:rgb(236,227,202)!important}
.hdr.hdr--light{color:rgb(236,227,202)!important}
.hdr.hdr--light .hdr__logo img{filter:none!important}
.hdr__nav{margin:0 auto}
.hdr__nav > a.is-current{color:#3cb874!important}
@media (hover: hover) and (pointer: fine){
.hdr__nav > a:hover{color:#3cb874!important}}
/* Nad jasną sekcją */
.hdr.hdr--light .hdr__nav > a.is-current{color:rgb(224,133,186)!important}
@media (hover: hover) and (pointer: fine){
.hdr.hdr--light .hdr__nav > a:hover{color:rgb(224,133,186)!important}}
.hdr__right{display:flex;align-items:center;margin-left:0}
.hdr__cta{display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:999px;background:rgb(236,227,202);color:#000;font:500 11px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:transform .4s var(--ease)}
@media (hover: hover) and (pointer: fine){
.hdr__cta:hover{transform:translateY(-2px)}}
@media (hover: hover) and (pointer: fine){
.hdr__logo:hover img,.hdr__logo:hover svg{transform:none!important}}
.hdr__logo img,.hdr__logo svg{transition:none!important}
@media (max-width:700px){.hdr__cta{height:34px;padding:0 14px;font-size:10px}}
/* Cennik */
.plan::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(47,158,95,.35),transparent 55%)!important}
/* Hero */
.zx__tag{border-left:0;border-right:1px solid rgba(236,227,202,.5);padding:0 12px 0 0}
/* Oferta */
@media (min-width:1025px){#oferta .offer__list{margin-left:20px;margin-right:20px}}
/* Proces */
.step{opacity:1!important}
/* FAQ */
@media (hover: hover) and (pointer: fine){
.acc summary:hover{color:inherit!important}}
.acc summary > span{transition:transform .6s var(--ease)}
@media (hover: hover) and (pointer: fine){
.acc summary:hover > span{transform:translateX(14px)}}
@media (hover: hover) and (pointer: fine){
.choice:hover,.shot:hover,.zx__card:hover,.hdr__cta:hover{transform:none!important}}
.btn,.zx__btn{border-radius:999px!important;font-family:var(--display)!important;font-size:14px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;transition:background .35s,color .35s,border-color .35s!important}
.btn{padding:15px 26px;border-width:1px;border-style:solid}
.btn::before,.btn::after{display:none!important}
/* Główny */
.btn--light,.plan.is-featured .btn,.plan--photo.is-featured .btn,#qNext{background:rgb(236,227,202)!important;color:#0b0b0b!important;border-color:rgb(236,227,202)!important}
@media (hover: hover) and (pointer: fine){
.btn--light:hover,.plan.is-featured .btn:hover,.plan--photo.is-featured .btn:hover,#qNext:hover{background:rgb(236,227,202)!important;color:#0b0b0b!important;border-color:rgb(236,227,202)!important}}
.th-light .btn--light{background:#0b0b0b!important;color:rgb(236,227,202)!important;border-color:#0b0b0b!important}
@media (hover: hover) and (pointer: fine){
.th-light .btn--light:hover{background:#2a2a2a!important;color:rgb(236,227,202)!important;border-color:#2a2a2a!important}}
/* Drugi */
.btn--ghost,#qBack{background:transparent!important;color:var(--fg)!important;border-color:rgba(236,227,202,.35)!important}
@media (hover: hover) and (pointer: fine){
.btn--ghost:hover,#qBack:hover{background:rgba(236,227,202,.1)!important;border-color:rgba(236,227,202,.6)!important;color:var(--fg)!important}}
.th-light .btn--ghost{color:#0b0b0b!important;border-color:rgba(0,0,0,.3)!important}
@media (hover: hover) and (pointer: fine){
.th-light .btn--ghost:hover{background:rgba(0,0,0,.06)!important;border-color:rgba(0,0,0,.55)!important}}
.plan--photo .btn--ghost{color:rgb(236,227,202)!important;border-color:rgba(236,227,202,.45)!important}
/* Hero */
@media (hover: hover) and (pointer: fine){
.zx__btn:hover{border-color:rgba(236,227,202,.45)!important;background:#161616}}
@media (hover: hover) and (pointer: fine){
.zx__btn:hover i{background:rgb(236,227,202)!important;color:#000}}
@media (hover: hover) and (pointer: fine){
.zx__btn--ghost:hover{background:rgba(236,227,202,.2)!important}}

/* Lightbox */
.modal__panel,.modal__side,.modal__form{background:#0d0d0d!important}
.modal__side{border-right:1px solid var(--line)}
.modal .choice{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:20px;padding:18px 22px;text-align:left}
.choice__l{display:flex;align-items:baseline;gap:14px;min-width:0}
.choice__l b{margin:0!important;font-size:clamp(17px,1.5vw,22px)!important}
.choice__r{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0}
.choice__r small{font-size:13px;line-height:1.45}
.choice__price{white-space:nowrap;flex-shrink:0}
@media (max-width:700px){.modal .choice{grid-template-columns:minmax(0,1fr);gap:8px}}

/* Realizacje */
.card .dev-grid{transition:filter .5s var(--ease)}
@media (hover: hover) and (pointer: fine){
.card:hover .dev-grid{filter:blur(3px) brightness(.85)}}

/* Cennik */
#plans .plan{transform-origin:center center!important}

/* O mnie */
#o-mnie .skill i{background:rgba(0,0,0,.12)!important}
#o-mnie .skill i::after{background:#0b0b0b!important}
#o-mnie .skill em,#o-mnie .skill span,#o-mnie .skill small{color:#0b0b0b!important;-webkit-text-fill-color:#0b0b0b;background:none!important}
#o-mnie .stats > *{text-align:center;display:grid;justify-items:center}

/* Hero */
.zx__right .zx__tag{justify-self:end;margin-bottom:-12px}
.zx__bar{z-index:0!important}
/* Przerzucanie tekstu na przyciskach */
@media (hover:hover){
  .zx__btn:hover .roll-t:first-child,.card__cta:hover .roll-t:first-child{transform:translateY(-110%)}
  .zx__btn:hover .roll-t + .roll-t,.card__cta:hover .roll-t + .roll-t{transform:translateY(0)}
}
.btn .roll,.hdr__cta .roll,.zx__btn .roll{line-height:1.25}
/* Przyciski */
.hdr__cta{transition:background .3s,color .3s!important}
@media (hover: hover) and (pointer: fine){
.hdr__cta:hover{background:#d9d9d6}}
@media (hover: hover) and (pointer: fine){
.card__cta:hover{color:rgb(236,227,202)!important;background:#1a1a1a;border-color:rgba(236,227,202,.4)}}
/* Cennik */
.th-light .plan--photo .btn--ghost{color:rgb(236,227,202)!important;border-color:rgba(236,227,202,.5)!important;background:transparent!important}
@media (hover: hover) and (pointer: fine){
.th-light .plan--photo .btn--ghost:hover{background:rgba(236,227,202,.12)!important;border-color:rgb(236,227,202)!important}}
.th-light .plan--photo .btn--light,.th-light .plan--photo .btn{border-color:rgba(236,227,202,.5)}
.th-light .plan--photo.is-featured .btn{background:rgb(236,227,202)!important;color:#0b0b0b!important;border-color:rgb(236,227,202)!important}
@media (hover: hover) and (pointer: fine){
.th-light .plan--photo.is-featured .btn:hover{background:rgb(236,227,202)!important;border-color:rgb(236,227,202)!important}}
/* Proces */
.process__lead{color:var(--soft);font-size:clamp(16px,1.3vw,19px);line-height:1.55;max-width:460px;margin-top:18px}
.process__more{color:var(--muted);font-size:15px;line-height:1.65;max-width:460px;margin-top:14px}
.step h3{transition:color .35s}
@media (hover: hover) and (pointer: fine){
.step:hover h3{color:#3cb874}}
/* Stopka */
.cta{padding-bottom:clamp(36px,4vw,56px)!important}
.footer{padding-top:clamp(28px,3vw,44px)!important}
/* O mnie */
#o-mnie .skills{display:grid;gap:10px}
#o-mnie .skill{isolation:isolate;overflow:hidden;align-items:center;padding:16px 20px!important;border-radius:14px;background:rgb(224,213,184);border:0}
#o-mnie .skill i{position:absolute!important;inset:0!important;height:auto!important;width:auto!important;z-index:-1;background:transparent!important}
#o-mnie .skill i::after{background:#0b0b0b!important;border-radius:0}
#o-mnie .skill span,#o-mnie .skill em,#o-mnie .skill small{position:relative;color:rgb(236,227,202)!important;-webkit-text-fill-color:rgb(236,227,202)!important;mix-blend-mode:difference}
#o-mnie .skill em{margin-left:auto;font-size:13px;font-style:normal}
/* Stopka */
.fmega__w .ln > span,.fmega__w:not(.split-lines){background:var(--grad-acc)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
.fmega__w.split-lines{background:none!important;color:inherit}
/* Lightbox */
.modal__form{display:flex;flex-direction:column}
.modal .fstep.is-on{flex:1 1 auto;min-height:0}
.modal .fstep.is-on > .choices{flex:1 1 auto;grid-auto-rows:minmax(0,1fr);align-content:stretch}
.modal .choices--cards .choice{height:100%}
.modal .choices--cards{width:100%!important}
/* Hero */
.build{padding:0!important}
.w{position:absolute;border:1.5px dashed rgba(236,227,202,.28);border-radius:6px}
.d{position:absolute;border-radius:6px}

/* Wsparcie na jasnym tle */
.th-light .hourly{background:rgb(224,213,184);border-color:rgba(0,0,0,.08)}
.th-light .support .plan:not(.plan--photo){background:rgb(224,213,184);color:#0b0b0b;border-color:rgba(0,0,0,.08)}
/* Poprawki strony WWW */
.th-light .support .plan.is-featured{background:#0b0b0b!important;color:rgb(236,227,202)!important;border-color:#0b0b0b!important}
.th-light .support .plan.is-featured *{color:inherit}
.th-light .support .plan.is-featured .plan__tag{background:#2f9e5f!important;color:rgb(236,227,202)!important;border-color:#2f9e5f!important}
.th-light .support .plan.is-featured .btn{background:rgb(236,227,202)!important;color:#0b0b0b!important;border-color:rgb(236,227,202)!important}
.th-light .support .plan .plan__tag{color:#0b0b0b;border-color:rgba(0,0,0,.25)}
.th-light .support .plan.is-featured li::before{background:#3cb874!important}
/* Podstrona usługi */
.page-www .sec{border-top:0}
.sv-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Hero */
.svh{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;padding:calc(var(--hdr) + 22px) 0 0;background:#000;isolation:isolate}
.svh__in{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(12px,2vh,22px);padding:0 var(--pad)}
.svh__pill{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid rgba(236,227,202,.14);background:rgba(236,227,202,.04);font-size:13px;color:rgba(242,242,240,.85);transition:border-color .3s,background .3s}
@media (hover: hover) and (pointer: fine){
.svh__pill:hover{border-color:rgba(236,227,202,.35);background:rgba(236,227,202,.08)}}
.svh__pill-tag{padding:5px 10px;border-radius:999px;background:rgba(47,158,95,.18);color:#6fe09a;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.svh__pill i{font-style:normal;opacity:.6}
.svh__title{font-family:var(--title)!important;font-weight:800!important;font-size:clamp(40px,min(5.4vw,8.4vh),90px)!important;line-height:1!important;letter-spacing:-.05em!important;text-transform:none!important;margin:0}
.svh__title .ln > span{background:linear-gradient(180deg,rgb(236,227,202) 30%,#a3a3a0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.svh__lead{max-width:540px;color:rgba(242,242,240,.6);font-size:clamp(15px,1.15vw,18px);line-height:1.6;margin:0}

/* Bento */
.svb__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1120px;margin:0 auto}
.svb__card{position:relative;border-radius:22px;background:linear-gradient(180deg,#121212 0%,#070707 100%);border:1px solid rgba(236,227,202,.08);overflow:hidden;isolation:isolate;display:flex;flex-direction:column}
.svb__card::before,.svf__card::before,.svs__card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 45% at 50% 0%,rgba(236,227,202,.08),transparent 70%);pointer-events:none}
.svb__vis{position:relative;height:clamp(240px,24vw,320px);overflow:hidden;display:grid;place-items:center}
.svb__txt{padding:4px 28px 28px}
.svb__txt h3,.svf__txt h3,.svs__txt h3{font-family:var(--title)!important;font-weight:700!important;font-size:21px!important;letter-spacing:-.025em!important;text-transform:none!important;line-height:1.2!important;margin:0 0 8px}
.svb__txt p,.svf__txt p,.svs__txt p{font-size:14.5px;line-height:1.6;color:rgba(242,242,240,.55);margin:0;max-width:440px}
.svb__card *,.svs__card *{animation-play-state:paused!important}
.svb__card.is-in *,.svs__card.is-in *{animation-play-state:running!important}
.vis-phone img{position:absolute;left:50%;top:50%;width:118%;max-width:none;height:auto;transform:translate(-50%,-44%);filter:grayscale(1) contrast(1.1) brightness(.85);-webkit-mask-image:linear-gradient(#000 55%,transparent 95%);mask-image:linear-gradient(#000 55%,transparent 95%)}
.vp__chip{position:absolute;left:7%;bottom:12%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(22,22,22,.82);border:1px solid rgba(236,227,202,.14);font-size:11px;color:rgb(236,227,202)}
.vp__chip i{width:7px;height:7px;border-radius:50%;background:#3cb874;animation:pulse 2s ease-out infinite}
/* Szybkość */
.vis-speed{grid-template-columns:auto minmax(0,220px);gap:clamp(20px,3vw,40px);padding:0 24px}
.vs__ring{position:relative;width:clamp(130px,12vw,160px);aspect-ratio:1;display:grid;place-items:center}
.vs__ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 18px rgba(60,184,116,.35))}
.vs__ring circle{fill:none;stroke:rgba(236,227,202,.08);stroke-width:7}
.vs__ring circle.on{stroke:#3cb874;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 2.2s cubic-bezier(.2,.8,.2,1) .3s}
.svb__card.is-in .vs__ring circle.on{stroke-dashoffset:0}
.vs__ring b{font-family:var(--title);font-weight:800;font-size:clamp(38px,3.6vw,50px);letter-spacing:-.04em;color:#6fe09a;line-height:1;margin-top:-10px}
.vs__ring small{position:absolute;bottom:28%;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(242,242,240,.5)}
.vs__rows{list-style:none;display:grid;gap:16px;margin:0;padding:0;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:rgba(242,242,240,.55)}
.vs__rows li{display:grid;gap:7px}
.vs__rows i{display:block;height:5px;border-radius:5px;background:rgba(236,227,202,.08);position:relative;overflow:hidden}
.vs__rows i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#145c34,#3cb874);transform-origin:left;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.8,.2,1);border-radius:5px}
.vs__rows li:nth-child(2) i::after{transition-delay:.2s}.vs__rows li:nth-child(3) i::after{transition-delay:.4s}
.svb__card.is-in .vs__rows i::after{transform:scaleX(var(--w))}
/* Google Analytics */
.vis-seo{align-content:center;gap:14px;padding:0 clamp(20px,4vw,48px)}
.vg__search{display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 16px;border-radius:999px;background:#161616;border:1px solid rgba(236,227,202,.12);color:rgb(236,227,202);font-size:13px}
.vg__search svg{width:16px;height:16px;flex-shrink:0;opacity:.6}
.vg__type{display:inline-block;overflow:hidden;white-space:nowrap;border-right:1.5px solid #6fe09a;width:0;animation:vgType 8s steps(24) infinite}
@keyframes vgType{0%{width:0}25%,92%{width:24ch}100%{width:0}}
.vg__res{position:relative;width:100%;height:190px}
.vg__r{position:absolute;left:0;right:0;height:56px;padding:9px 14px;border-radius:12px;background:#111;border:1px solid rgba(236,227,202,.07);display:grid;gap:5px;align-content:center;opacity:.55}
.vg__r small{font-size:10px;color:rgba(242,242,240,.45)}
.vg__r b{display:block;height:9px;width:70%;border-radius:4px;background:rgba(236,227,202,.12);font-size:12.5px;font-weight:600;color:#9fc6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vg__r i{display:block;height:6px;width:88%;border-radius:4px;background:rgba(236,227,202,.07)}
.vg__r--you b{height:auto;width:auto;background:none}
.vg__r--you{animation:vgYou 8s cubic-bezier(.6,0,.2,1) infinite}
.vg__r--a{animation:vgA 8s cubic-bezier(.6,0,.2,1) infinite}
.vg__r--b{animation:vgB 8s cubic-bezier(.6,0,.2,1) infinite}
@keyframes vgYou{0%,30%{top:132px;opacity:.55;border-color:rgba(236,227,202,.07)}48%,92%{top:0;opacity:1;border-color:rgba(111,224,154,.55);box-shadow:0 0 0 1px rgba(111,224,154,.25),0 16px 40px -14px rgba(47,158,95,.5)}100%{top:132px;opacity:.55}}
@keyframes vgA{0%,30%{top:0}48%,92%{top:66px}100%{top:0}}
@keyframes vgB{0%,30%{top:66px}48%,92%{top:132px}100%{top:66px}}

/* Dla kogo */
.svf__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1240px;margin:0 auto}
.svf__card{position:relative;border-radius:22px;background:linear-gradient(180deg,#121212 0%,#070707 100%);border:1px solid rgba(236,227,202,.08);overflow:hidden;isolation:isolate}
.svf__img{position:relative;aspect-ratio:5/4;overflow:hidden}
.svf__img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#090909)}
.svf__img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.8) contrast(1.05);transform:scale(1.02);transition:filter .9s var(--ease),transform 1.2s var(--ease)}
@media (hover: hover) and (pointer: fine){
.svf__card:hover .svf__img img{filter:grayscale(0) brightness(.95);transform:scale(1.07)}}
.svf__txt{padding:0 28px 28px;margin-top:-20px;position:relative}
.svf__txt > span{display:block;font-size:11px;color:#6fe09a;margin-bottom:10px}
/* Karteczki briefu */
.sn{position:absolute;margin:0;padding:12px 14px;border-radius:6px;font-size:clamp(10px,.95vw,13px);font-weight:600;color:#2a2a20;box-shadow:0 10px 24px -8px rgba(0,0,0,.28);opacity:0;transform:translateY(-16px) rotate(var(--r,0deg)) scale(.9);transition:opacity .45s,transform .7s cubic-bezier(.2,.9,.25,1.2)}
/* Elementy strony */
.e{position:absolute;display:flex;align-items:center;border-radius:8px;border:1.5px dashed transparent;opacity:0;transform:scale(.9);transition:opacity .45s calc(var(--d)*70ms),transform .6s cubic-bezier(.2,.8,.2,1) calc(var(--d)*70ms),background-color .6s calc(var(--d)*60ms),border-color .5s,box-shadow .6s;overflow:hidden}
.e > b{opacity:0;transition:opacity .5s calc(var(--d)*70ms + .2s);font-weight:inherit}
/* Paleta przy projekcie */
.sw{position:absolute;right:7%;top:24%;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:rgba(236,227,202,.92);box-shadow:0 14px 30px -12px rgba(0,0,0,.35);opacity:0;transform:translateY(10px) scale(.95);transition:opacity .4s,transform .6s cubic-bezier(.2,.8,.2,1)}
.sw i{width:16px;height:16px;border-radius:50%}
.sw i:nth-child(1){background:#0b0b0b}.sw i:nth-child(2){background:#1f7a45}.sw i:nth-child(3){background:#f4f2ea;border:1px solid #ddd}
.sw small{font-size:9.5px;color:#55554f;margin-left:4px}

.sv-incl{display:flex;align-items:center;justify-content:center;gap:14px 20px;flex-wrap:wrap;margin-top:clamp(28px,3vw,44px)}
.sv-incl > span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#61615d}
.sv-incl ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0;padding:0}
.sv-incl li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgb(224,213,184);border:1px solid rgba(0,0,0,.08);font-size:13.5px;color:#2c2c2a}
.sv-incl li::before{content:"";width:6px;height:6px;border-radius:50%;background:#2f9e5f}

/* Po starcie */
.svs__duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1120px;margin:0 auto 16px}
.svs__card{position:relative;border-radius:22px;background:linear-gradient(180deg,#121212 0%,#070707 100%);border:1px solid rgba(236,227,202,.08);overflow:hidden;isolation:isolate}
.svs__vis{position:relative;height:clamp(230px,22vw,290px);overflow:hidden}
.svs__vis--cms{perspective:1200px}
.svs__vis--cms img{position:absolute;left:12%;top:16%;width:120%;max-width:none;border-radius:12px;border:1px solid rgba(236,227,202,.14);transform:rotateX(18deg) rotateY(-14deg) rotateZ(4deg);transform-origin:0 0;filter:grayscale(.4) brightness(.85);box-shadow:0 40px 80px -30px #000;-webkit-mask-image:linear-gradient(110deg,#000 40%,transparent 85%);mask-image:linear-gradient(110deg,#000 40%,transparent 85%);transition:transform 1.2s var(--ease),filter .8s}
@media (hover: hover) and (pointer: fine){
.svs__card:hover .svs__vis--cms img{transform:rotateX(10deg) rotateY(-8deg) rotateZ(2deg);filter:grayscale(0) brightness(.95)}}
.svs__vis--up{display:grid;align-content:center;gap:12px;padding:0 clamp(20px,4vw,48px)}
.svs__txt{padding:4px 28px 28px}
.svs__txt > span{display:block;font-size:11px;color:#6fe09a;margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase}
.svs .support{max-width:1120px;margin:0 auto}
.svs .hourly{max-width:1120px;margin-left:auto;margin-right:auto}

/* Faq */

@media (max-width:1024px){
  .svf__grid{grid-template-columns:minmax(0,1fr);max-width:560px}
}
@media (max-width:760px){
  .svb__grid,.svs__duo{grid-template-columns:minmax(0,1fr)}
  .svb__vis{height:240px}
  .svh__title{font-size:clamp(38px,11vw,60px)!important}
  .vis-speed{grid-template-columns:minmax(0,1fr);justify-items:center;padding:18px 24px}
  .vis-speed .vs__rows{width:100%}
  .svb__vis.vis-speed{height:auto;min-height:300px}
}
.plan li{padding-left:28px!important}
.plan li::before{width:18px!important;height:18px!important;top:.08em!important;border-radius:50%!important;background:rgba(60,184,116,.18)!important}
.plan li::after{content:"";position:absolute;left:6px;top:.47em;width:6px;height:3.5px;border-left:1.7px solid #3cb874;border-bottom:1.7px solid #3cb874;transform:rotate(-45deg)}
.plan.is-featured:not(.plan--photo) li::before{background:rgba(31,122,69,.14)!important}
.plan.is-featured:not(.plan--photo) li::after{border-color:#1f7a45}
.th-light .plan:not(.plan--photo):not(.is-featured) li::after{border-color:#1f7a45}

/* Przycisk w nawigacji */
.hdr__cta--ph{visibility:hidden!important;pointer-events:none;width:214px;padding:0!important}
.hcta{position:fixed;top:0;left:0;right:0;z-index:121;pointer-events:none;transition:transform .6s var(--ease)}
.hcta .hdr__in{justify-content:flex-end}
.hcta__btn{pointer-events:auto;height:46px!important;padding:0 4px 0 20px!important;gap:12px!important}
.hcta__btn i{width:38px!important;height:38px!important}
body.has-loader:not(.is-ready) .hcta{transform:translateY(-100%)}
body.lock .hcta{opacity:0;pointer-events:none}
@media (max-width:700px){.hdr__cta--ph{width:168px}.hcta__btn{height:38px!important;padding:0 3px 0 14px!important;gap:8px!important;font-size:12px!important}.hcta__btn i{width:32px!important;height:32px!important}}

/* Stopka */
.fmega__w{white-space:nowrap}

/* Hero */
.svh__photo{position:absolute;left:0;top:-6%;width:100%;height:118%;object-fit:cover;object-position:50% 85%;animation:svhBg 2.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes svhBg{from{opacity:0;transform:scale(1.08)}}
.svh__in{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:clamp(30px,4vw,70px);width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.svh__text{display:grid;justify-items:start;gap:clamp(16px,2.4vh,26px);flex:0 1 46%;max-width:640px}
.svh__text .sv-cta{justify-content:flex-start}
.svh__title{font-size:clamp(44px,min(5.8vw,10vh),104px)!important;line-height:.98!important}
.svh__lead{max-width:500px}
@media (max-width:1024px){
  .svh__in{flex-direction:column;align-items:stretch;padding-top:12px}
  .svh__text{flex:none;max-width:none}
}
.svb .sec__head,.svf .sec__head,.svs .sec__head{max-width:none}
.svb__grid--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
.svb__grid--3 .svb__vis{height:clamp(240px,21vw,300px)}
.svb__grid--3 .vis-speed{grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;padding:22px 26px}
.svb__grid--3 .vis-speed .vs__ring{width:clamp(110px,9vw,140px)}
.svb__grid--3 .vis-speed .vs__rows{width:100%;max-width:240px;gap:10px}
.svb__grid--3 .vis-seo{padding:0 24px}
.svb__grid--3 .vg__res{height:180px}
@media (max-width:1024px){.svb__grid--3{grid-template-columns:minmax(0,1fr);max-width:620px;margin:0 auto}}
.svf__grid{max-width:none}
.p3{padding:0!important}
.p3__track{position:relative;height:540vh;height:540svh}
.p3__stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.p3__in{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,4vw,70px);align-items:center;padding-top:var(--hdr)}
.p3__side .h2{margin:14px 0 12px}
.p3__case{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#61615d}
.p3__case b{color:#0b0b0b;font-weight:500}
.p3__now{margin-top:clamp(18px,3vh,34px)}
.p3__count{display:flex;align-items:flex-end;gap:10px}
.p3__num{position:relative;display:inline-block;overflow:hidden;height:.86em;line-height:.86;font-family:var(--title);font-weight:800;font-size:clamp(56px,6.4vw,110px);letter-spacing:-.06em;color:#0b0b0b}
.p3__num b{display:block;font-weight:800;animation:p3In .7s cubic-bezier(.2,.8,.2,1)}
.p3__num b.out{position:absolute;left:0;top:0;animation:p3Out .7s cubic-bezier(.6,0,.2,1) forwards}
@keyframes p3In{from{transform:translateY(100%)}}
@keyframes p3Out{to{transform:translateY(-100%)}}
.p3__count small{font:500 13px/1 var(--mono);color:#8a8a85;margin-bottom:.6em}
.p3__seg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:18px 0 22px;max-width:460px}
.p3__seg i{display:block;height:4px;border-radius:4px;background:rgba(0,0,0,.1);overflow:hidden}
.p3__seg b{display:block;height:100%;background:linear-gradient(90deg,#145c34,#3cb874);transform-origin:left;transform:scaleX(var(--p,0))}
.p3__info{position:relative;min-height:clamp(130px,18vh,170px);max-width:460px}
.p3__it{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;pointer-events:none}
.p3__it.is-past{transform:translateY(-26px)}
.p3__it.is-on{opacity:1;transform:none;filter:none}
.p3__it h3{font-family:var(--title)!important;font-weight:800!important;font-size:clamp(26px,2.4vw,38px)!important;letter-spacing:-.04em!important;line-height:1!important;color:#0b0b0b;margin:0 0 10px;text-transform:none!important}
.p3__it p{font-size:15px;line-height:1.6;color:#55554f;margin:0}
.p3__it em{display:inline-block;margin-top:12px;padding:6px 12px;border-radius:999px;background:rgb(224,213,184);border:1px solid rgba(0,0,0,.08);font-style:normal;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#1f7a45}
.p3__scene{position:relative;height:min(78vh,720px);perspective:2400px;perspective-origin:50% 35%;display:grid;place-items:center}
.p3__world{position:relative;width:min(720px,46vw);aspect-ratio:16/10;transform-style:preserve-3d;will-change:transform}
.p3__o{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform,opacity;opacity:0}
.p3__shadow{position:absolute;inset:6% 4%;background:rgba(0,0,0,.4);filter:blur(36px);transform:translateZ(-60px);border-radius:30px}
.p3__plane{border-radius:12px}
.p3__l img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.p3__l[data-o="l0"]{overflow:hidden;background:#0a0a0a;box-shadow:0 50px 90px -30px rgba(0,0,0,.55);border:1px solid rgba(0,0,0,.2)}
.p3__l--t{border:1px solid rgba(47,158,95,var(--edge,0));background:rgba(47,158,95,calc(var(--edge,0) * .05))}
.p3__tag{position:absolute;left:-1px;top:-28px;padding:5px 10px;border-radius:8px;background:#0b0b0b;color:#6fe09a;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:var(--edge,0)}
.p3__l[data-o="l2"] .p3__tag{left:auto;right:-1px}
.p3__l[data-o="l3"] .p3__tag{top:auto;bottom:-28px}
/* Brief */
.p3__doc{position:absolute;left:12%;top:4%;width:76%;padding:clamp(16px,2vw,28px);border-radius:14px;background:rgb(224,213,184);box-shadow:0 40px 80px -30px rgba(0,0,0,.4);border:1px solid rgba(0,0,0,.06)}
.p3__doc > span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#1f7a45}
.p3__doc > b{display:block;font-family:var(--title);font-weight:800;font-size:clamp(16px,1.6vw,24px);letter-spacing:-.03em;margin:8px 0 14px;color:#0b0b0b}
.p3__doc dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:clamp(11px,.95vw,13.5px)}
.p3__doc dt{font:500 10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#8a8a85}
.p3__doc dd{margin:0;color:#2c2c2a;border-bottom:1px dashed rgba(0,0,0,.1);padding-bottom:8px}
/* Makieta */
.p3__wire{background:rgb(224,213,184);border:1px solid rgba(0,0,0,.1);box-shadow:0 40px 80px -30px rgba(0,0,0,.35)}
.p3__wire i{position:absolute;border:1.5px dashed rgba(0,0,0,.32);border-radius:5px;opacity:0;transform:scale(.6);transition:opacity .4s,transform .6s cubic-bezier(.2,.8,.2,1)}
.p3__wire.is-vis i{opacity:1;transform:none}
.p3__wire i.r{border-radius:999px}
.p3__wire i.x{background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(0,0,0,.18) 50%,transparent calc(50% + 1px)),linear-gradient(to top left,transparent calc(50% - 1px),rgba(0,0,0,.18) 50%,transparent calc(50% + 1px))}
.p3__wire i.t{background:repeating-linear-gradient(180deg,rgba(0,0,0,.08) 0 34%,transparent 34% 50%)}
.p3__code{inset:auto;left:56%;top:6%;width:62%;padding:0 0 18px;border-radius:12px;background:#0d1210;border:1px solid rgba(236,227,202,.08);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);display:grid;gap:7px;overflow:hidden}
.p3__codebar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:rgba(236,227,202,.04);border-bottom:1px solid rgba(236,227,202,.06);font-size:10px;color:rgba(215,226,219,.5);margin-bottom:8px}
.p3__codebar i{width:7px;height:7px;border-radius:50%;background:rgba(236,227,202,.2)}
.p3__code code{padding:0 18px;font:500 clamp(9px,.82vw,12px)/1.5 var(--mono);color:#d7e2db;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .6s steps(20)}
.p3__code code b{color:#6fe09a;font-weight:500}.p3__code code u{text-decoration:none;color:#9fc6ff}.p3__code code s{text-decoration:none;color:#f2c879}
.p3__code.is-vis code{clip-path:inset(0 0 0 0);transition-delay:calc(var(--d) * 160ms + .2s)}
.p3__run{justify-self:start;margin:8px 18px 0;display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;background:rgba(111,224,154,.1);border:1px solid rgba(111,224,154,.3);color:#6fe09a;font-size:10px;opacity:0;transition:opacity .4s 1.5s}
.p3__run i{width:6px;height:6px;border-radius:50%;background:#3cb874}
.p3__code.is-vis .p3__run{opacity:1}
.p3__phone{inset:auto -8% -16% auto;width:23%;aspect-ratio:780/1688;border-radius:clamp(14px,1.8vw,26px);border:clamp(4px,.5vw,7px) solid #111;background:#000;overflow:hidden;box-shadow:0 40px 70px -24px rgba(0,0,0,.6)}
.p3__phone img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:1024px){
  .p3__in{grid-template-columns:minmax(0,1fr);gap:8px;align-content:center}
  .p3__side .h2{font-size:clamp(28px,8vw,46px)!important;margin:8px 0 6px}
  .p3__case{display:none}
  .p3__now{margin-top:10px}
  .p3__num{font-size:46px}
  .p3__seg{margin:10px 0 12px}
  .p3__info{min-height:120px}
  .p3__it h3{font-size:24px!important;margin-bottom:6px}
  .p3__it p{font-size:13.5px}
  .p3__it em{margin-top:8px}
  .p3__scene{height:min(44vh,400px)}
  .p3__world{width:min(560px,78vw)}
}
.svs__vis--cms{height:auto!important;padding:clamp(18px,2.4vw,30px);display:grid;place-items:center;perspective:none}
.svs__vis--cms img{position:static!important;width:100%!important;max-width:100%!important;height:auto;transform:none!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;border-radius:12px;border:1px solid rgba(236,227,202,.14);box-shadow:0 30px 60px -30px #000;transition:none!important}
@media (hover: hover) and (pointer: fine){
.svs__card:hover .svs__vis--cms img{transform:none!important;filter:none!important}}
.svs__txt > span{color:#6fe09a}
.svs__note{margin-top:14px!important;padding:12px 14px;border-radius:12px;background:rgba(236,227,202,.04);border:1px solid rgba(236,227,202,.1);font-size:13.5px!important;color:rgba(242,242,240,.75)!important}
.svs__duo{align-items:stretch}
.svs__card{display:flex;flex-direction:column}
.svs__card .svs__txt{margin-top:auto}
.svs__vis--up{height:auto!important;min-height:clamp(230px,22vw,290px);padding:clamp(22px,3vw,36px) clamp(20px,3vw,40px)!important;display:grid;align-content:center;gap:16px}
.vm__head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(242,242,240,.7);letter-spacing:.04em}
.vm__head span{display:flex;align-items:center;gap:8px}
.vm__head span i{width:7px;height:7px;border-radius:50%;background:#3cb874;animation:pulse 2s ease-out infinite}
.vm__head em{font-style:normal;color:#6fe09a;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.vm__pulse{position:relative;height:80px;border-radius:12px;background:linear-gradient(rgba(236,227,202,.04) 1px,transparent 1px) 0 0/100% 20px,#0c0c0c;border:1px solid rgba(236,227,202,.06);overflow:hidden}
.vm__pulse svg{position:absolute;inset:0;width:100%;height:100%}
.vm__base{fill:none;stroke:rgba(60,184,116,.15);stroke-width:1}
.vm__line{fill:none;stroke:#3cb874;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:.32 .68;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(60,184,116,.8));animation:vmRun 3s linear infinite}
@keyframes vmRun{to{stroke-dashoffset:0}}
.vm__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vm__list li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:#151515;font-size:11px;color:rgba(242,242,240,.6)}
.vm__list b{position:relative;display:inline-flex;align-items:center;gap:8px;color:#6fe09a;font-weight:500;animation:vmTick 6s calc(var(--d) * .5s) infinite}
.vm__list b::before{content:"";width:14px;height:14px;border-radius:50%;background:rgba(60,184,116,.18)}
.vm__list b::after{content:"";position:absolute;left:4.5px;top:50%;width:5px;height:3px;margin-top:-2.5px;border-left:1.5px solid #3cb874;border-bottom:1.5px solid #3cb874;transform:rotate(-45deg)}
@keyframes vmTick{0%,8%{opacity:.25}16%,100%{opacity:1}}
.svs .support .plan.is-featured .btn{background:#0b0b0b!important;color:rgb(236,227,202)!important;border-color:#0b0b0b!important}
@media (hover: hover) and (pointer: fine){
.svs .support .plan.is-featured .btn:hover{background:#2a2a2a!important}}
.svs .support .plan.is-featured .btn::before{display:none}
.p3__side .h2{font-size:clamp(34px,3.7vw,62px)!important}
.svh{background:#000!important}
.svh__photo{object-position:50% 100%}
/* Numer etapu */
.p3__num{display:grid!important;overflow:visible!important;height:auto!important;line-height:1!important;padding:.04em 0}
.p3__num b{grid-area:1/1;animation:p3In .65s cubic-bezier(.2,.8,.2,1)!important}
.p3__num b.out{position:static!important;animation:p3Out .5s cubic-bezier(.6,0,.4,1) forwards!important}
@keyframes p3In{from{opacity:0;transform:translateY(.22em) scale(.92);filter:blur(10px)}}
@keyframes p3Out{to{opacity:0;transform:translateY(-.22em) scale(1.04);filter:blur(10px)}}
.p3__seg b{background-repeat:no-repeat}
.p3__phone{inset:auto -15% -22% auto!important}
.p3__seg{position:relative}
.p3__seg b{transform:none!important;clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0)}
.svh__photo{filter:brightness(.55) contrast(1.05);top:8%!important;height:100%!important}
.svh__in{flex:1 0 auto}
.svt{width:100%;max-width:var(--max);margin:clamp(28px,5vh,56px) auto 0;padding:0 var(--pad) clamp(24px,4vh,40px)}
.svt__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,242,240,.5);margin:0 0 14px}
.svt__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.svt__card{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:3px;align-items:center;padding:18px 20px;border-radius:18px;background:linear-gradient(180deg,#121212,#070707);border:1px solid rgba(236,227,202,.08)}
.svt__card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(236,227,202,.06) 50%,transparent 65%);background-size:250% 100%;background-position:130% 0;animation:svtSheen 7s ease-in-out calc(var(--d) * .9s) infinite}
@keyframes svtSheen{0%,55%{background-position:130% 0}85%,100%{background-position:-40% 0}}
.svt__ico{grid-row:1 / span 2;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#1d1d1d,#0b0b0b);border:1px solid rgba(236,227,202,.12);color:rgb(236,227,202);box-shadow:inset 0 1px 0 rgba(236,227,202,.08);animation:svtFloat 5s ease-in-out calc(var(--d) * .45s) infinite}
.svt__ico svg{width:24px;height:24px}
@keyframes svtFloat{50%{transform:translateY(-4px)}}
.svt__needle{transform-origin:12px 14px;animation:svtNeedle 3.2s ease-in-out infinite}
@keyframes svtNeedle{0%,100%{transform:rotate(-40deg)}50%{transform:rotate(8deg)}}
.svt__card b{font-family:var(--title);font-weight:700;font-size:16px;letter-spacing:-.02em;color:rgb(236,227,202);align-self:end}
.svt__card small{font-size:12.5px;color:rgba(242,242,240,.5);align-self:start}
@media (max-width:1024px){.svt__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.svt__grid{grid-template-columns:minmax(0,1fr)}}
/* Numer etapu */
.p3__num b{animation:none!important}
.p3__num b.is-swap{animation:p3In .6s cubic-bezier(.2,.8,.2,1)!important}
/* Większa karta briefu */
.p3__doc{left:-2%!important;top:-6%!important;width:104%!important;padding:clamp(22px,2.6vw,38px)!important;border-radius:18px!important}
.p3__doc > span{font-size:12px!important}
.p3__doc > b{font-size:clamp(20px,2.2vw,34px)!important;margin:10px 0 18px!important}
.p3__doc dl{gap:12px 24px!important;font-size:clamp(13px,1.2vw,17px)!important}
.p3__doc dt{font-size:11.5px!important}
.p3__doc dd{padding-bottom:12px!important}
.hdr__logo span{font-family:var(--title)!important;font-weight:800!important;font-stretch:100%!important;font-size:21px!important;letter-spacing:-.03em!important}
.home .sj__photo{filter:none!important;object-position:50% 70%!important}
.home .sj__bg::before{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 30%,transparent 70%,#000 100%)!important}
.home .zx__right{align-self:end!important;margin-top:0!important;margin-bottom:clamp(20px,4vh,48px)}
@media (max-width:1024px){.home .zx__right{align-self:auto!important;margin-bottom:0}}
.zx__bar--box{grid-area:auto!important;margin:0!important;width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;padding:12px!important;border-radius:22px!important;background:rgba(236,227,202,.08)!important;border:1px solid rgba(236,227,202,.16)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:2!important}
.zx__bar--box .zx__pill{justify-content:center;padding:11px 12px;white-space:nowrap}
.zx__bar--box .zx__pill:first-child{grid-column:1 / -1}
.zx__bar--box .zx__mid{display:flex;align-items:center;justify-content:center;padding:11px 12px;border-radius:999px;background:rgba(236,227,202,.08);white-space:nowrap}
.home .zx__right{gap:14px!important}
.home .zx__right .zx__tag{margin-bottom:-2px}
.home .zx__right{align-self:center!important;margin-bottom:0!important;margin-top:6vh!important}
.zx__bar--box .zx__mid{gap:10px}
@media (max-width:1024px){.home .zx__right{margin-top:0!important}}
/* Ulepszony loader strony głównej */
.loader.loader--plus{background:transparent!important;display:block;clip-path:none!important}
.lp__cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr)}
.lp__cols i{background:#000;margin-right:-1px;transform-origin:50% 0;transition:transform 1s cubic-bezier(.7,0,.2,1) calc(var(--i) * .07s + .3s)}
.loader--plus.is-done .lp__cols i{transform:scaleY(0)}
.lp__in{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:22px;padding:0 var(--pad);transition:opacity .45s,transform .7s cubic-bezier(.7,0,.2,1)}
.loader--plus.is-done .lp__in{opacity:0;transform:translateY(-40px)}
.lp__top,.lp__meta{display:flex;justify-content:space-between;gap:30px;width:min(640px,86vw);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,242,240,.45);opacity:0;animation:lpFade .8s ease .5s forwards}
.lp__meta b{font-weight:500;color:rgb(236,227,202);font-variant-numeric:tabular-nums}
.lp__word{font-family:var(--title)!important;font-weight:800!important;font-stretch:100%!important;font-size:clamp(56px,12vw,180px)!important;letter-spacing:calc((1 - var(--p,0)) * .14em - .03em);line-height:.9!important;padding:.12em 0 .14em!important;margin:0!important;overflow:hidden;color:rgb(236,227,202);transition:letter-spacing .2s linear}
.lp__word span{transform:translateY(115%) rotate(8deg);filter:blur(8px);animation:lpUp 1.1s cubic-bezier(.2,.8,.2,1) forwards!important}
.lp__word span:nth-child(1){animation-delay:.05s!important}.lp__word span:nth-child(2){animation-delay:.12s!important}.lp__word span:nth-child(3){animation-delay:.19s!important}.lp__word span:nth-child(4){animation-delay:.26s!important}.lp__word span:nth-child(5){animation-delay:.33s!important}.lp__word span:nth-child(6){animation-delay:.4s!important}
@keyframes lpUp{to{transform:none;filter:none}}
@keyframes lpFade{to{opacity:1}}
.lp__line{position:relative;width:min(640px,86vw);height:1px;background:rgba(236,227,202,.12);overflow:hidden}
.lp__line i{position:absolute;left:0;top:0;bottom:0;width:0;background:rgb(236,227,202)}
.zx__slider{display:block!important;position:relative;padding:12px!important}
@media (hover: hover) and (pointer: fine){
.zx__slider:hover{transform:none!important}}
.zx__slides{display:grid}
.zx__slide{grid-area:1/1;display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}
.zx__slide.is-on{opacity:1;visibility:visible;transition:opacity .5s}
.zx__slide .zx__card-img{clip-path:inset(0 100% 0 0);transition:clip-path .8s cubic-bezier(.7,0,.2,1)}
.zx__slide.is-on .zx__card-img{clip-path:inset(0 0 0 0)}
.zx__slide .zx__card-img img{transform:scale(1.15);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.zx__slide.is-on .zx__card-img img{transform:none}
.zx__slide .zx__card-txt > *{opacity:0;transform:translateY(14px);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1)}
.zx__slide.is-on .zx__card-txt > *{opacity:1;transform:none}
.zx__slide.is-on .zx__card-txt b{transition-delay:.12s}
@media (hover: hover) and (pointer: fine){
.zx__slide:hover .zx__card-txt b{color:rgb(236,227,202)}}
.zx__slider .zx__card-nav{position:absolute;left:calc(12px + 132px + 16px + 4px);right:16px;bottom:16px;margin:0}
.zx__card-nav i{position:relative;background:rgba(236,227,202,.2)!important;overflow:hidden}
.zx__card-nav i b{position:absolute;inset:0;background:rgb(236,227,202);transform-origin:left;transform:scaleX(0);animation:zxBar 3s linear forwards}
.zx__slider.is-paused .zx__card-nav i b{animation-play-state:paused}
@keyframes zxBar{to{transform:scaleX(1)}}
.zx__card-nav button{all:unset;cursor:pointer;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(236,227,202,.14);font-size:12px;color:rgb(236,227,202);transition:background .3s,color .3s}
@media (hover: hover) and (pointer: fine){
.zx__card-nav button:hover{background:rgb(236,227,202);color:#000}}
@media (max-width:700px){.zx__slide{grid-template-columns:110px minmax(0,1fr)}.zx__slider .zx__card-nav{left:calc(12px + 110px + 16px + 4px)}}
.zx__slide:not(.is-on) .zx__card-txt > *{transition:opacity .2s,transform .3s}
.zx__slide:not(.is-on){transition:opacity .3s,visibility 0s .3s}
/* Podstrona Realizacje */
.rzh{position:relative;padding:calc(var(--hdr) + clamp(30px,5vw,70px)) 0 clamp(36px,5vw,60px);background:#000;overflow:hidden}
.rzh::before{content:"";position:absolute;right:-15%;top:-30%;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(47,158,95,.12),transparent 60%);pointer-events:none}
.rzh .h2{font-size:clamp(48px,8.4vw,150px)!important;margin-top:14px}
.projects{gap:clamp(70px,9vw,140px)!important}
.proj.rz{display:block!important;padding:0!important;border-top:0!important}
/* Realizacje */
.rzh--v2{min-height:88vh;min-height:88svh;display:flex;align-items:flex-end;padding:calc(var(--hdr) + 40px) 0 clamp(50px,8vh,90px)}
.rzh--v2::before{display:none}
.rzh__wall{position:absolute;inset:0;overflow:hidden;perspective:1600px;pointer-events:none}
.rzh__plane{position:absolute;left:40%;top:-18%;width:150%;display:grid;gap:22px;transform:rotateX(52deg) rotateZ(-24deg);transform-origin:0 0;animation:rzhIn 2s cubic-bezier(.16,.8,.2,1) .2s both}
@keyframes rzhIn{from{opacity:0;transform:rotateX(52deg) rotateZ(-24deg) translateY(12%)}}
.rzh__row{display:flex;gap:22px;width:max-content;animation:rzhRun 60s linear infinite}
.rzh__row--b{animation-direction:reverse;animation-duration:70s;margin-left:-240px}
.rzh__row img{width:460px;height:auto;aspect-ratio:1536/991;object-fit:cover;border-radius:14px;border:1px solid rgba(236,227,202,.12);box-shadow:0 30px 60px -20px #000;filter:grayscale(.2) brightness(.8)}
@keyframes rzhRun{to{transform:translateX(-50%)}}
.rzh__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 32%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.6) 100%),linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 30%,transparent 70%,#000 100%)}
.rzh__in{position:relative;z-index:1;display:grid;justify-items:start;gap:18px}
.rzh--v2 .h2{font-size:clamp(52px,9vw,160px)!important;margin:0}
.rzh--v2 .lead{max-width:480px;margin:6px 0 0}

.rzs{position:relative;background:#000}
.rzs__track{position:relative;height:calc(var(--n,5) * 100vh)}
.rzs__track{height:500vh;height:500svh}
.rzs__stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.rzs__in{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center;padding-top:calc(var(--hdr) + 10px);padding-bottom:20px;height:100%}
/* Zrzuty po lewej */
.rzs__shots{position:relative;height:min(76vh,720px)}
.rzs__shots::before,.rzs__shots::after{content:"";position:absolute;left:-10%;right:-10%;height:16%;z-index:2;pointer-events:none}
.rzs__shots::before{top:-8%;background:linear-gradient(#000,transparent)}
.rzs__shots::after{bottom:-8%;background:linear-gradient(transparent,#000)}
/* Panel po prawej */
.rzs__panel{position:relative;height:min(78vh,740px);border-radius:24px;border:1px solid rgba(236,227,202,.12);background:linear-gradient(180deg,#111 0%,#060606 100%);overflow:hidden}
.rzs__prog{position:absolute;left:0;right:0;top:0;height:2px;background:rgba(236,227,202,.06);z-index:2}
.rzs__prog i{position:absolute;inset:0;background:linear-gradient(90deg,#145c34,#3cb874);transform-origin:left;transform:scaleX(.2)}
.rzs__item{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(16px,2.4vh,26px);padding:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}
.rzs__item.is-on{opacity:1;visibility:visible;transition:opacity .6s}
.rzs__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.rzs__id{display:grid;justify-items:start;gap:10px}
.rzs__name{font-family:var(--title)!important;font-weight:800!important;font-size:clamp(32px,3.4vw,58px)!important;line-height:.92!important;letter-spacing:-.045em!important;text-transform:uppercase;margin:0;color:rgb(236,227,202)}
.rzs__sector{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(242,242,240,.55)}
.rzs__pal{display:flex;gap:8px;padding:7px;margin-top:6px;border-radius:999px;border:1px solid rgba(236,227,202,.14);background:rgba(236,227,202,.03)}
.rzs__pal i{width:30px;height:30px;border-radius:50%;border:1px solid rgba(236,227,202,.18)}
.rzs__desc{display:grid;gap:14px;justify-items:start}
.rzs__desc p{margin:0;font-size:15px;line-height:1.6;color:rgba(242,242,240,.7)}
.rzs__mocks{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;min-height:0}
.rzs__m{margin:0;min-height:0;border-radius:14px;overflow:hidden;background:#0b0b0b}
.rzs__m img{display:block;width:100%;height:100%;object-fit:cover}
.rzs__m--laptop img{object-position:50% 62%}
.rzs__m--tablet img{object-position:62% 50%}
/* Wejście treści aktywnego projektu */
.rzs__item .rzs__id > *,.rzs__item .rzs__desc > *,.rzs__item .rzs__m{opacity:0;transform:translateY(22px);transition:opacity .5s,transform .8s cubic-bezier(.2,.8,.2,1)}
.rzs__item.is-on .rzs__id > *,.rzs__item.is-on .rzs__desc > *,.rzs__item.is-on .rzs__m{opacity:1;transform:none}
.rzs__item.is-on .rzs__id > :nth-child(2){transition-delay:.05s}.rzs__item.is-on .rzs__id > :nth-child(3){transition-delay:.1s}.rzs__item.is-on .rzs__id > :nth-child(4){transition-delay:.15s}
.rzs__item.is-on .rzs__desc > :nth-child(1){transition-delay:.12s}.rzs__item.is-on .rzs__desc > :nth-child(2){transition-delay:.18s}.rzs__item.is-on .rzs__desc > :nth-child(3){transition-delay:.24s}.rzs__item.is-on .rzs__desc > :nth-child(4){transition-delay:.3s}
.rzs__item.is-on .rzs__m:nth-child(1){transition-delay:.2s}.rzs__item.is-on .rzs__m:nth-child(2){transition-delay:.28s}.rzs__item.is-on .rzs__m:nth-child(3){transition-delay:.36s}
@media (max-width:1024px){
  .rzh__plane{left:10%;top:-5%;width:260%}
  .rzh__row img{width:300px}
  .rzh__shade{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.75) 45%,#000 100%)}
  .rzs__track{height:auto!important}
  .rzs__stage{position:static;height:auto;display:block;overflow:visible}
  .rzs__in{display:block;height:auto;padding-top:20px;padding-bottom:60px}
  .rzs__shots{display:none}
  .rzs__panel{height:auto;border:0;background:none;border-radius:0;overflow:visible;display:grid;gap:56px}
  .rzs__prog{display:none}
  .rzs__item{position:relative;inset:auto;opacity:1!important;visibility:visible!important;padding:0}
  .rzs__item .rzs__id > *,.rzs__item .rzs__desc > *,.rzs__item .rzs__m{opacity:1!important;transform:none!important}
  .rzs__head{grid-template-columns:minmax(0,1fr)}
  .rzs__mocks{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .rzs__m--laptop{grid-column:1 / -1;aspect-ratio:1.4}
  .rzs__m--telefon,.rzs__m--tablet{aspect-ratio:.85}
}
.rzh__plane{left:30%!important;top:-6%!important;width:140%!important;transform:rotateX(46deg) rotateZ(-18deg)!important;animation:none!important}
.rzh__row img{filter:grayscale(.1) brightness(.95)!important}
.rzh__shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 28%,rgba(0,0,0,.25) 62%,rgba(0,0,0,.45) 100%),linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 25%,transparent 72%,#000 100%)!important}
.rzh__wall{animation:rzhFade 1.6s ease .2s both}
@keyframes rzhFade{from{opacity:0}}
@media (max-width:1024px){.rzh__plane{left:0!important;top:-10%!important;width:300%!important}}
/* Realizacje */
.rzs__panel{background:none!important;border:0!important;border-radius:0!important;overflow:visible}
.rzs__item{padding:0 0 0 clamp(4px,1vw,12px)!important}
.rzs__prog{top:-14px;border-radius:2px}
.rzs__meta{display:flex;align-items:center;gap:clamp(14px,2vw,26px);flex-wrap:wrap;margin-top:6px}
.rzs__meta .rzs__pal{margin-top:0}
.rzs__shots{perspective:1400px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)}
.rzs__shots::before,.rzs__shots::after{display:none}
/* Realizacje */
@media (min-width:1025px){
  .rzs__in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:clamp(20px,2.4vw,40px)!important;max-width:none}
  .rzs__shots{height:min(60vh,560px)!important;perspective:1100px;perspective-origin:50% 50%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)!important}
  .rzs__panel{height:min(74vh,680px)!important}
  .rzs__name{font-size:clamp(28px,2.7vw,46px)!important}
  .rzs__head{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .rzs__desc p{font-size:14px}
  .rzs__desc{gap:10px!important}
  .rzs__mocks{gap:8px}
  .rzs__pal i{width:24px;height:24px}
}
/* Realizacje */
@media (min-width:1025px){
  .rzs__in{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)!important}
  .rzs__shots{perspective:1000px!important;perspective-origin:50% 50%!important;overflow:visible!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)!important}
}
/* Realizacje */
@media (min-width:1025px){
  .rzs__shots{perspective:1000px!important}
  .rzs__slot{position:absolute;top:50%;width:38%;aspect-ratio:1536/991;overflow:hidden;border-radius:6px;background:#0b0b0b;box-shadow:0 30px 60px -30px #000}
  .rzs__slot--c{left:31%;transform:translateY(-50%)}
  .rzs__slot--l{left:calc(31% - 38% - 10px);transform-origin:100% 50%;transform:translateY(-50%) rotateY(48deg) skewY(-14deg)}
  .rzs__slot--r{left:calc(31% + 38% + 10px);transform-origin:0% 50%;transform:translateY(-50%) rotateY(-48deg) skewY(-14deg)}
  .rzs__strip{display:flex;gap:10px;height:100%;transform:translateX(calc((var(--q, 0) + var(--k)) * var(--u, 0px) * -1));will-change:transform}
  .rzs__strip img{flex:0 0 calc(var(--u, 10px) - 10px);width:calc(var(--u, 10px) - 10px);height:100%;object-fit:cover;object-position:top;display:block}
  .rzs__slot--l .rzs__strip img,.rzs__slot--r .rzs__strip img{filter:brightness(.7)}
}
/* Realizacje */
@media (min-width:1025px){
  .rzs__slot{width:50%!important;background:none!important;box-shadow:none!important;border-radius:0!important}
  .rzs__slot--c{left:25%!important}
  .rzs__slot--l{left:calc(25% - 50% - 10px)!important}
  .rzs__slot--r{left:calc(25% + 50% + 10px)!important}
  .rzs__strip img{border-radius:6px}
  .rzs__shots{overflow:visible!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%)!important}
  .rzs__in{overflow:hidden}
}
@media (min-width:1025px){
  .rzs__slot{width:58%!important}
  .rzs__slot--c{left:21%!important}
  .rzs__slot--l{left:calc(21% - 58% - 10px)!important}
  .rzs__slot--r{left:calc(21% + 58% + 10px)!important}
}
/* Realizacje */
.rzh--v2 .rzh__in{gap:22px}
.rzw__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rzw__card{position:relative;display:grid;gap:12px;align-content:start;padding:26px 24px 28px;border-radius:22px;background:rgb(224,213,184);border:1px solid rgba(0,0,0,.07);box-shadow:0 20px 40px -30px rgba(0,0,0,.25)}
.rzw__n{position:absolute;top:24px;right:24px;font-size:11px;color:#8a8a85}
.rzw__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#0b0b0b;color:rgb(236,227,202);margin-bottom:22px}
.rzw__ico svg{width:22px;height:22px}
.rzw__card h3{font-family:var(--title)!important;font-weight:800!important;font-size:22px!important;letter-spacing:-.03em!important;margin:0;color:#0b0b0b}
.rzw__card p{margin:0;font-size:14.5px;line-height:1.6;color:#55554f}
.rzw__cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:14px;padding:26px 28px;border-radius:22px;background:#0b0b0b;color:rgb(236,227,202)}
.rzw__cta b{display:block;font-family:var(--title);font-weight:800;font-size:clamp(22px,2vw,30px);letter-spacing:-.03em}
.rzw__cta p{margin:6px 0 0;color:rgba(242,242,240,.6);font-size:14.5px}
.rzw__cta .zx__btn{border-color:rgba(236,227,202,.25)}
@media (max-width:1024px){.rzw__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.rzw__grid{grid-template-columns:minmax(0,1fr)}}
.pin.pin--auto{overflow-x:clip}
.rzs__stage{flex-direction:column}
.rzs__label{position:absolute;left:0;right:0;top:calc(var(--hdr) + 14px);z-index:3;pointer-events:none}
@media (max-width:1024px){.rzs__label{position:static;padding-top:40px}}
/* Stopka */
.footer__cols--c{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:860px;margin-left:auto;margin-right:auto;text-align:center;justify-items:center}
@media (max-width:700px){.footer__cols--c{grid-template-columns:minmax(0,1fr)!important;gap:28px}}
/* Stopka */
.footer__cols--c{display:flex!important;justify-content:center;align-items:stretch;gap:0!important;max-width:none!important;text-align:left!important}
.footer__cols--c > div{padding:4px clamp(28px,4vw,56px);border-left:1px solid rgba(236,227,202,.12)}
.footer__cols--c > div:last-child{border-right:1px solid rgba(236,227,202,.12)}
.footer__cols--c > div > a,.footer__cols--c .footer__link{margin-left:0!important;margin-right:0!important;text-align:left!important}
.footer__social{display:flex;gap:8px;margin-top:16px}
.footer__social a{display:grid!important;place-items:center;width:38px;height:38px;padding:0!important;border-radius:50%;border:1px solid rgba(236,227,202,.16);color:rgb(236,227,202);transition:color .3s,border-color .3s}
@media (hover: hover) and (pointer: fine){
.footer__social a:hover{color:#2f9e5f!important;border-color:rgba(47,158,95,.6)}}
.footer__social svg{width:17px;height:17px}
@media (max-width:700px){
  .footer__cols--c{flex-direction:column;align-items:center;text-align:center!important}
  .footer__cols--c > div{border:0!important;border-top:1px solid rgba(236,227,202,.12)!important;padding:22px 0;width:100%;display:grid;justify-items:center}
  .footer__cols--c > div > a,.footer__cols--c .footer__link{text-align:center!important}
  .footer__social{justify-content:center}
}
.footer__cols--c > div{border:0!important}
.footer__social{gap:10px}
.footer__social a{width:48px!important;height:48px!important;border:0!important;background:rgba(236,227,202,.08);color:rgb(236,227,202)!important;transition:background .3s!important}
@media (hover: hover) and (pointer: fine){
.footer__social a:hover{background:#2f9e5f!important;color:rgb(236,227,202)!important}}
.footer__social svg{width:22px!important;height:22px!important}
@media (min-width:701px){
  .footer__cols--c{display:grid!important;grid-template-columns:repeat(3,230px)!important;justify-content:center!important;column-gap:clamp(32px,5vw,72px)!important}
  .footer__cols--c > div{padding:4px 0!important}
}
@media (min-width:701px){.footer__cols--c{justify-items:stretch!important}}
/* Stopka */
.footer__cols--c{text-align:center!important}
.footer__cols--c > div{display:grid!important;justify-items:center!important;align-content:start}
.footer__cols--c > div > a,.footer__cols--c .footer__link{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.footer__social{justify-content:center}
/* Najczęściej wybierany */
.plan--photo.is-featured .plan__tag{background:#0b0b0b!important;color:rgb(236,227,202)!important;border-color:rgba(236,227,202,.35)!important}
/* Opieka */
.svs .support .plan--photo.is-featured .btn{background:rgb(236,227,202)!important;color:#0b0b0b!important;border-color:rgb(236,227,202)!important}
@media (hover: hover) and (pointer: fine){
.svs .support .plan--photo.is-featured .btn:hover{background:rgb(236,227,202)!important}}
.support .plan--photo{min-height:0}
.reveal{opacity:1!important;transform:translateY(100%);clip-path:inset(0 0 100% 0);transition:transform 1.1s var(--ease),clip-path 1.1s var(--ease)!important}
.reveal.is-in{transform:none;clip-path:inset(-60px -60px -60px -60px)}
@media (prefers-reduced-motion:reduce){.reveal{transform:none!important;clip-path:none!important}}
/* Strony WWW */
.svb{padding-bottom:clamp(30px,4vw,60px)!important}
.svf{padding-top:clamp(30px,4vw,60px)!important}
/* Hero */
.reveal{clip-path:inset(0 0 calc(100% - 2px) 0)}
.reveal{transform:translateY(min(100%,56px))}
/* Podstrony usług */
.svk__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.svk__card{position:relative;display:grid;gap:12px;align-content:start;padding:26px 24px 28px;border-radius:22px;background:linear-gradient(180deg,#121212 0%,#070707 100%);border:1px solid rgba(236,227,202,.08)}
.svk__n{position:absolute;top:24px;right:24px;font-size:11px;color:rgba(242,242,240,.4)}
.svk__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgb(236,227,202);color:#0b0b0b;margin-bottom:22px}
.svk__ico svg{width:22px;height:22px}
.svk__card h3{font-family:var(--title)!important;font-weight:800!important;font-size:22px!important;letter-spacing:-.03em!important;margin:0;color:rgb(236,227,202)}
.svk__card p{margin:0;font-size:14.5px;line-height:1.6;color:rgba(242,242,240,.6)}
@media (max-width:1024px){.svk__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.svk__grid{grid-template-columns:minmax(0,1fr)}}
/* Hero podstron */
.svh__title{font-size:clamp(50px,min(7vw,12vh),128px)!important;line-height:.95!important}
.svh__title .ln > span{background:none!important;color:rgb(236,227,202)!important;-webkit-text-fill-color:rgb(236,227,202)!important;text-shadow:none!important;filter:none!important}
@keyframes h3dIn{from{opacity:0;transform:translateY(40px) rotateX(30deg)}}
/* Renowacja */
.hr{position:relative;width:min(560px,40vw);aspect-ratio:16/10;transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-26deg) rotateZ(3deg);animation:h3dIn 1.6s cubic-bezier(.2,.8,.2,1) .3s both}
/* Audyt */
@media (max-width:1024px){
  .hr{width:min(480px,78vw)}
}

/* Renowacja */
.vr-phone{display:flex!important;align-items:center;justify-content:center;gap:16px}
.vr__ph{position:relative;width:132px;height:250px;border-radius:24px;border:6px solid #1c1c1c;outline:1px solid rgba(236,227,202,.14);background:#000;overflow:hidden;box-shadow:0 30px 60px -20px #000}
.vr__scr{position:absolute;inset:0;padding:12px 10px;display:grid;align-content:start;gap:6px}
.vr__scr--old{background:#d9d3c3;font-family:"Times New Roman",serif;animation:vrOld 6s infinite}
.vr__scr--old b{font-size:7px;color:#1d3f8f;white-space:nowrap}
.vr__scr--old i{height:5px;background:#9c947f;width:140%}
.vr__scr--old i:nth-child(odd){width:120%}
.vr__scr--old small{font-size:5.5px;color:#666}
.vr__scr--new{background:#0b0b0b;color:rgb(236,227,202);padding:16px 12px;gap:10px;animation:vrNew 6s infinite}
.vr__scr--new b{font-family:var(--title);font-size:11px}
.vr__scr--new h5{margin:6px 0 0;font-family:var(--title);font-weight:800;font-size:20px;line-height:.95;letter-spacing:-.04em}
.vr__scr--new span{display:block;padding:9px;border-radius:999px;background:#2f9e5f;font-size:9.5px;text-align:center}
.vr__scr--new em{display:block;height:34px;border-radius:8px;background:#1a1a1a}
@keyframes vrOld{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@keyframes vrNew{0%,40%{opacity:0;transform:translateY(10px)}50%,90%{opacity:1;transform:none}100%{opacity:0}}
.vr__lbl{position:absolute;top:18px;padding:6px 12px;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.vr__lbl--o{left:18px;background:#d9d3c3;color:#222;animation:vrOld 6s infinite}
.vr__lbl--n{right:18px;background:#2f9e5f;color:rgb(236,227,202);animation:vrNew 6s infinite}
.vr__rows .vr__bad::after{background:linear-gradient(90deg,#7a2a1f,#ff8a65)!important}
/* Renowacja */
.vr-301{display:grid!important;align-content:center;gap:22px;padding:0 clamp(18px,3vw,36px)}
.v3__urls{display:grid;gap:10px;justify-items:center}
.v3__u{padding:10px 14px;border-radius:10px;font-size:12px;border:1px solid rgba(236,227,202,.12);background:#111;color:rgba(242,242,240,.75)}
.v3__u--old{text-decoration:line-through;text-decoration-color:rgba(255,90,79,.7);color:rgba(242,242,240,.45)}
.v3__u--new{border-color:rgba(111,224,154,.5);color:rgb(236,227,202);box-shadow:0 0 0 1px rgba(111,224,154,.2),0 16px 34px -18px rgba(47,158,95,.6)}
.v3__arrow{position:relative;display:flex;align-items:center;gap:8px;font-size:10px;color:#6fe09a}
.v3__arrow i{width:2px;height:22px;background:linear-gradient(#6fe09a,transparent);animation:v3Flow 1.6s ease-in-out infinite}
@keyframes v3Flow{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.v3__r{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:12px;row-gap:4px;padding:12px 14px;border-radius:12px;background:#111;border:1px solid rgba(236,227,202,.08)}
.v3__r small{grid-column:1/-1;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(242,242,240,.45)}
.v3__r b{grid-row:2/4;font-family:var(--title);font-size:32px;line-height:1;color:#6fe09a}
.v3__r span{font-size:12px;color:#9fc6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3__r em{font-style:normal;font-size:10px;color:rgba(242,242,240,.5)}
/* Audyt */
.va-heat{padding:22px 26px!important}
.vh__page{position:relative;width:100%;height:100%;border-radius:12px;background:#111;border:1px solid rgba(236,227,202,.08);padding:14px;display:grid;align-content:start;gap:10px;overflow:hidden}
.vh__nav{display:flex;gap:8px;align-items:center}.vh__nav b{width:46px;height:8px;border-radius:3px;background:rgb(236,227,202);margin-right:auto}.vh__nav i{width:22px;height:5px;border-radius:3px;background:rgba(236,227,202,.3)}
.vh__page .t1,.vh__page .t2{display:block;height:10px;width:52%;border-radius:4px;background:rgba(236,227,202,.8)}.vh__page .t2{width:38%}
.vh__btn{display:block;width:26%;height:14px;border-radius:999px;background:rgba(236,227,202,.2);margin-top:30%}
.vh__img{position:absolute;right:14px;top:34px;width:36%;height:48%;border-radius:8px;background:linear-gradient(140deg,#444,#1c1c1c)}
.vh__spot{position:absolute;left:var(--x);top:var(--y);width:calc(120px * var(--s));height:calc(120px * var(--s));margin:calc(-60px * var(--s)) 0 0 calc(-60px * var(--s));border-radius:50%;background:radial-gradient(closest-side,rgba(255,90,79,.85),rgba(254,188,46,.5) 45%,rgba(60,184,116,.25) 70%,transparent);mix-blend-mode:screen;animation:vhPulse 3s ease-in-out infinite alternate}
.vh__spot--cold{background:radial-gradient(closest-side,rgba(60,120,255,.5),transparent)}
@keyframes vhPulse{to{transform:scale(1.15);opacity:.8}}
.vh__tip{position:absolute;left:30px;bottom:30px;padding:7px 12px;border-radius:999px;background:rgba(18,18,18,.92);border:1px solid rgba(236,227,202,.16);font-size:10.5px;color:rgb(236,227,202)}
/* Audyt */
.va-wf{display:grid!important;align-content:center;gap:12px;padding:0 clamp(18px,3vw,30px)}
.vw__head{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(242,242,240,.45)}
.vw__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vw__list li{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;font-size:10.5px;color:rgba(242,242,240,.7)}
.vw__list i{position:relative;height:8px;border-radius:4px;background:rgba(236,227,202,.05)}
.vw__list i::after{content:"";position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius:4px;background:linear-gradient(90deg,#145c34,#3cb874);transform-origin:left;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.vw__list li:nth-child(2) i::after{transition-delay:.15s}.vw__list li:nth-child(3) i::after{transition-delay:.3s}.vw__list li:nth-child(4) i::after{transition-delay:.45s}.vw__list li:nth-child(5) i::after{transition-delay:.6s}
.vw__bad i::after{background:linear-gradient(90deg,#7a2a1f,#ff5a4f)!important}
.vw__bad span{color:#ff8a65}
.svb__card.is-in .vw__list i::after{transform:scaleX(1)}
.vw__total{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(236,227,202,.08);font-size:10.5px;color:rgba(242,242,240,.55)}
.vw__total b{color:#ff8a65;font-weight:500}
/* Audyt */
.va-seo{display:grid!important;align-content:center;padding:0 clamp(18px,3vw,30px)}
.vk__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vk__list li{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#111;border:1px solid rgba(236,227,202,.07);font-size:13px;color:rgb(236,227,202);opacity:0;transform:translateY(8px);transition:opacity .4s calc(var(--d) * .18s + .2s),transform .5s calc(var(--d) * .18s + .2s)}
.svb__card.is-in .vk__list li{opacity:1;transform:none}
.vk__list i{position:relative;width:18px;height:18px;border-radius:50%}
.vk__list i.ok{background:rgba(60,184,116,.18)}.vk__list i.ok::after{content:"";position:absolute;left:5px;top:5px;width:6px;height:3.5px;border-left:1.6px solid #6fe09a;border-bottom:1.6px solid #6fe09a;transform:rotate(-45deg)}
.vk__list i.bad{background:rgba(255,90,79,.18)}.vk__list i.bad::before,.vk__list i.bad::after{content:"";position:absolute;left:5px;top:8px;width:8px;height:1.6px;background:#ff5a4f;transform:rotate(45deg)}.vk__list i.bad::after{transform:rotate(-45deg)}
.vk__list em{font-style:normal;font-size:10px;color:rgba(242,242,240,.45)}
.vk__list li:has(.bad) em{color:#ff8a65}
.vw__list i{display:block}
.vw__list li > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}
.va-wf,.va-seo,.vr-301{place-items:stretch!important;justify-items:stretch!important;align-content:center}
.va-wf > *,.va-seo > *{width:100%}
.v3__u,.vw__list li > span{text-transform:none!important}
.page-www:not(.page-ren):not(.page-aud){background:#000}
.sl3__bg{position:absolute;left:0;right:0;top:0;height:100vh;height:100svh;overflow:hidden;pointer-events:none}
.sl3__bg img{position:absolute;inset:-6% 0 auto;width:100%;height:116%;object-fit:cover;object-position:50% 70%;animation:svhBg 2.4s cubic-bezier(.2,.7,.2,1) both}
.sl3__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 30%,transparent 70%,#000 100%)}
.svh--sl,.svb--clear{background:transparent!important}
.sl3{position:fixed;inset:0;z-index:0;pointer-events:none;transition:opacity .4s;--e:1;--t:0}
.sl3__pos{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}
.sl3__scene{position:absolute;left:0;top:0;perspective:1800px;transform-style:preserve-3d}
.sl3__stack{position:absolute;left:0;top:0;width:min(600px,42vw);aspect-ratio:1536/945;translate:-50% -50%;transform-style:preserve-3d;
  transform:rotateX(calc(14deg + var(--e) * 42deg)) rotateZ(calc(var(--e) * -38deg + var(--t) * 24deg)) rotateY(calc((1 - var(--e)) * -12deg)) scale(calc(1 - var(--e) * .12));
}
.sl3__pos{animation:sl3In 1.8s cubic-bezier(.2,.8,.2,1) .2s backwards}
@keyframes sl3In{from{opacity:0}}
.sl3__l{position:absolute;inset:0;transform:translateZ(calc(var(--k) * var(--e) * 64px));transform-style:preserve-3d}
.sl3__l img{display:block;width:100%;height:100%;border-radius:10px}
.sl3__l:nth-child(2) img{box-shadow:0 60px 100px -30px #000;border:1px solid rgba(236,227,202,.12)}
.sl3__l:not(:nth-child(2)) img{outline:1px solid rgba(236,227,202,calc(var(--e) * .22));outline-offset:-1px;border-radius:10px}
.sl3__grid{border:1.5px dashed rgba(236,227,202,calc(.15 + var(--e) * .3));border-radius:12px;background-image:radial-gradient(rgba(111,224,154,.5) 1.2px,transparent 1.6px);background-size:26px 26px;opacity:var(--e);transform:translateZ(calc(var(--e) * -60px))}
.sl3__tag{position:absolute;left:-14px;top:50%;translate:-100% -50%;padding:6px 11px;border-radius:999px;background:rgba(14,14,14,.9);border:1px solid rgba(236,227,202,.16);color:rgb(236,227,202);font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:calc(var(--e) * 1.4 - .4)}
.sl3__l:nth-child(4) .sl3__tag,.sl3__l:nth-child(6) .sl3__tag{left:auto;right:-14px;translate:100% -50%}
.sl3__l:nth-child(6) .sl3__tag{color:#6fe09a}
@media (max-width:1024px){.sl3__stack{width:min(520px,78vw)}.sl3__tag{display:none}}
@media (prefers-reduced-motion:reduce){.sl3__stack{animation:none}}
.sl3__grid{opacity:1!important;border-color:rgba(236,227,202,calc(var(--e) * .45))!important;background-image:radial-gradient(rgba(111,224,154,calc(var(--e) * .55)) 1.2px,transparent 1.6px)!important}
.svf--clear{background:transparent!important}
@media (max-width:1024px){.sl3__stack{width:min(440px,70vw)!important}}
.sl3__l{transform:translateZ(calc(var(--k) * var(--e) * var(--gap,64px)))}.sl3__grid{transform:translateZ(calc(var(--e) * -60px))}@media (max-width:1024px){.sl3{--gap:30px}}
/* Warstwy hero */
.sl3__stack--hero{aspect-ratio:1902/1246;container-type:inline-size;width:min(660px,44vw)}
.sl3__stack--hero .sl3__l{border-radius:12px}
.sl3__stack--hero .sl3__l > img{position:absolute;left:0;right:0;bottom:0;top:5.6%;width:100%;height:94.4%;object-fit:cover;border-radius:0 0 12px 12px}
.sl3__bgl{background:#0d1116;border:1px solid rgba(236,227,202,.12);box-shadow:0 60px 100px -30px #000;overflow:hidden}
.sl3__bgl > img{border:0!important;box-shadow:none!important}
.st__ln{position:absolute;height:1px;background:rgba(236,227,202,.32)}
.sl3__txt{color:rgb(236,227,202);font-family:var(--display);pointer-events:none}
.sl3__txt > *{position:absolute;white-space:nowrap;line-height:1.15;font-weight:400}
.sl3__stack--hero .sl3__tag{font-size:10px}
@media (max-width:1024px){.sl3__stack--hero{width:min(480px,82vw)!important}}
.sl3__stack--hero{translate:-50% calc(-50% + var(--e) * 70px)}.sl3{--gap:56px}@media (max-width:1024px){.sl3{--gap:30px}}
/* Nowa scena hero */
.sl3__stack--hero{aspect-ratio:1902/1176!important;width:min(700px,48vw)!important;translate:-50% -50%!important;
  transform:rotateX(calc(14deg + var(--e) * 42deg + var(--s) * 20deg)) rotateZ(calc(var(--e) * -38deg + var(--s) * -22deg)) rotateY(calc((1 - var(--e)) * (1 - var(--s)) * -10deg)) scale(calc(1 - var(--e) * .1))!important}
.sl3__stack--hero .sl3__l{transform:translate3d(calc(var(--sx) * var(--s) * 1vw),calc(var(--sy) * var(--s) * 1vh),calc(var(--k) * var(--e) * var(--gap,56px) + var(--s) * var(--sz) * 1px)) rotateZ(calc(var(--sr) * var(--s) * 1deg))!important;opacity:calc(1 - var(--s) * .25)}
.sl3__stack--hero .sl3__l > img{top:0!important;height:100%!important;border-radius:12px!important}
.sl3__stack--hero .sl3__grid{transform:translate3d(calc(var(--sx) * var(--s) * 1vw),calc(var(--sy) * var(--s) * 1vh),calc(var(--e) * -40px + var(--s) * var(--sz) * 1px))!important;opacity:calc(var(--e) + var(--s) * .9)!important;border-color:rgba(236,227,202,calc((var(--e) + var(--s)) * .4))!important}
.sl3__wire{border:1px dashed rgba(111,224,154,calc(.15 + (var(--e) + var(--s)) * .4));opacity:calc((var(--e) + var(--s)) * 1.2)!important}
.wf__b{position:absolute;border:1px dashed rgba(111,224,154,.55);border-radius:3px}
.wf__x{background:linear-gradient(to top right,transparent calc(50% - .5px),rgba(111,224,154,.35) 50%,transparent calc(50% + .5px)),linear-gradient(to top left,transparent calc(50% - .5px),rgba(111,224,154,.35) 50%,transparent calc(50% + .5px))}
.wf__col{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed rgba(111,224,154,.18)}
.sl3__ui{pointer-events:none}
.sl3__tag{opacity:calc(var(--e) * 1.4 - .4 + var(--s) * 1.2)!important}
@media (max-width:1024px){.sl3__stack--hero{width:min(520px,86vw)!important}}
.sl3__stack--hero{width:min(640px,42vw)!important}
.sl3__stack--hero{translate:-50% calc(-50% + var(--e) * 120px)!important;width:min(600px,40vw)!important}
.sl3{--gap:46px}
@media (max-width:1024px){.sl3{--gap:26px}.sl3__stack--hero{width:min(520px,84vw)!important;translate:-50% calc(-50% + var(--e) * 40px)!important}}
.sl3__stack--hero{transform:rotateX(calc(18deg + var(--e) * 36deg + var(--s) * 20deg)) rotateZ(calc(var(--spin,0deg) + var(--e) * -30deg + var(--s) * -22deg)) scale(calc(1 - var(--e) * .1))!important;translate:-50% calc(-50% + var(--e) * 40px)!important;width:min(560px,38vw)!important}
.svh--side .svh__in{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;position:relative;z-index:2;gap:30px}
.svh--side .svh__text{max-width:430px!important;flex:0 0 auto}
.svh--side .svh__title{font-size:clamp(44px,min(5.4vw,10vh),96px)!important}
.svh--side .svh__lead{max-width:400px}
.svt--side{width:min(300px,24vw);margin:0!important;padding:0!important;flex:0 0 auto}
.svt--side .svt__grid{grid-template-columns:minmax(0,1fr)!important;gap:10px}
.svt--side .svt__card{padding:14px 16px;grid-template-columns:44px minmax(0,1fr)}
.svt--side .svt__ico{width:44px;height:44px}
.svt--side .svt__label{text-align:left}
@media (max-width:1024px){
  .svh--side .svh__in{flex-direction:column!important;align-items:stretch!important;padding-bottom:20px}
  .svh--side .svh__text{max-width:none!important}
  .svt--side{width:100%;margin-top:84vw!important}
  .svt--side .svt__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sl3__stack--hero{width:min(500px,84vw)!important}
}
@media (max-width:560px){.svt--side .svt__grid{grid-template-columns:minmax(0,1fr)!important}}
.sl3__stack--hero{transform:rotateX(calc(18deg + var(--e) * 36deg + var(--s) * 20deg)) rotateZ(calc(var(--spin,0deg) + var(--e) * -30deg + var(--s) * -22deg)) scale(calc(1 - var(--e) * .26))!important;width:min(540px,36vw)!important}
@media (max-width:1024px){.sl3__stack--hero{width:min(460px,80vw)!important}.svt--side{margin-top:96vw!important}}
.sl3__stack--norda{aspect-ratio:16/10!important}
.ng__bg{background:radial-gradient(60% 70% at 50% 45%,#1d1d1e 0%,#0b0b0b 60%,#050505 100%)!important;border:1px solid rgba(236,227,202,.12);box-shadow:0 60px 100px -30px #000}
.ng__bg::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(236,227,202,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(236,227,202,.025) 1px,transparent 1px);background-size:4% 6.4%}
.sl3__gfx{pointer-events:none}
.ng__rock{position:absolute;filter:drop-shadow(0 20px 30px rgba(0,0,0,.7))}
.ng__rock--a{right:3%;bottom:0;width:38%}
.ng__rock--b{left:43%;top:-3%;width:15%;transform:rotate(160deg) scaleX(-1);opacity:.9}
.ng__phone{position:absolute;left:50%;top:46%;width:14.5%;aspect-ratio:390/844;translate:-50% -50%;rotate:-24deg;border-radius:2.2cqw;border:.5cqw solid #1a1a1a;outline:1px solid rgba(236,227,202,.25);background:#000;overflow:hidden;box-shadow:-2cqw 3cqw 4cqw rgba(0,0,0,.7)}
.ng__phone img{display:block;width:100%;height:100%;object-fit:cover}
.ng__phone i{position:absolute;inset:0;background:linear-gradient(115deg,rgba(236,227,202,.18) 0%,transparent 35%)}
.sl3__stack--norda .sl3__txt > *{position:absolute;white-space:nowrap}
.nt__big{top:3.6%;font-family:var(--title)!important;font-weight:800!important;font-size:11.4cqw;line-height:1;letter-spacing:-.03em;color:rgb(236,227,202)}
.nt__mark{left:50%;top:7.5%;translate:-50% 0;display:grid;place-items:center;width:4cqw;height:4cqw;font-family:var(--title);font-weight:800;font-size:2.6cqw;color:rgb(236,227,202);transform:skewX(-12deg)}
.nt__xs{font-size:.95cqw;line-height:1.3;color:rgba(242,242,240,.85)}
.nt__xs b{color:rgb(236,227,202);font-weight:600}
.nt__dim{color:rgba(242,242,240,.5)}
.nt__c{left:50%;translate:-50% 0;text-align:center}
.nu__nav{position:absolute;left:4%;top:50%;display:flex;gap:2.4cqw;font:500 .85cqw/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(242,242,240,.8)}
.nu__pills{position:absolute;right:4%;top:25.5%;display:grid;justify-items:end;gap:.7cqw}
.nu__pills span{padding:.35cqw .8cqw;border:1px solid rgba(236,227,202,.35);border-radius:1cqw;font-size:.8cqw;color:rgb(236,227,202)}
.nu__arr{position:absolute;top:66%;font-size:1.6cqw;color:rgba(242,242,240,.7)}
.nu__wave{position:absolute;left:30%;top:76%;width:17%;height:4.4%;display:flex;align-items:flex-end;gap:.25cqw}
.nu__wave i{flex:1;height:calc(var(--h) * 7%);background:rgba(242,242,240,.7);border-radius:1px;animation:nuW 1.4s ease-in-out infinite alternate}
.nu__wave i:nth-child(3n){animation-delay:-.5s}.nu__wave i:nth-child(4n){animation-delay:-.9s}
@keyframes nuW{to{height:calc(var(--h) * 3%)}}
.nu__thumbs{position:absolute;left:48%;top:75.5%;width:21%;height:5%;display:grid;grid-template-columns:repeat(4,1fr);gap:.3cqw}
.nu__thumbs i{background:linear-gradient(135deg,#3a3a3a,#141414);border:1px solid rgba(236,227,202,.12)}
.nu__thumbs i:first-child{border-color:rgb(236,227,202)}
.sl3__stack--norda .sl3__ui .st__ln{background:rgba(236,227,202,.22)}
.sl3__stack--norda .wf__b{border-color:rgba(111,224,154,.5)}
.sl3__stack--hero .sl3__gfx > img.ng__rock{top:auto!important;left:auto;right:auto;bottom:auto;height:auto!important;object-fit:contain!important;border-radius:0!important;outline:0!important}
.sl3__stack--hero .sl3__gfx > img.ng__rock--a{right:2%!important;bottom:-2%!important;width:40%!important}
.sl3__stack--hero .sl3__gfx > img.ng__rock--b{left:43%!important;top:-4%!important;width:15%!important}
.sl3__gfx{overflow:hidden;border-radius:12px}
.sl3__stack--hero .sl3__gfx > img.ng__rock--a{width:56%!important;right:-4%!important;bottom:-8%!important}
.sl3{--gap:34px}@media (max-width:1024px){.sl3{--gap:22px}}
.sl3__stack--hero .sl3__l{transform:translate3d(calc(var(--sx) * var(--s) * .62vw),calc(var(--sy) * var(--s) * .62vh),calc(var(--k) * var(--e) * var(--gap,34px) + var(--s) * var(--sz) * .6px)) rotateZ(calc(var(--sr) * var(--s) * .7deg))!important}
.sl3__stack--hero .sl3__grid{transform:translate3d(calc(var(--sx) * var(--s) * .62vw),calc(var(--sy) * var(--s) * .62vh),calc(var(--e) * -30px + var(--s) * var(--sz) * .6px))!important}
/* Narzędzia */
.svt--side{width:min(380px,28vw)!important}
.svt--side .svt__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
.svt--side .svt__card{aspect-ratio:1;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr auto auto;align-content:stretch;padding:18px!important;row-gap:4px}
.svt--side .svt__ico{grid-row:auto!important;margin-bottom:auto}
.svt--side .svt__card b{align-self:end;font-size:15px}
.svt--side .svt__card small{font-size:11.5px}
.svt__card::after{animation:svtSheen 6s ease-in-out infinite!important}
.svt__ico{animation:svtFloat 5s ease-in-out infinite!important}
/* Karty */
.plan{overflow:hidden}
.plan::after,.plan::before{border-radius:inherit}
@media (max-width:1024px){.svt--side{width:100%!important}.svt--side .svt__card{aspect-ratio:auto}}
.svt--side .svt__card small{min-height:2.6em}
.svt--side .svt__card{background:rgba(236,227,202,.04)!important;border-color:rgba(236,227,202,.12)!important;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}
.svt--side .svt__ico{background:rgba(236,227,202,.06)!important}
.page-ren{background:#000}
.sl3__stack--ren{aspect-ratio:16/10!important}
.sl3__stack--ren .sl3__l{overflow:hidden;border-radius:12px}
.rb{position:absolute;inset:0}
.rb--o{clip-path:inset(0 0 0 calc(var(--w) * 100%))}
.rb--n{clip-path:inset(0 calc((1 - var(--w)) * 100%) 0 0)}
.rb > *{position:absolute}
.rr__bg{border:1px solid rgba(236,227,202,.12);box-shadow:0 60px 100px -30px #000;overflow:hidden}
/* Interfejs */
.sl3__stack--ren .sl3__ui .st__ln{display:none}
/* Linia przejścia */
.rr__scan{pointer-events:none;overflow:visible!important}
.rr__scan i{position:absolute;top:-4%;bottom:-4%;left:calc(var(--w) * 100%);width:2px;background:#6fe09a;box-shadow:0 0 22px 5px rgba(60,184,116,.6);opacity:calc(1 - var(--e) * .2)}
.rr__lab{position:absolute;top:-8%;padding:5px 11px;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.rr__lab--o{left:0;background:#e8e2cf;color:#222;opacity:calc(1 - var(--w))}
.rr__lab--n{right:0;background:#2f9e5f;color:rgb(236,227,202);opacity:var(--w)}
.rr__scan .sl3__tag{display:none}
.sl3__stack--ren .rb > img{position:static!important}
.sl3__stack--tv{container-type:inline-size}
.sl3__stack--tv .sl3__l{border-radius:12px;overflow:hidden}
.sl3__stack--tv .sl3__grid,.sl3__stack--tv .sl3__wire,.sl3__stack--tv .rr__scan{overflow:visible}
.sl3__stack--tv .rb > *{position:absolute}
.tv__ph{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(1.1)}
.tv__ph--o{filter:saturate(.7) brightness(1.08) contrast(.92);object-position:50% 60%}
.tv__ov{inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.05) 60%),linear-gradient(transparent 60%,rgba(0,0,0,.55))}
.tv__ov--o{background:rgba(10,20,30,.42)}
.wf__old{border-color:rgba(255,138,101,.6)!important}
/* Przed */
.to__nav{left:0;right:0;top:0;height:9%;display:flex;align-items:center;gap:3cqw;padding:0 3%;background:rgba(236,227,202,.96);font:600 1.15cqw/1 Arial,sans-serif;color:#333;box-shadow:0 .2cqw .6cqw rgba(0,0,0,.2)}
.to__nav b{font:700 1.8cqw/1 Georgia,serif;color:#1e6fa8;margin-right:auto}
.to__nav i{font-style:normal;font-size:1.6cqw;color:#555}
.to__h{left:0;right:0;top:33%;text-align:center;font:700 4.4cqw/1 Arial,sans-serif;letter-spacing:.06em;color:rgb(236,227,202);text-shadow:0 .2cqw .6cqw rgba(0,0,0,.5)}
.to__sub{left:0;right:0;top:44.5%;text-align:center;font:400 1.6cqw/1 Arial,sans-serif;color:rgba(236,227,202,.9)}
.to__btn{left:50%;top:53%;translate:-50% 0;padding:1.2cqw 2.6cqw;border-radius:99px;background:#f58a2a;color:rgb(236,227,202);font:700 1.25cqw/1 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 .4cqw 1cqw rgba(245,138,42,.4)}
.to__arr{top:46%;display:grid;place-items:center;width:4cqw;height:4cqw;border-radius:50%;background:rgba(0,0,0,.35);color:rgb(236,227,202);font:2.6cqw/1 Arial,sans-serif}
.to__dots{left:50%;top:88%;translate:-50% 0;display:flex;gap:.9cqw}
.to__dots i{width:.9cqw;height:.9cqw;border-radius:50%;background:rgba(236,227,202,.5)}.to__dots i.on{background:rgb(236,227,202)}
.to__down{left:50%;top:93%;translate:-50% 0;color:rgb(236,227,202);font-size:2cqw}
.tn__nav{left:3%;right:3%;top:3.6%;display:flex;align-items:center;gap:3.4cqw;font:500 .95cqw/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:rgb(236,227,202)}
.tn__nav b{font:800 1.4cqw/1 var(--title);letter-spacing:.04em;margin-right:auto}
.tn__nav i{width:2.2cqw;height:.7cqw;border-top:1px solid rgb(236,227,202);border-bottom:1px solid rgb(236,227,202)}
.tn__h{left:6%;top:26%;font:800 6.8cqw/.98 var(--title)!important;letter-spacing:.02em;color:rgb(236,227,202);white-space:nowrap}
.tn__stats{left:52%;top:84%;display:flex;gap:6cqw;color:rgb(236,227,202)}
.tn__stats span{display:grid;gap:.4cqw;font:400 1cqw/1 var(--display);color:rgba(236,227,202,.75)}
.tn__stats b{font:600 2.6cqw/1 var(--display);color:rgb(236,227,202)}
.tn__btn{left:6%;top:64%;padding:1.1cqw 2.4cqw;background:#3cb874;color:#062014;font:700 .95cqw/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.tn__soc{left:3%;top:92.5%;font:500 .85cqw/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:rgba(236,227,202,.75)}
.tn__play{left:6%;top:52%;display:flex;align-items:center;gap:1.4cqw;font:600 1.05cqw/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:rgb(236,227,202)}
.tn__play i{display:grid;place-items:center;width:4.4cqw;height:4.4cqw;border:1px solid rgb(236,227,202);border-radius:50%;font-style:normal;font-size:1.2cqw}
.tn__card{left:77%;top:58%;width:20%;padding:1.6cqw;background:rgba(20,24,26,.75);backdrop-filter:blur(6px)}
.tn__card b{display:block;font:700 1.1cqw/1 var(--display);letter-spacing:.08em;color:rgb(236,227,202);margin-bottom:.8cqw}
.tn__card p{margin:0;font:400 .9cqw/1.5 var(--display);color:rgba(236,227,202,.8);white-space:normal}
.tn__prog{left:95%;top:28%;height:50%;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:.8cqw;font:600 .9cqw/1 var(--display);color:rgb(236,227,202)}
.tn__prog i{position:relative;width:1px;background:rgba(236,227,202,.3)}
.tn__prog i b{position:absolute;left:0;top:0;width:100%;height:30%;background:rgb(236,227,202)}
.sl3__stack--tv .sl3__txt > *,.sl3__stack--tv .sl3__ui > *,.sl3__stack--tv .rb > *{white-space:nowrap}
/* Proces renowacji */
.rp{padding:0!important}
.rp__track{position:relative;height:560vh;height:560svh}
.rp__stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.rp__scene{position:relative;height:min(78vh,720px);display:grid;place-items:center;perspective:2200px}
.rp__world{transform-style:preserve-3d;transform:rotateX(calc(12deg + var(--e,0) * 40deg)) rotateZ(calc(var(--e,0) * -30deg)) scale(calc(1 - var(--e,0) * .14))}
.rp__stack{position:relative;width:min(700px,46vw);aspect-ratio:16/10;transform-style:preserve-3d}
.rp__stack .sl3__l{position:absolute;inset:0;transform:translateZ(calc(var(--k) * var(--e,0) * 52px + var(--lift,0) * 60px));transition:box-shadow .4s,outline-color .4s;outline:1px solid transparent}
.rp__stack .sl3__l.is-edit{outline:1.5px solid rgba(60,184,116,.9);box-shadow:0 0 40px -6px rgba(60,184,116,.55)}
.rp__stack .sl3__grid{opacity:var(--e,0)!important}
.rp__stack .sl3__tag{opacity:calc(var(--e,0) * 1.3 - .3)!important;color:rgb(236,227,202)}
.rp__stack .sl3__l.is-edit .sl3__tag{color:#6fe09a;border-color:rgba(111,224,154,.6)}
.rp__stack .rb--o{clip-path:inset(0 0 0 calc(var(--w,0) * 100%))}
.rp__stack .rb--n{clip-path:inset(0 calc((1 - var(--w,0)) * 100%) 0 0)}
.rp__stack .sl3__l::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--w,0) * 100%);width:2px;background:#6fe09a;box-shadow:0 0 16px 3px rgba(60,184,116,.6);opacity:calc(var(--lift,0) * (1 - var(--w,0)) * 4 * var(--w,0))}
.rp__pins{position:absolute;inset:0;transform:translateZ(calc(6 * var(--e,0) * 52px + 30px));pointer-events:none;opacity:var(--pin,1);transition:opacity .4s}
.rp__pin{position:absolute;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;background:rgba(14,14,14,.92);border:1px solid rgba(236,227,202,.16);color:rgb(236,227,202);font-size:11px;white-space:nowrap;box-shadow:0 14px 30px -12px #000;animation:rpPin 2.4s ease-in-out infinite}
.rp__pin i{width:10px;height:10px;border-radius:50%;background:#ff5a4f;box-shadow:0 0 0 4px rgba(255,90,79,.22)}
.rp__pin:nth-child(2){animation-delay:-.8s}.rp__pin:nth-child(3){animation-delay:-1.6s}
@keyframes rpPin{50%{translate:0 -4px}}
.rp__hud{position:absolute;left:50%;bottom:2%;translate:-50% 0;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#0b0b0b;color:rgb(236,227,202);font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.rp__hud i{width:8px;height:8px;border-radius:50%;background:#3cb874;animation:pulse 2s ease-out infinite}
@media (max-width:1024px){.rp__stack{width:min(520px,82vw)}.rp__scene{height:min(48vh,420px)}.rp__track{height:480vh}}
.rp .p3__in{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;align-items:center;height:100%}
.rp__scene{align-self:center;height:min(72vh,660px)}
.rp__stack{width:min(600px,40vw)}
.rp__world{translate:6% 4%}
@media (max-width:1024px){
  .rp .p3__in{display:flex!important;flex-direction:column;justify-content:center;gap:4px;height:auto}
  .rp__scene{height:36vh;width:100%;order:2}
  .rp__world{translate:0 0}
  .rp__stack{width:min(440px,78vw)}
  .rp .p3__info{min-height:110px}
  .rp__hud{bottom:-6%}
}
@media (max-width:1024px){.rp__world{translate:16% -6%!important}.rp__stack{width:min(400px,68vw)!important}.rp .p3__side{width:100%}}
@media (max-width:1024px){.rp__world{translate:22vw 9vh!important;transform:rotateX(calc(12deg + var(--e,0) * 34deg)) rotateZ(calc(var(--e,0) * -24deg)) scale(calc(.9 - var(--e,0) * .14))!important}.rp__stack .sl3__l{transform:translateZ(calc(var(--k) * var(--e,0) * 26px + var(--lift,0) * 30px))!important}.rp__scene{height:40vh}}
/* Telefon przed */
.vr-phone{overflow:hidden}
.vr__ph{overflow:visible!important;position:relative;isolation:isolate}
.vr__ph::before{content:"";position:absolute;inset:-6px;border-radius:24px;border:6px solid #1c1c1c;z-index:3;pointer-events:none}
.vr__ph{border:0!important}
.vr__scr{border-radius:18px}
.vr__scr--new{overflow:hidden;opacity:1!important;transform:none!important;animation:none!important;clip-path:inset(0 0 0 0 round 18px)}
.vr__scr--new p{margin:0;font-size:9px;line-height:1.4;color:rgba(242,242,240,.6)}
.vr__scr--old{overflow:visible;background:transparent!important;padding:0!important;animation:vrOld2 6s infinite}
.vr__scr--old::before{content:"";position:absolute;inset:0;border-radius:18px;background:#e8e2cf}
.vr__scr--old > *{position:absolute;font-family:"Times New Roman",serif}
.vo__nav{left:-10px;top:10px;width:220px;padding:5px 8px;background:#1d3f8f;color:#ffeb3b;font-size:9px;font-weight:700;white-space:nowrap;transform:rotate(-2deg)}
.vo__nav i{font-style:normal;color:rgb(236,227,202);font-weight:400;margin-left:6px}
.vo__h{left:8px;top:40px;width:200px;margin:0;font-size:22px;line-height:1;color:#1d3f8f}
.vo__img{left:40px;top:96px;width:150px;height:62px;background:repeating-linear-gradient(45deg,#b9b19c 0 6px,#cfc8b4 6px 12px);border:3px ridge #999}
.vo__p{left:6px;top:166px;width:180px;margin:0;font-size:7px;line-height:1.2;color:#333}
.vo__btn{left:-18px;top:196px;padding:7px 12px;background:#d40000;color:rgb(236,227,202);font:700 10px/1 Arial,sans-serif;white-space:nowrap;transform:rotate(3deg)}
.vo__tbl{left:70px;top:224px;width:110px;height:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.vo__tbl i{background:#9c947f}
@keyframes vrOld2{0%,40%{opacity:1;filter:none}48%,92%{opacity:0;filter:blur(4px)}100%{opacity:1}}
.vr__lbl--o{animation:vrLo 6s infinite!important}.vr__lbl--n{animation:vrLn 6s infinite!important}
@keyframes vrLo{0%,40%{opacity:1}48%,92%{opacity:0}100%{opacity:1}}
@keyframes vrLn{0%,40%{opacity:0}48%,92%{opacity:1}100%{opacity:0}}
/* Proces */
@media (min-width:1025px){
  .rp .p3__in{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)!important}
  .rp__stack{width:min(560px,36vw)!important}
  .rp__world{translate:9vw 2vh!important}
}
.rp__stack .sl3__l{transform:translateZ(calc(var(--k) * var(--e,0) * 52px + var(--lift,0) * 70px)) scale(calc(1 + var(--lift,0) * .04))!important;transition:opacity .4s,box-shadow .4s,outline-color .4s}
.rp__stack.is-editing .sl3__l:not(.is-edit):not(.sl3__grid){opacity:.4}
.rp__stack .sl3__l.is-edit{outline:2px solid #3cb874!important;box-shadow:0 0 60px -4px rgba(60,184,116,.75)!important}
.rp__hud{font-size:12px;padding:12px 18px}
.rp__hud b{color:#6fe09a;font-weight:500}
.rp__stack .sl3__wire,.rp__stack .sl3__gfx,.rp__stack .sl3__txt,.rp__stack .sl3__ui{background:rgba(10,13,16,calc(var(--e,0) * .82))}
.rp__stack .sl3__l.is-edit{background:rgba(10,13,16,.9)!important}
.rp__stack.is-editing .sl3__l:not(.is-edit):not(.sl3__grid){opacity:.55}
@media (min-width:1025px){.rp__world{translate:7vw 6vh!important}}
@media (min-width:1025px){.rp .p3__in{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:clamp(24px,4vw,70px)!important}.rp__scene{height:min(78vh,720px)!important;perspective:2400px!important;perspective-origin:50% 35%}.rp__world{translate:calc(1vw - (1 - min(var(--e,0),1)) * 5px) calc(8vh - (1 - min(var(--e,0),1)) * 20px)!important}.rp__stack{width:min(720px,46vw)!important;translate:none!important}}
.home .zx__right .zx__tag{border:0!important;padding:0!important}.stat__n{font-style:normal}

/* Audyt */
.ap{padding:0!important}
.ap__track{position:relative;height:520vh;height:520svh}
.ap__stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.ap__scene{position:relative;height:min(78vh,720px);perspective:2400px;perspective-origin:50% 35%;display:grid;place-items:center}
.ap__world{position:relative;width:min(640px,42vw);aspect-ratio:16/11;transform-style:preserve-3d;transform:rotateX(calc(16deg + var(--sp,0) * 4deg)) rotateY(calc(-14deg + var(--q,0) * 2.4deg)) rotateZ(calc(4deg - var(--q,0) * .6deg));translate:2% 2%}
.ap__world > *{position:absolute;transform-style:preserve-3d;transition:none}
.ap__hud{bottom:2%}
@media (min-width:1025px){.ap .p3__in{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}}
@media (max-width:1024px){
  .ap__track{height:460vh}
  .ap .p3__in{display:flex!important;flex-direction:column;justify-content:center;gap:4px}
  .ap__scene{height:40vh;width:100%;order:2}
  .ap__world{width:min(420px,66vw);translate:4% 0}
  .ap .p3__info{min-height:110px}
  .ap .p3__now{margin-top:10px}
  .ap__hud{bottom:-8%}
}
.page-aud .svh{background:transparent!important}
.page-aud .sl3__bg img{filter:none!important}
@media (max-width:1024px){
  .ap .p3__side{width:100%}
  .ap__scene{height:42vh}
  .ap__world{width:min(400px,62vw)!important;translate:6% 4%}
  .ap__hud{bottom:-10%;font-size:10px;padding:9px 14px}
}
@media (max-width:1024px){.ap__world{width:min(420px,68vw)!important}}
.zx__btn i{transition:transform .5s var(--ease),background-color .4s ease,color .4s ease!important}
@media (hover: hover) and (pointer: fine){
.zx__btn:hover i{background:#3cb874!important;color:rgb(236,227,202)!important}}
/* Własny pasek przewijania */
@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#2f9e5f #0b0b0b}}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0b0b0b}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3cb874,#1f7a45);border-radius:10px;border:2px solid #0b0b0b}
@media (hover: hover) and (pointer: fine){
::-webkit-scrollbar-thumb:hover{background:#6fe09a}}
::-webkit-scrollbar-corner{background:#0b0b0b}

/* Lupa 3D */
.lupa{position:relative;flex:0 1 46%;align-self:stretch;min-height:min(60vh,560px);pointer-events:none}
.lupa-fx{position:fixed;inset:0;z-index:2;pointer-events:none}
.lupa__cv{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;display:block}
.lupa__glass{position:absolute;inset:0;backdrop-filter:blur(9px) saturate(1.35) brightness(1.08);-webkit-backdrop-filter:blur(9px) saturate(1.35) brightness(1.08);background:linear-gradient(135deg,rgba(236,227,202,.1),rgba(236,227,202,.02) 45%,rgba(60,184,116,.07));clip-path:circle(0 at 50% 50%)}
@media (max-width:1024px){.lupa{min-height:46vh;flex:none;width:100%}}
/* Kiedy warto zamówić audyt */
.sl3__bg img.svh__photo{top:-6%!important;height:112%!important}
.au{--u:6.4px;width:min(680px,44vw)!important;aspect-ratio:16/11}
.au > *{position:absolute;transform-style:preserve-3d}
.au__desk{left:0;top:4%;width:80%;aspect-ratio:16/10;border-radius:calc(var(--u)*1.4);background:#16191d;border:1px solid rgba(0,0,0,.25);box-shadow:0 60px 100px -40px rgba(0,0,0,.6);opacity:calc(1 - var(--doc,0) * .25)}
.au__bar{position:absolute;left:0;right:0;top:0;height:calc(var(--u)*3.4);display:flex;align-items:center;gap:calc(var(--u)*.6);padding:0 calc(var(--u)*1.4)}
.au__bar i{width:calc(var(--u)*.8);height:calc(var(--u)*.8);border-radius:50%;background:rgba(236,227,202,.18)}
.au__bar span{margin-left:calc(var(--u)*1);padding:calc(var(--u)*.35) calc(var(--u)*1.2);border-radius:calc(var(--u)*.6);background:rgba(236,227,202,.06);font-size:calc(var(--u)*1);color:rgba(242,242,240,.55)}
.au__tab{margin-left:auto;font-size:calc(var(--u)*.9);color:rgba(242,242,240,.35)}
.au__screen{position:absolute;left:calc(var(--u)*.6);right:calc(var(--u)*.6);bottom:calc(var(--u)*.6);top:calc(var(--u)*3.4);overflow:hidden;border-radius:0 0 calc(var(--u)*1) calc(var(--u)*1)}
.au__v{position:absolute;inset:0}
.au__v--bad{opacity:calc(1 - var(--good,0))}
.au__v--good{opacity:var(--good,0);background:#0c100e}
/* Zła wersja */
.au__screen .au__v--bad{background:#f4f4f4}
.au__nav{position:absolute;left:0;right:0;top:0;height:11%;display:flex;align-items:center;gap:calc(var(--u)*1.1);padding:0 calc(var(--u)*1.6);background:#e9e9e9;border-bottom:1px solid #d6d6d6;font-size:calc(var(--u)*.92);color:#8c8c8c;white-space:nowrap}
.au__logo{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:calc(var(--u)*1.7);color:#2a5db0;margin-right:auto;letter-spacing:.06em}
.au__hero{position:absolute;left:0;right:0;top:11%;bottom:0}
.au__photo{position:absolute;inset:0;background:radial-gradient(60% 70% at 70% 30%,#e8e2d6,transparent 70%),linear-gradient(160deg,#cfd3d6 0%,#b9bec2 45%,#d9d4cb 100%)}
.au__photo::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(236,227,202,.05) 0 calc(var(--u)*2),transparent calc(var(--u)*2) calc(var(--u)*4))}
.au__copy{position:absolute;left:12%;right:12%;top:20%;text-align:center}
.au__copy h4{margin:0 0 calc(var(--u)*1.2);font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:calc(var(--u)*2.5);line-height:1.15;letter-spacing:.04em;color:#e9e9e9;text-shadow:0 1px 0 rgba(236,227,202,.3)}
.au__copy p{margin:0 auto calc(var(--u)*1.6);max-width:80%;font-size:calc(var(--u)*.95);line-height:1.5;color:#a3a3a3}
.au__btn{display:inline-block;padding:calc(var(--u)*.35) calc(var(--u)*.9);border-radius:2px;background:#4f86d6;color:rgb(236,227,202);font-size:calc(var(--u)*.8)}
.au__arr{position:absolute;top:44%;width:calc(var(--u)*2.8);height:calc(var(--u)*2.8);display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.25);color:rgb(236,227,202);font-style:normal;font-size:calc(var(--u)*1.8);line-height:1}
.au__arr--l{left:3%}.au__arr--r{right:3%}
.au__dots{position:absolute;left:50%;bottom:22%;display:flex;gap:calc(var(--u)*.6);translate:-50% 0}
.au__dots i{width:calc(var(--u)*.7);height:calc(var(--u)*.7);border-radius:50%;background:rgba(236,227,202,.7)}
.au__ck{position:absolute;left:0;right:0;bottom:0;height:15%;display:flex;align-items:center;gap:calc(var(--u)*.8);padding:0 calc(var(--u)*1.6);background:#3a3a3a;color:#ddd;font-size:calc(var(--u)*.9)}
.au__ck span{margin-left:auto;padding:calc(var(--u)*.3) calc(var(--u)*1.2);background:#6aa84f;color:rgb(236,227,202);font-size:calc(var(--u)*.8)}
/* Skan i mapa cieplna */
.au__scan{position:absolute;left:0;right:0;top:calc(var(--scan,0) * 100%);height:2px;background:#6fe09a;box-shadow:0 0 22px 5px rgba(60,184,116,.55);opacity:calc(var(--scan,0) * (1 - var(--scan,0)) * 6)}
.au__scan::before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--u)*14);background:linear-gradient(transparent,rgba(60,184,116,.16))}
.au__heat{position:absolute;width:calc(var(--u)*14 * var(--s));aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,70,50,.6),rgba(255,190,40,.35) 45%,rgba(60,184,116,.12) 75%,transparent);opacity:calc(var(--g2,0) * .9);mix-blend-mode:multiply}
.au__heat--cold{background:radial-gradient(closest-side,rgba(60,110,255,.45),rgba(60,110,255,.12) 60%,transparent)}
.au__phone{right:-2%;bottom:-6%;width:23%;aspect-ratio:9/19;border-radius:calc(var(--u)*2.6);background:#111;border:calc(var(--u)*.5) solid #111;box-shadow:0 40px 70px -24px rgba(0,0,0,.6);transform:translateZ(60px);opacity:calc(1 - var(--doc,0) * .6)}
.au__ph{position:absolute;inset:0;border-radius:calc(var(--u)*2.1)}
.au__ph .au__v{border-radius:inherit}
.au__ph .au__v--bad{background:#f4f4f4}
.au__ph .au__v--good{overflow:hidden}
.au__mnav{position:absolute;left:0;right:0;top:0;padding:calc(var(--u)*2.4) calc(var(--u)*.9) calc(var(--u)*.6);background:#e9e9e9;border-radius:calc(var(--u)*2.1) calc(var(--u)*2.1) 0 0;font-size:calc(var(--u)*.62);line-height:1.5;color:#8c8c8c}
.au__mnav b{display:block;font-family:Georgia,serif;font-size:calc(var(--u)*1.2);color:#2a5db0;letter-spacing:.06em}
.au__mhero{position:absolute;left:0;right:0;top:30%;padding:0 calc(var(--u)*.9)}
.au__mhero h5{margin:0 0 calc(var(--u)*.8);white-space:nowrap;font-family:Georgia,serif;font-weight:400;font-size:calc(var(--u)*1.7);color:#7b7b7b;letter-spacing:.04em}
.au__mhero p{margin:0 0 calc(var(--u)*1);font-size:calc(var(--u)*.62);line-height:1.45;color:#a3a3a3}
.au__btn--m{font-size:calc(var(--u)*.6);margin-left:62%}
.au__ck--m{height:auto;padding:calc(var(--u)*1) calc(var(--u)*.9) calc(var(--u)*1.6);font-size:calc(var(--u)*.6);border-radius:0 0 calc(var(--u)*2.1) calc(var(--u)*2.1);flex-wrap:wrap}
/* Znaczniki problemów */
.au__mk{position:absolute;z-index:3;display:flex;align-items:center;gap:calc(var(--u)*.6);translate:-50% -50%;opacity:var(--o,0);transform:translateZ(40px) scale(calc(.7 + var(--o,0) * .3));white-space:nowrap;pointer-events:none}
.au__mk[data-g="1"]{--o:var(--g1,0)}.au__mk[data-g="2"]{--o:var(--g2,0)}.au__mk[data-g="3"]{--o:var(--g3,0)}
.au__mk b{flex:none;display:grid;place-items:center;width:calc(var(--u)*2.6);height:calc(var(--u)*2.6);border-radius:50%;background:#febc2e;color:#0b0b0b;font:700 calc(var(--u)*1.15)/1 var(--mono);box-shadow:0 0 0 calc(var(--u)*.6) rgba(254,188,46,.25)}
.au__mk--crit b{background:#ff5f57;color:rgb(236,227,202);box-shadow:0 0 0 calc(var(--u)*.6) rgba(255,95,87,.25)}
.au__mk--low b{background:#3cb874;box-shadow:0 0 0 calc(var(--u)*.6) rgba(60,184,116,.25)}
.au__mk em{font-style:normal;padding:calc(var(--u)*.6) calc(var(--u)*1.1);border-radius:999px;background:rgba(12,12,12,.94);border:1px solid rgba(236,227,202,.14);color:rgb(236,227,202);font-size:calc(var(--u)*1.1);box-shadow:0 12px 24px -10px rgba(0,0,0,.6);opacity:var(--lbl,1);transform:scaleX(var(--lbl,1));transform-origin:left}
/* Karty */
.au__card{border-radius:calc(var(--u)*1.8);background:rgba(14,16,18,.95);border:1px solid rgba(236,227,202,.12);box-shadow:0 40px 70px -24px rgba(0,0,0,.55);color:rgb(236,227,202);padding:calc(var(--u)*2.2) calc(var(--u)*2.4)}
.au__k{display:block;font-size:calc(var(--u)*1);letter-spacing:.08em;text-transform:uppercase;color:#6fe09a;margin-bottom:calc(var(--u)*1.4)}
.au__card ul{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--u)*1.1)}
.au__brief li,.au__plan li{display:flex;align-items:center;gap:calc(var(--u)*1);font-size:calc(var(--u)*1.35);color:rgba(242,242,240,.88)}
.au__brief li i,.au__plan li i{flex:none;position:relative;width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);border-radius:50%;background:#3cb874}
.au__brief li i::after,.au__plan li i::after{content:"";position:absolute;left:36%;top:22%;width:22%;height:40%;border:solid #0b0b0b;border-width:0 2px 2px 0;transform:rotate(45deg)}
.au__brief{left:-10%;top:14%;width:50%;opacity:var(--brief,0);transform:translateZ(calc(80px + var(--brief,0) * 60px)) translateY(calc((1 - var(--brief,0)) * 30px))}
.au__score{right:-12%;top:-14%;width:44%;display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u)*1.4) calc(var(--u)*1.8);align-items:center;opacity:var(--score,0);transform:translateZ(calc(200px + var(--score,0) * 60px)) translateY(calc((1 - var(--score,0)) * -30px))}
.au__ring{position:relative;width:calc(var(--u)*8.4);height:calc(var(--u)*8.4);display:grid;place-items:center}
.au__ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.au__ring circle{fill:none;stroke:rgba(236,227,202,.1);stroke-width:6}
.au__ring circle.on{stroke:var(--rc,#febc2e);stroke-linecap:round;stroke-dasharray:201;stroke-dashoffset:calc(201 - 201 * var(--ring,0) / 100)}
.au__ring b{font-family:var(--title);font-weight:800;font-size:calc(var(--u)*2.6);letter-spacing:-.03em;margin-top:calc(var(--u)*-.6)}
.au__ring small{position:absolute;bottom:22%;font-size:calc(var(--u)*.7);letter-spacing:.06em;text-transform:uppercase;color:rgba(242,242,240,.5)}
.au__bars{gap:calc(var(--u)*.9)!important}
.au__bars li{display:grid;grid-template-columns:1fr auto;gap:calc(var(--u)*.4) calc(var(--u)*.8);font-size:calc(var(--u)*.95);letter-spacing:.04em;text-transform:uppercase;color:rgba(242,242,240,.6)}
.au__bars em{font-style:normal;color:rgb(236,227,202);opacity:var(--f,0)}
.au__bars i{grid-column:1/-1;height:calc(var(--u)*.45);border-radius:4px;background:rgba(236,227,202,.1);position:relative;overflow:hidden}
.au__bars i::after{content:"";position:absolute;inset:0;width:calc(var(--v) * 1%);border-radius:inherit;background:var(--bc,#febc2e);transform-origin:left;transform:scaleX(var(--f,0))}
.au__bars li:nth-child(-n+2){--bc:#ff5f57}
.au__metric{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:calc(var(--u)*1.2);border-top:1px solid rgba(236,227,202,.1);font-size:calc(var(--u)*.95);letter-spacing:.04em;text-transform:uppercase;color:rgba(242,242,240,.55);opacity:var(--f1,0)}
.au__metric b{color:#ff8a84;font-weight:500}
.au__doc{right:-12%;top:24%;width:62%;opacity:var(--doc,0);transform:translateZ(calc(140px + var(--doc,0) * 80px)) translateY(calc((1 - var(--doc,0)) * 60px)) rotateX(calc((1 - var(--doc,0)) * -20deg))}
.au__dh{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(236,227,202,.1);padding-bottom:calc(var(--u)*1.2);margin-bottom:calc(var(--u)*.4)}
.au__dh .au__k{margin:0}
.au__dh b{font-family:var(--title);font-weight:800;font-size:calc(var(--u)*2.3);letter-spacing:-.03em}
.au__doc ul{gap:0!important}
.au__doc li{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:calc(var(--u)*1.1);padding:calc(var(--u)*.85) 0;border-bottom:1px solid rgba(236,227,202,.06);font-size:calc(var(--u)*1.3)}
.au__doc li > b{display:grid;place-items:center;width:calc(var(--u)*2.2);height:calc(var(--u)*2.2);border-radius:50%;background:rgba(236,227,202,.08);font:700 calc(var(--u)*1)/1 var(--mono)}
.au__doc em{font-style:normal;padding:calc(var(--u)*.4) calc(var(--u)*.8);border-radius:calc(var(--u)*.6);font-size:calc(var(--u)*.8);letter-spacing:.06em;text-transform:uppercase}
.au__doc em.crit{background:rgba(255,95,87,.14);color:#ff8a84}
.au__doc em.imp{background:rgba(254,188,46,.14);color:#febc2e}
.au__doc em.low{background:rgba(60,184,116,.14);color:#6fe09a}
.au__doc small{font-size:calc(var(--u)*1);color:rgba(242,242,240,.5);min-width:calc(var(--u)*2.4);text-align:right}
.au__sum{display:flex;justify-content:space-between;align-items:baseline;padding-top:calc(var(--u)*1.2);font-size:calc(var(--u)*.95);letter-spacing:.06em;text-transform:uppercase;color:rgba(242,242,240,.55)}
.au__sum b{font-family:var(--title);font-weight:800;font-size:calc(var(--u)*1.7);letter-spacing:-.02em;color:rgb(236,227,202);text-transform:none}
.au__plan{left:-8%;bottom:-12%;width:44%;opacity:var(--plan,0);transform:translateZ(calc(240px + var(--plan,0) * 60px)) translateY(calc((1 - var(--plan,0)) * 40px))}
.au__gain{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--u)*1);margin-top:calc(var(--u)*1.4);padding-top:calc(var(--u)*1.2);border-top:1px solid rgba(236,227,202,.1);font-size:calc(var(--u)*.95);letter-spacing:.06em;text-transform:uppercase;color:rgba(242,242,240,.55)}
.au__gain b{white-space:nowrap;font-family:var(--title);font-weight:800;font-size:calc(var(--u)*2.1);letter-spacing:-.02em;color:#6fe09a;text-transform:none}
@media (max-width:1024px){
  .au{width:min(440px,74vw)!important;translate:2% 4%}
  .au__brief,.au__plan{width:52%}
  .au__score{width:auto;right:-6%;top:-18%;grid-template-columns:auto}
  .au__bars,.au__metric{display:none!important}
  .au__doc{width:84%;right:-4%}
  .au__doc li{grid-template-columns:auto 1fr auto}
  .au__doc small{display:none}
}
@media (max-width:1024px){.au{width:min(460px,84vw)!important;translate:0 6%}.au__brief{left:-2%;top:6%}.au__plan{left:-2%}.au__doc{right:-2%;top:12%}.au__score{right:-2%}}

/* Przykład Próg */
.au__desk{left:auto;right:0;top:8%;width:80%}
.au__phone{left:-3%;right:auto;bottom:-8%}
.au__screen .au__v--bad{background:#efe9dc}
img.au__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.7) brightness(1.08)}
img.au__photo::after{display:none}
.au__hero .au__photo{position:absolute;inset:0}
.au__logo small{font-family:Arial,sans-serif;font-weight:400;font-size:calc(var(--u)*.75);letter-spacing:0;color:#999;margin-left:calc(var(--u)*.3)}
.au__copy h4{color:#f1efe9;text-shadow:none;font-size:calc(var(--u)*2.2)}
.au__copy p{color:#d9d6cf}
.au__v--good img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.au__v--good{background:#0c0c0c}
.au__ph .au__v--bad{overflow:visible}
.au__mphoto{position:absolute;left:0;right:0;top:22%;height:46%;width:100%;object-fit:cover;filter:saturate(.7) brightness(1.08)}
.au__mhero{top:32%}
.au__mhero h5{color:#f6f4ef;font-size:calc(var(--u)*1.55);text-shadow:0 1px 2px rgba(0,0,0,.35)}
.au__mhero p{color:#e5e2db}
.au__ph .au__ck--m{position:absolute;bottom:0}
.au__mk em{font-size:calc(var(--u)*1.25)}
/* Panel wyników */
.au__score{right:-8%;top:-6%;width:50%;padding:calc(var(--u)*2.4) calc(var(--u)*2.6);background:#0b0b0b;border-color:rgba(236,227,202,.16);box-shadow:0 50px 90px -30px rgba(0,0,0,.7)}
.au__score::before{content:"PageSpeed i SEO";grid-column:1/-1;font:500 calc(var(--u)*1.05)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6fe09a}
.au__ring{width:calc(var(--u)*10.5);height:calc(var(--u)*10.5)}
.au__ring b{font-size:calc(var(--u)*3.4)}
.au__ring small{font-size:calc(var(--u)*.85)}
.au__ring circle{stroke-width:7}
.au__bars{gap:calc(var(--u)*1.2)!important}
.au__bars li{font-size:calc(var(--u)*1.2);color:rgba(242,242,240,.8)}
.au__bars em{font-weight:600;font-size:calc(var(--u)*1.3)}
.au__bars i{height:calc(var(--u)*.6)}
.au__metric{font-size:calc(var(--u)*1.15);color:rgba(242,242,240,.75)}
.au__doc{right:-6%;top:26%}
.au__brief{left:auto;right:-6%;top:22%;width:46%}
.au__plan{left:auto;right:-6%;bottom:-10%}
@media (max-width:1024px){.au__score{width:auto;right:-2%;top:-14%}.au__score::before{display:none}.au__brief{right:-2%}.au__plan{right:-2%}}
.au__brief{right:auto;left:-8%;top:-6%;width:46%}
.au__mphoto{height:52%}
@media (max-width:1024px){.au__brief{left:-2%;top:-10%}}
/* Urządzenia w hero audytu */
@media (min-width:1025px){.page-aud .svh--side .lupa{display:none}}
@media (max-width:1024px){.page-aud .svt--side{margin-top:0!important}}
.au__score{left:-10%!important;right:auto!important;top:-12%!important;width:46%!important}
@media (max-width:1024px){.au__score{left:-2%!important;top:-16%!important;width:auto!important}}
/* Kiedy zamówić audyt */
.svq__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(30px,5vh,56px)}
.svq__card{position:relative;display:flex;flex-direction:column;padding:16px 16px 24px;border-radius:20px;background:linear-gradient(180deg,#111 0%,#080808 100%);border:1px solid rgba(236,227,202,.08)}
.svq__vis{position:relative;height:150px;border-radius:14px;background:#0c0f0d;border:1px solid rgba(236,227,202,.06);overflow:hidden;margin-bottom:22px;padding:16px}
.svq__n{font-size:11px;letter-spacing:.06em;color:#6fe09a;margin:0 8px 10px}
.svq .svq__card h3{margin:0 8px 10px!important;font-family:var(--title)!important;font-weight:800!important;font-size:clamp(20px,1.7vw,26px)!important;letter-spacing:-.035em!important;line-height:1.05!important;color:rgb(236,227,202)!important}
.svq .svq__card p{margin:0 8px!important;font-size:14.5px!important;line-height:1.6!important;color:rgba(242,242,240,.6)!important}
.svq__bars{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%;align-items:end}
.svq__bars > div{display:grid;grid-template-rows:1fr auto auto;height:100%;gap:4px}
.svq__bars i{align-self:end;height:var(--h);min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#3a3f3c,#1d211f);transform-origin:bottom;transform:scaleY(0);transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .3s}
.svq__bars i.is-low{background:#ff5f57}
.svq__bars span{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(242,242,240,.5)}
.svq__bars b{font-family:var(--title);font-weight:800;font-size:18px;color:rgb(236,227,202);letter-spacing:-.02em}
.svq__card.is-in .svq__bars i{transform:scaleY(1)}
.svq__vis--rank svg{position:absolute;left:16px;right:16px;top:30px;width:calc(100% - 32px);height:90px;overflow:visible}
.svq__vis--rank .g{stroke:rgba(236,227,202,.07);stroke-width:1;fill:none}
.svq__vis--rank .l{fill:none;stroke:#ff5f57;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320;transition:stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1) .3s}
.svq__vis--rank circle{fill:#ff5f57;opacity:0;transition:opacity .4s 1.7s}
.svq__card.is-in .svq__vis--rank .l{stroke-dashoffset:0}
.svq__card.is-in .svq__vis--rank circle{opacity:1}
.svq__tag{position:absolute;left:16px;top:12px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(242,242,240,.5)}
.svq__tag b{color:#ff8a84;font-weight:500;margin-left:6px}
.svq__load{position:relative;height:10px;margin-top:38px;border-radius:10px;background:rgba(236,227,202,.07);overflow:hidden}
.svq__load i{position:absolute;inset:0;width:0;border-radius:inherit;background:linear-gradient(90deg,#febc2e,#ff5f57);transition:width 3s cubic-bezier(.1,.6,.1,1) .3s}
.svq__card.is-in .svq__load i{width:42%}
.svq__load::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(236,227,202,.18),transparent);animation:svqShine 1.6s linear infinite}
@keyframes svqShine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.svq__time{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(242,242,240,.5)}
.svq__time b{font-family:var(--title);font-weight:800;font-size:30px;letter-spacing:-.03em;color:#ff8a84;text-transform:none}
.svq__vis--plan ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:10.5px;letter-spacing:.03em;color:rgba(242,242,240,.8)}
.svq__vis--plan li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(236,227,202,.04)}
.svq__vis--plan li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#3cb874;box-shadow:0 0 0 3px rgba(60,184,116,.2)}
.svq__vis--plan li.no::before{background:#ff5f57;box-shadow:0 0 0 3px rgba(255,95,87,.2)}
.svq__cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:22px 26px;border-radius:20px;border:1px solid rgba(236,227,202,.1);background:rgba(236,227,202,.02)}
.svq__cta p{margin:0;font-size:17px;color:rgb(236,227,202)}
@media (max-width:1100px){.svq__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.svq__grid{grid-template-columns:minmax(0,1fr)}.svq__cta{flex-direction:column;align-items:flex-start}}

/* Lupa pod treścią */
.page-aud .svh--side .svh__in{z-index:3}
.page-aud #oferta > .wrap{position:relative;z-index:3}
.page-aud .svh--side .svh__text{max-width:520px!important}
.page-aud .svh--side .svh__lead{max-width:520px!important}
/* Menu mobilne */
.mburger{display:none;pointer-events:auto;position:relative;width:42px;height:42px;flex:none;border-radius:50%;border:1px solid rgba(236,227,202,.18);background:#0b0b0b;cursor:pointer;margin-left:8px}
.mburger i{position:absolute;left:13px;right:13px;height:1.5px;background:rgb(236,227,202);border-radius:2px;transition:transform .5s var(--ease),top .5s var(--ease)}
.mburger i:first-child{top:16px}.mburger i:last-child{top:24px}
.mburger[aria-expanded="true"] i:first-child{top:20px;transform:rotate(45deg)}
.mburger[aria-expanded="true"] i:last-child{top:20px;transform:rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:119;visibility:hidden;pointer-events:none;transition:visibility 0s .9s}
.mmenu.is-open{visibility:visible;pointer-events:auto;transition:none}
.mmenu__cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr)}
.mmenu__cols i{background:#050505;margin-right:-1px;transform:scaleY(0);transform-origin:50% 0;transition:transform .7s cubic-bezier(.7,0,.2,1) calc(var(--i) * .05s)}
.mmenu.is-open .mmenu__cols i{transform:none}
.mmenu__in{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--hdr) + 28px) var(--pad) calc(28px + env(safe-area-inset-bottom));overflow-y:auto;opacity:0;transform:translateY(24px);transition:opacity .35s,transform .5s var(--ease)}
.mmenu.is-open .mmenu__in{opacity:1;transform:none;transition:opacity .5s .35s,transform .7s var(--ease) .3s}
.mmenu__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,242,240,.45);margin:0 0 14px}
.mmenu__nav{list-style:none;margin:0;padding:0;border-top:1px solid rgba(236,227,202,.1)}
.mmenu__nav li{border-bottom:1px solid rgba(236,227,202,.1)}
.mmenu__nav a{display:flex;align-items:baseline;gap:14px;padding:16px 0;color:rgb(236,227,202);text-decoration:none}
.mmenu__nav small{font-size:11px;color:#6fe09a;letter-spacing:.06em;min-width:20px}
.mmenu__nav span{font-family:var(--title)!important;font-weight:800!important;font-size:clamp(34px,10vw,48px);letter-spacing:-.045em;line-height:1}
.mmenu__nav a.is-current span{color:#3cb874}
.mmenu__foot{margin-top:auto;padding-top:32px;display:grid;gap:18px}
.mmenu__cta{justify-self:stretch;justify-content:space-between}
.mmenu__contact{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:15px}
.mmenu__contact a{color:rgba(242,242,240,.75);text-decoration:none}
body.menu-open .hcta{opacity:1!important;pointer-events:none!important}
body.menu-open .hcta__btn{opacity:0;pointer-events:none}
body.menu-open .mburger{pointer-events:auto}
body.menu-open .hdr__nav{opacity:0}
@media (max-width:760px){
  :root{--hdr:68px!important}
  .hdr__in{flex-wrap:nowrap!important;height:var(--hdr)!important}
  .hdr .hdr__nav{display:none!important}
  .hcta .hdr__in{height:var(--hdr)!important}
  .mburger{display:block}
  .hdr__cta--ph{width:210px!important}
  .hcta__btn{height:42px!important;padding:0 3px 0 15px!important;gap:8px!important;font-size:13px!important}
  .hcta__btn i{width:34px!important;height:34px!important}
  .hdr__logo span{font-size:18px!important}
  .hdr__logo img{width:24px!important;height:24px!important}
}
@media (max-width:374px){.hcta__btn span{font-size:12px}.hcta__btn{padding-left:12px!important}.hdr__logo span{font-size:16px!important}}
@media (max-width:760px){
  .hdr__in,.hcta .hdr__in{gap:0!important}
  .hdr__logo{gap:8px!important}
  .hdr__logo span{font-size:16px!important}
  .hdr__logo img{width:22px!important;height:22px!important}
  .hcta__btn{height:40px!important;padding:0 3px 0 13px!important;gap:7px!important;font-size:12px!important;letter-spacing:-.01em}
  .hcta__btn i{width:32px!important;height:32px!important}
  .mburger{width:40px;height:40px;margin-left:6px}
  .mburger i{left:12px;right:12px}.mburger i:first-child{top:15px}.mburger i:last-child{top:23px}.mburger[aria-expanded="true"] i{top:19px!important}
}
@media (max-width:374px){.hcta__btn{display:none!important}}
/* Strona główna */
@media (max-width:760px){
  .zx{padding-top:calc(var(--hdr) + 4px)!important;gap:22px!important}
  .zx__visual{height:min(40svh,360px)!important;width:78vw!important}
  .zx__title{font-size:clamp(44px,13.4vw,60px)!important}
  .zx__cta{display:grid!important;grid-template-columns:auto auto;justify-content:start;gap:10px!important}
}
@media (max-width:760px){
  /* Hero podstron */
  .svh__text .sv-cta{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px!important;width:100%}
  .svh__text .sv-cta .zx__btn{width:100%;justify-content:space-between}
  .svh__text .sv-cta .zx__btn--ghost{justify-content:center}
  .svk__ico,.rzw__ico{margin-bottom:8px!important}
  .svk__card,.rzw__card{padding:22px 20px 24px!important}
  /* Proces Strony WWW */
  .p3__world{width:min(520px,72vw)!important;translate:-5vw 0}
  .p3__scene{height:min(46svh,420px)!important}
  /* Proces Renowacji */
  .rp__world{translate:3vw 4vh!important}
  .rp__stack{width:min(420px,74vw)!important}
}
@media (max-width:1024px){
  .rp__stack{translate:none!important}
  .rp__world{translate:0 7vh!important}
  .rp__scene{height:40svh!important}
}
@media (max-width:760px){
  .p3__doc{left:6%!important;width:88%!important;top:0!important;padding:14px 16px!important}
  .p3__doc h4,.p3__doc b{font-size:15px}
}
@media (max-width:1024px){.rp__world{translate:0 4vh!important}}
@media (max-width:760px){
  .ap__scene{height:46svh!important}
  .au{width:90vw!important;translate:0 6%!important}
  .au__desk{right:0!important;top:14%!important;width:84%!important}
  .au__phone{left:0!important;bottom:-4%!important;width:25%!important}
  .au__score{left:0!important;top:-14%!important;width:auto!important;padding:8px!important;grid-template-columns:auto!important}
  .au__score::before,.au__bars,.au__metric{display:none!important}
  .au__ring{width:56px!important;height:56px!important}
  .au__ring b{font-size:17px!important}.au__ring small{font-size:6px!important;bottom:13px!important}
  .au__brief{left:auto!important;right:0!important;top:-14%!important;width:62%!important}
  .au__doc{left:4%!important;right:auto!important;top:4%!important;width:92%!important}
  .au__plan{left:auto!important;right:0!important;bottom:-12%!important;width:68%!important}
  .au__mk em{font-size:9px!important;padding:3px 7px!important}
  .au__mk b{width:16px!important;height:16px!important;font-size:8px!important}
  .ap__hud{bottom:-14%!important}
}
@media (max-width:760px){
  .ap__world.au{transform:rotateX(10deg) rotateY(-5deg) rotateZ(1.5deg)!important}
  .au__score{left:1%!important;top:-6%!important}
  .ap__hud{bottom:-4%!important}
  .ap__scene{height:44svh!important;margin-top:6px}
}
@media (max-width:760px){.au__score{left:3%!important;top:3%!important}}
@media (min-width:701px) and (max-width:1024px){
  .hero--zx{height:auto!important;min-height:0!important}
  .zx{display:flex!important;flex-direction:column;gap:26px!important;padding:calc(var(--hdr) + 10px) var(--pad) 40px!important}
  .zx__visual{position:relative!important;left:auto!important;top:auto!important;transform:none!important;order:-1;width:70vw!important;height:min(38svh,440px)!important;aspect-ratio:auto!important;margin:0 auto}
  .zx__left,.zx__right{margin:0!important;z-index:2;width:100%;justify-items:start;justify-self:stretch}
  .zx__right{max-width:560px}
  .home .zx__right .zx__tag{justify-self:start}
  .zx__title{font-size:clamp(60px,9vw,84px)!important}
}
@media (min-width:701px) and (max-width:1024px){.zx__right{justify-self:start!important;align-self:start!important;margin-left:0!important;justify-items:stretch!important}}
@media (min-width:761px) and (max-width:1024px){.au{translate:0 14%!important}.au__score{top:4%!important}}
.doc__body h2 span{margin-right:12px}
@media (max-width:760px){
    .doc__body h2{font-size:22px!important}
}
@media (max-width:760px){
  .stat span.mono,.stats .mono{font-size:10.5px!important;line-height:1.35}
  [class*="__tags"] span{font-size:11px!important}
  .p3__it em{font-size:11px!important}
  .zx__prev,.zx__next{width:38px!important;height:38px!important}
  .hdr__logo{padding:8px 0}
  .link-arrow{display:inline-flex;align-items:center;min-height:40px}
  .footer__cols a,.footer__cols button.footer__link{display:block;padding:6px 0!important}
  .mmenu__contact a{padding:8px 0}
}
@media (max-width:760px){.tags span{font-size:11px!important;padding:7px 11px!important}}
@media (max-width:760px){input,select,textarea{font-size:16px!important}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button{-webkit-tap-highlight-color:transparent}
/* Proces */
.step::before,.step.is-active::before,.step.is-done::before{background:#0b0b0b!important;border-color:rgba(236,227,202,.22)!important;box-shadow:none!important}
.step.is-lit::before{background:#3cb874!important;border-color:#3cb874!important;box-shadow:0 0 0 6px rgba(60,184,116,.15)!important}
@media (max-width:760px){.process__counter{display:none!important}}
/* O mnie */
@media (max-width:760px){
  .about__grid{display:flex!important;flex-direction:column;gap:0!important}
  .about__left,.about__text{display:contents!important}
  .about__text > .section-label{order:1}
  .about__text > .h2{order:2}
  .about__text > .lead{order:3}
  .about__text > .muted{order:4;margin-bottom:28px}
  .about__left .about__img{order:5;margin-bottom:18px}
  .about__left .skills{order:6}
  .about__text .stats{order:7;margin-top:32px!important}
}
/* Oferta na stronie głównej */
@media (max-width:760px){
  .offer__row .offer__thumb,.sec--narrow .offer__thumb{grid-row:1/span 3!important;align-self:stretch!important;aspect-ratio:auto!important;height:auto;min-height:100%}
  .offer__row .offer__thumb img{position:absolute;inset:0;height:100%}
  .sec--narrow .offer__row,.offer__row{grid-template-columns:92px minmax(0,1fr) 24px!important;column-gap:16px!important;align-items:start!important}
}
/* Cennik na telefonie */
.pslide__dots{display:none}
@media (max-width:760px){
  #plans.plans,#support.support,.support.plans{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--pad) * -1)!important;padding:14px 9vw 22px!important;scroll-padding:0 9vw}
  #plans.plans::-webkit-scrollbar,#support::-webkit-scrollbar{display:none}
  #plans .plan,#support .plan{flex:0 0 82vw!important;max-width:360px;scroll-snap-align:center;transform:none!important;min-height:0!important;transition:opacity .4s,scale .4s}
  #plans .plan:not(.is-cur),#support .plan:not(.is-cur){opacity:.55;scale:.96}
  .pslide__dots{display:flex;justify-content:center;gap:8px;margin:4px 0 8px}
  .pslide__dots i{width:8px;height:8px;border-radius:999px;background:rgba(127,127,127,.35);transition:width .35s,background .35s;cursor:pointer}
  .pslide__dots i.is-on{width:24px;background:#3cb874}
}
.cta{display:block!important;padding:0!important}
.cta__head{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:24px;padding:clamp(90px,12vw,150px) var(--pad) clamp(20px,3vw,40px)}
.cta > .footer{border-top:0!important;padding-top:clamp(16px,2vw,28px)!important;background:transparent!important;z-index:auto!important}
@media (max-width:760px){.cta__head{padding:80px var(--pad) 8px}.cta > .footer{padding-top:28px!important}}
/* Nagłówek na telefonie */
@media (max-width:760px){
  :root{--hdr:76px!important}
  .hdr,.hcta{padding-top:env(safe-area-inset-top)}
  .hdr__in,.hcta .hdr__in{height:var(--hdr)!important;padding-top:8px!important}
  .hcta__btn,.hdr__cta--ph{display:none!important}
  .hdr__logo span{font-size:18px!important}
  .hdr__logo img{width:24px!important;height:24px!important}
  .mburger{width:44px;height:44px;margin-left:auto}
  .mburger i{left:13px;right:13px}.mburger i:first-child{top:17px}.mburger i:last-child{top:25px}.mburger[aria-expanded="true"] i{top:21px!important}
}
/* Menu */
.mmenu__nav li{overflow:hidden}
.mmenu__nav a{transform:translateY(105%);transition:transform .7s cubic-bezier(.2,.8,.2,1),color .3s}
.mmenu.is-open .mmenu__nav a{transform:none}
.mmenu.is-open .mmenu__nav li:nth-child(1) a{transition-delay:.42s}
.mmenu.is-open .mmenu__nav li:nth-child(2) a{transition-delay:.49s}
.mmenu.is-open .mmenu__nav li:nth-child(3) a{transition-delay:.56s}
.mmenu.is-open .mmenu__nav li:nth-child(4) a{transition-delay:.63s}
.mmenu__nav li{border-bottom-color:rgba(236,227,202,0);transition:border-color .6s .6s}
.mmenu.is-open .mmenu__nav li{border-bottom-color:rgba(236,227,202,.1)}
.mmenu__foot{opacity:0;transform:translateY(16px);transition:opacity .4s,transform .6s var(--ease)}
.mmenu.is-open .mmenu__foot{opacity:1;transform:none;transition-delay:.7s}
.mmenu__in{padding-top:calc(var(--hdr) + 28px + env(safe-area-inset-top))}
/* Hero na telefonie */
@media (max-width:760px){
  .sj__bg,.sl3__bg{position:fixed!important;height:100lvh!important}
  .sj__bg .sj__photo,.sl3__bg img{translate:none!important}
  .hero--zx .zx{position:relative;z-index:2;background:linear-gradient(180deg,transparent 0,transparent calc(100svh - var(--hdr) - 170px),rgba(0,0,0,.92) calc(100svh - var(--hdr) - 40px),#000 calc(100svh - var(--hdr)))}
  .zx__visual{height:calc(100svh - var(--hdr) - 30px)!important;width:100%!important;margin:0!important}
  .svh--side .svh__in{background:linear-gradient(180deg,transparent 0,transparent calc(100svh - var(--hdr) - 190px),rgba(0,0,0,.92) calc(100svh - var(--hdr) - 60px),#000 calc(100svh - var(--hdr) - 20px))}
  .svh--side .svh__in::before{content:"";display:block;flex:none;height:calc(100svh - var(--hdr) - 40px);order:-1}
  .page-aud .svh--side .svh__in::before{display:none}
  .page-aud #lupaHome{order:-1;flex:none;height:calc(100svh - var(--hdr) - 40px)!important;min-height:0!important;margin:0!important}
  .svh--side .svt{margin-top:28px!important}
  .svh{padding-bottom:40px!important}
}
@media (max-width:760px){.page-aud .svh{position:relative;z-index:3}}
@media (max-width:760px){
  .p3__world{width:min(520px,62vw)!important;translate:-1vw 0!important}
  .au__score{left:6%!important}
  .p3__tag{font-size:9px!important}
}
@media (max-width:760px){
  /* Hero */
  .hero--zx .zx,.svh--side .svh__in{background:none!important}
  /* Nagłówek */
  .hdr__in{position:relative}
  .hdr__logo{position:static!important}
  .hdr__logo img{width:32px!important;height:32px!important}
  .hdr__logo span{position:absolute;left:50%;top:calc(50% + 4px);transform:translate(-50%,-50%);font-size:19px!important}
  .hdr__right{margin-left:auto}
  .hdr .mburger{display:block;background:none!important;border:0!important;width:44px;height:44px;margin:0 -8px 0 0;color:inherit}
  .hdr .mburger i{background:currentColor!important;height:2px;left:10px;right:10px}
  .hdr .mburger i:first-child{top:17px}.hdr .mburger i:last-child{top:25px}
  .hdr .mburger[aria-expanded="true"] i{top:21px!important}
  /* Menu */
  .mmenu__foot{margin-top:44px!important;padding-top:0!important}
  body.menu-open .progress{opacity:0}
  body.menu-open .hdr{transform:none!important}
  /* Hero strony głównej */
  .home .zx__right{width:100%!important;max-width:100%!important;justify-items:stretch!important}
  .zx__slider,.zx__bar,.zx__card{width:100%!important;max-width:100%!important;box-sizing:border-box;margin-left:0!important;margin-right:0!important}
  .zx__bar .zx__pill{font-size:10px;padding:9px 11px;letter-spacing:.04em}
  /* Oferta */
  .offer__row .offer__arr{display:none!important}
  .offer__row .offer__go{display:inline-block!important;grid-column:2;justify-self:start;margin-top:12px;padding:10px 16px;border-radius:999px;background:rgb(236,227,202);color:#0b0b0b;font-size:13px;line-height:1;font-weight:500}
  /* O mnie */
  .about__text .stats{order:4!important;margin:28px 0 30px!important}
  .about__text > .muted{order:3!important;margin-bottom:0}
  .about__text > .lead{order:2!important}
  .about__text > .h2{order:1!important}
  .about__text > .section-label{order:0!important}
  /* Przejścia kolumnowe */
  .colwipe i:nth-child(n+6){display:block!important}
  .colwipe{grid-template-columns:repeat(8,minmax(0,1fr))!important}
  .pin-pad{height:42lvh!important}
  /* Cennik */
  #plans .plan,#support .plan{opacity:1!important;transition:scale .45s var(--ease)!important}
  #plans .plan:not(.is-cur),#support .plan:not(.is-cur){opacity:1!important;scale:.9}
  @media (hover: hover) and (pointer: fine){
  #plans .plan:hover,#support .plan:hover{transform:none!important}}
  .pslide__dots i.is-on{background:#0b0b0b!important}
  .th-light .pslide__dots i{background:rgba(0,0,0,.2)}
  .sec:not(.th-light) .pslide__dots i.is-on{background:rgb(236,227,202)!important}
}
body.menu-anim .progress{opacity:0!important;transition:none}
.mmenu{overscroll-behavior:contain;touch-action:pan-y}
.mmenu__in{overscroll-behavior:contain}
@media (max-width:760px){#plans .plan,#support .plan{flex:0 0 76vw!important}#plans.plans,#support.support{padding:14px 12vw 22px!important;gap:6px!important}}
.modal{z-index:300!important}
/* Menu */
.mmenu__cols{grid-template-columns:repeat(8,1fr)!important}
.mmenu__cols i{margin-right:-2px!important;transform-origin:50% 100%!important;transition:transform .8s cubic-bezier(.7,0,.2,1) calc(var(--i) * .06s)!important;backface-visibility:hidden}
.mmenu:not(.is-open) .mmenu__cols i{transition-delay:calc((3 - var(--i)) * .05s)!important}
@media (max-width:760px){
  /* Hero */
  .zx__visual{position:absolute!important;inset:0!important;height:auto!important;width:auto!important;order:0}
  .svh--side .svh__in::before{display:none!important}
  .page-aud #lupaHome{position:absolute!important;inset:0;height:auto!important}
  .svh--side .svh__in{min-height:calc(100svh - var(--hdr) - 30px)}
  .hero--zx .zx{min-height:100svh}
  /* Hero strony głównej */
  .home .zx__right{width:min(330px,100%)!important;justify-self:start!important;justify-items:stretch!important;margin-right:auto!important}
  .home .zx__right .zx__tag{justify-self:start!important;text-align:left;margin:0 0 -4px!important}
  .zx__slider,.zx__bar{width:100%!important}
  .zx__card-img{width:96px!important}
  /* Przejścia wolniejsze */
  .pin-pad{height:95lvh!important}
  /* Cennik */
  #plans.plans,#support.support{padding:14px var(--pad) 18px!important;gap:12px!important;scroll-padding:0 var(--pad)}
  #plans .plan,#support .plan{flex:0 0 calc(100vw - var(--pad) * 2)!important;max-width:none!important;scale:1!important;box-shadow:none!important}
  #plans .plan:not(.is-cur),#support .plan:not(.is-cur){scale:1!important}
  #plans .plan::before,#plans .plan::after{box-shadow:none!important}
}
@media (max-width:760px){#plans.plans,#support.support{gap:calc(var(--pad) * 2 + 2px)!important}}
.rzs__go{display:none!important}
/* Loader */
.lp__word{letter-spacing:-.03em!important}
@media (max-width:760px){
  /* Większy napis w hero */
  .zx__title{font-size:clamp(52px,15.5vw,72px)!important}
  .svh__title{font-size:clamp(50px,14.8vw,70px)!important}
  .zx__btn--ghost{background:rgba(236,227,202,.08)!important;border:1px solid rgba(236,227,202,.16)!important;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}
  /* Przyciski w hero podstron */
  .svh__text .sv-cta{display:flex!important;flex-wrap:nowrap;gap:8px!important;width:auto}
  .svh__text .sv-cta .zx__btn{width:auto!important;flex:none}
  .svh__text .sv-cta .zx__btn--ghost{padding:0 22px!important}
  /* Formularz */
  .modal__side h3,.modal__side .modal__lead,.modal__side .modal__img{display:none!important}
  .modal__side{padding:18px 20px 12px!important}
  .modal .fstep.is-on{flex:none!important}
  .modal .fstep > .field,.modal .fgrid{width:100%!important}
  .modal__nav{position:sticky;bottom:-22px;margin:auto -20px -22px!important;padding:16px 20px 22px!important;background:#0d0d0d;border-top:1px solid rgba(236,227,202,.08);z-index:2}
  /* Menu */
  .mmenu__cols i{transform-origin:50% 0!important}
  /* Realizacje */
  .rzs__go{display:inline-flex!important}
  .rzs__desc .zx__btn{display:none!important}
  .rzs__meta{flex-wrap:nowrap!important;gap:12px!important}
  .rzs__go{height:46px!important;padding:0 4px 0 16px!important;font-size:13px!important}
  .rzs__go i{width:36px!important;height:36px!important}
  /* Procesy na podstronach */
  .p3__count{display:none!important}
  .p3__seg{margin:10px 0 12px!important}
  .p3__scene,.rp__scene,.ap__scene{height:52svh!important;margin-top:-6svh!important;position:relative;z-index:0}
  .p3__side{position:relative;z-index:1}
  .p3__world{width:min(560px,84vw)!important;translate:0 2svh!important}
  .p3__doc{left:-2%!important;width:104%!important;top:-6%!important;padding:16px 18px!important}
  .p3__doc dl{font-size:12px!important}
  .rp__stack{width:min(520px,92vw)!important}
  .rp__world{translate:0 -2svh!important}
  .au{width:100vw!important;translate:0 0!important}
  .ap__world.au{transform:rotateX(8deg) rotateY(-3deg)!important}
  .au__score{left:5%!important;top:-8%!important}
  .ap__hud,.rp__hud{bottom:2%!important}
}
@media (max-width:760px){.rp__scene,.ap__scene{margin-top:0!important}.rp__world{translate:0 6svh!important}.rp__stack{width:min(500px,86vw)!important}.au__score{top:-2%!important}}
/* Renowacja, karta 01 */
.vr-phone .vr__scr--old,.vr-phone .vr__lbl--o,.vr-phone .vr__lbl--n{animation:none!important;transition:opacity .6s ease,filter .6s ease}
.vr-phone .vr__scr--old,.vr-phone .vr__lbl--o{opacity:1}
.vr-phone .vr__lbl--n{opacity:0}
.vr-phone.is-new .vr__scr--old{opacity:0;filter:blur(4px)}
.vr-phone.is-new .vr__lbl--o{opacity:0}
.vr-phone.is-new .vr__lbl--n{opacity:1}
.zx__btn--ghost{background:rgba(236,227,202,.1)!important;border:1px solid rgba(236,227,202,.18)!important;-webkit-backdrop-filter:blur(16px) saturate(1.4)!important;backdrop-filter:blur(16px) saturate(1.4)!important}
/* Menu */
.mmenu.is-open .mmenu__cols i{transform-origin:50% 0!important}
.mmenu:not(.is-open) .mmenu__cols i{transform-origin:50% 100%!important}
@media (max-width:760px){
  .zx__title,.svh__title,.rzh h1,.e404 h1{font-size:clamp(56px,17.2vw,84px)!important;line-height:.92!important}
  /* Renowacja */
  .rp__scene{height:48svh!important;margin-top:-4svh!important}
  .rp__stack{width:min(560px,96vw)!important}
  .rp__world{translate:0 -1svh!important}
  .rp__hud{bottom:auto!important;top:calc(100% - 6px)!important}
  .rp .p3__info{min-height:96px!important}
}
@media (max-width:760px){
  .au{translate:var(--zx,0) var(--zy,0)!important;scale:var(--zs,1)!important;transition:none}
  .ap__scene{overflow:visible}
  .ap__stage{overflow:hidden}
  .ap__scene{height:50svh!important}
  .ap .p3__side{z-index:2}
  .ap .p3__side::after{content:"";position:absolute;left:calc(var(--pad) * -1);right:calc(var(--pad) * -1);top:-200px;bottom:-14px;background:linear-gradient(180deg,rgb(236,227,202) 85%,rgba(242,242,240,0));z-index:-1}
}
@media (max-width:760px){.ap .p3__side::after{bottom:0;background:rgb(236,227,202)}.au__score{top:10%!important}}
@media (max-width:760px){
  .rp .p3__side{position:relative;z-index:2}
  .rp .p3__side::after{content:"";position:absolute;left:calc(var(--pad) * -1);right:calc(var(--pad) * -1);top:-200px;bottom:-6px;background:linear-gradient(180deg,rgb(236,227,202) 88%,rgba(242,242,240,0));z-index:-1}
  .rp__world{translate:0 3svh!important}
  .rp__hud{top:84%!important}
}
@media (max-width:760px){.rp__hud{top:92%!important}}
@media (max-width:760px){html body .zx__title,html body .svh .svh__title,html body.page-www .svh--side .svh__title,html body .rzh h1{font-size:clamp(52px,15.8vw,76px)!important;line-height:.92!important}}
.colwipe i:last-child,.lp__cols i:last-child,.mmenu__cols i:last-child{margin-right:0!important}
@media (min-width:701px) and (max-width:900px){.footer__cols--c{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:24px!important}}
/* Tablet: większe sceny procesu */
@media (min-width:761px) and (max-width:1024px){
  .au{width:min(640px,80vw)!important}
  .ap__scene{height:56vh!important}
}
/* Telefon w poziomie */
@media (max-width:1024px) and (max-height:520px) and (orientation:landscape){
  .hdr .hdr__nav,.hcta__btn,.hdr__cta--ph{display:none!important}
  .hdr .mburger{display:block;background:none!important;border:0!important;color:inherit;margin-left:auto}
  .hdr .mburger i{background:currentColor!important;height:2px;left:10px;right:10px}
  .hdr .mburger i:first-child{top:17px}.hdr .mburger i:last-child{top:25px}
  .hdr .mburger[aria-expanded="true"] i{top:21px!important}
  .zx__title,.svh__title{font-size:clamp(36px,11vh,52px)!important}
  .mmenu__nav span{font-size:28px}
  .mmenu__nav a{padding:8px 0}
}
@media (max-width:1024px) and (max-height:520px) and (orientation:landscape){.hdr__right{margin-left:auto!important}}

.offer__go{display:none}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* Dokumenty */
.phero--doc .wrap{text-align:center}
.phero--doc .doc__meta{justify-content:center}
.doc__body{margin:0 auto;text-align:center}
.doc__body h2{justify-content:center;flex-wrap:wrap}
.doc__body ol,.doc__body ul{padding-left:0;list-style-position:inside}
.doc__body .table-wrap{text-align:left}

/* Realizacje na telefonie i tablecie */
@media (max-width:1024px){
  .rzs__track{height:500vh!important;height:500svh!important}
  .rzs__stage{position:sticky!important;top:0;height:100vh!important;height:100svh!important;display:flex!important;flex-direction:column;overflow:hidden!important}
  .rzs__label{position:absolute!important;top:calc(var(--hdr) + 6px)!important;padding-top:0!important}
  .rzs__in{display:flex!important;flex-direction:column;gap:clamp(10px,2vh,22px);width:100%;height:100%!important;padding-top:calc(var(--hdr) + 38px)!important;padding-bottom:18px!important;overflow:hidden}
  .rzs__shots{display:block!important;position:relative;flex:none;width:100%;height:auto!important;aspect-ratio:2/1;perspective:900px;perspective-origin:50% 50%;overflow:visible;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)!important}
  .rzs__slot{position:absolute;top:50%;width:68%;aspect-ratio:1536/991;overflow:hidden}
  .rzs__slot--c{left:16%;transform:translateY(-50%)}
  .rzs__slot--l{left:calc(16% - 68% - 8px);transform-origin:100% 50%;transform:translateY(-50%) rotateY(48deg) skewY(-14deg)}
  .rzs__slot--r{left:calc(16% + 68% + 8px);transform-origin:0% 50%;transform:translateY(-50%) rotateY(-48deg) skewY(-14deg)}
  .rzs__strip{display:flex;gap:10px;height:100%;transform:translateX(calc((var(--q, 0) + var(--k)) * var(--u, 0px) * -1));will-change:transform}
  .rzs__strip img{flex:0 0 calc(var(--u, 10px) - 10px);width:calc(var(--u, 10px) - 10px);height:100%;object-fit:cover;object-position:top;display:block;border-radius:6px}
  .rzs__slot--l .rzs__strip img,.rzs__slot--r .rzs__strip img{filter:brightness(.7)}
  .rzs__in{align-items:stretch!important}
  .rzs__panel{display:block!important;position:relative;flex:1;width:100%;min-height:0;height:auto!important;overflow:hidden!important}
  .rzs__prog{display:block!important;top:0!important}
  .rzs .rzs__item{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column;gap:clamp(10px,1.8vh,18px);padding:16px 0 0!important;opacity:0!important;visibility:hidden!important;transition:opacity .5s,visibility 0s .5s}
  .rzs .rzs__item.is-on{opacity:1!important;visibility:visible!important;transition:opacity .6s}
  .rzs .rzs__item .rzs__id > *,.rzs .rzs__item .rzs__desc > *,.rzs .rzs__item .rzs__m{opacity:0!important;transform:translateY(22px)!important}
  .rzs .rzs__item.is-on .rzs__id > *,.rzs .rzs__item.is-on .rzs__desc > *,.rzs .rzs__item.is-on .rzs__m{opacity:1!important;transform:none!important}
  .rzs__head{gap:10px!important}
  .rzs__id{gap:6px!important}
  .rzs__desc .tags{display:none!important}
  .rzs__desc p{font-size:14px!important;line-height:1.5!important}
  .rzs__mocks{flex:1;min-height:0;grid-template-columns:1.5fr 1fr 1fr!important;grid-template-rows:minmax(0,1fr)!important;gap:8px!important}
  .rzs__m--laptop{grid-column:auto!important}
  .rzs__m--laptop,.rzs__m--telefon,.rzs__m--tablet{aspect-ratio:auto!important;max-height:240px}
}
@media (min-width:761px) and (max-width:1024px){
  .rzs__shots{aspect-ratio:2.4/1}
  .rzs__slot{width:56%}
  .rzs__slot--c{left:22%}
  .rzs__slot--l{left:calc(22% - 56% - 8px)}
  .rzs__slot--r{left:calc(22% + 56% + 8px)}
  .rzs__name{font-size:clamp(34px,5vw,48px)!important}
  .rzs__desc p{font-size:15px!important}
  .rzs__desc .tags{display:flex!important}
}
@media (max-width:1024px) and (max-height:620px){
  .rzs__in{flex-direction:row;align-items:center}
  .rzs__shots{flex:0 0 46%;aspect-ratio:1.6/1}
  .rzs__mocks{display:none!important}
  .rzs__desc .tags,.rzs__desc .zx__btn{display:none!important}
  .rzs__go{display:inline-flex!important;height:42px!important;padding:0 4px 0 14px!important;font-size:13px!important}
  .rzs__go i{width:34px!important;height:34px!important}
  .rzs__meta{flex-wrap:nowrap!important;gap:10px!important}
  .rzs__pal i{width:22px!important;height:22px!important}
  .rzs__name{font-size:clamp(26px,4vw,36px)!important}
  .rzs__desc p{font-size:13.5px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
/* Hero strony głównej na telefonie: bloki mieszczą się w ekranie */
@media (max-width:760px){
  .home .zx__right{width:100%!important;max-width:340px!important;grid-template-columns:minmax(0,1fr)!important}
  .home .zx__right > *{min-width:0;max-width:100%}
  .zx__card{grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important;padding:10px!important}
  .zx__card-img{width:84px!important}
  .zx__card-txt{gap:5px!important;padding:2px 0 0!important;min-width:0}
  .zx__card-txt b{font-size:16px!important}
  .zx__card-nav button{width:32px!important;height:32px!important}
  .zx__slide{grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important}
  .zx__slider .zx__card-nav{left:calc(10px + 84px + 12px)!important;right:12px!important;bottom:12px!important}
  .zx__bar--box{padding:9px!important;gap:6px!important}
  .zx__bar--box .zx__pill,.zx__bar--box .zx__mid{font-size:9.5px!important;padding:9px 8px!important;letter-spacing:.03em!important;white-space:nowrap;min-width:0}
}
/* Formularz: bez pasków przewijania przy zmianie kroku */
.modal__panel,.modal__side{overflow:hidden!important}
.modal__form{overflow-x:hidden!important;scrollbar-width:none}
.modal__form::-webkit-scrollbar{display:none}
/* Formularz: ekran podziękowania na środku */
.modal .fstep--done{align-items:center!important;justify-content:center!important;text-align:center;flex:1 1 auto!important}
.modal .fstep--done .done-check{display:flex;justify-content:center}
.modal__panel.step-5 .modal__nav,.modal__panel.step-5 .modal__legal,.modal__panel.step-5 .modal__err{display:none!important}
@media (max-width:900px){
  .modal .fstep--done{min-height:100%}
  .modal__panel.step-5 .modal__form{justify-content:center}
  /* Formularz: kroki na dole, przycisk zamknięcia ich nie zasłania */
  .modal__panel,.modal__panel.step-2,.modal__panel.step-3,.modal__panel.step-4,.modal__panel.step-5{grid-template-rows:minmax(0,1fr) auto!important}
  .modal__side{order:2;border-bottom:0!important;border-top:1px solid var(--line)!important;padding:12px 20px 14px!important}
  .modal__form{order:1;padding-top:60px!important}
}
/* Telefon: bez linii między punktami oferty i pod etapami procesu */
@media (max-width:760px){
  .offer__list,.offer__row,.sec--narrow .offer__row{border-top:0!important;border-bottom:0!important}
  .step{border-bottom:0!important;border-top:0!important}
}
/* Cennik: większy tytuł, "od" przed ceną, środkowa karta jak pozostałe */
.plan h3{font-size:clamp(30px,2.5vw,40px)!important;line-height:1!important}
.plan__price .plan__od{background:none!important;-webkit-text-fill-color:currentColor;color:inherit!important;opacity:.6;font-family:var(--mono);font-weight:500;font-size:.3em;letter-spacing:.04em;margin:0 10px 0 0;text-transform:lowercase}
@media (min-width:1025px){#plans .plan:nth-child(2){padding-top:28px!important;padding-bottom:28px!important}}
/* Animacje wejścia: szybciej */
.reveal{transition:transform .75s var(--ease),clip-path .75s var(--ease)!important}
.split-lines .ln > span{transition:transform .8s var(--ease)!important}
.split .ch{transition:transform .8s var(--ease)!important}

/* Formularz: numer kierunkowy, podsumowanie, etykieta nad nazwą */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:end}
.tel__cc{position:relative;display:block}
.tel__cc::after{content:"";position:absolute;right:4px;bottom:19px;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none}
.tel__cc select{appearance:none;-webkit-appearance:none;background:none;border:0;border-bottom:1px solid var(--line2);border-radius:0;color:var(--fg);font:500 15px/1 var(--mono);padding:24px 22px 12px 0;outline:none;cursor:pointer;transition:border-color .3s}
.tel__cc select:focus{border-color:var(--accent)}
.tel__cc select option{background:#0d0d0d;color:rgb(236,227,202)}
.sum{display:grid;gap:0;margin:4px 0 0;border-top:1px solid var(--line)}
.sum > div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.6fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.sum dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.sum dd{margin:0;color:var(--fg);font-size:16px;overflow-wrap:anywhere}
@media (max-width:600px){.sum > div{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0}}
.modal .choice__l{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
.modal .fstep > .tel{width:90%}
@media (max-width:760px){.modal .fstep > .tel{width:100%}}
/* Podstrony: tytuł w hero taki sam jak na stronie głównej */
@media (min-width:1025px){html body .svh .svh__title,html body .svh--side .svh__title,html body.page-www .svh--side .svh__title,html body .rzh h1.h2{font-size:clamp(46px,6.4vw,118px)!important;line-height:.92!important}}
@media (min-width:761px) and (max-width:1024px){html body .svh .svh__title,html body .svh--side .svh__title,html body.page-www .svh--side .svh__title,html body .rzh h1.h2{font-size:clamp(60px,9vw,84px)!important;line-height:.92!important}}
/* Podstrony: sekcja Po starcie na pełną szerokość jak inne sekcje */
.svs__duo,.svs .support,.svs .hourly{max-width:none!important}
/* Blok "Bez abonamentu": pełna ramka */
.hourly{border-style:solid!important}
/* Opieka: karta "Polecany" ciemna jak pozostałe */
.svs .support .plan.is-featured{background:#0b0b0b!important;color:rgb(236,227,202)!important;border-color:transparent!important;box-shadow:0 0 0 1.5px #2f9e5f!important}
.svs .support .plan.is-featured *{color:inherit}
.svs .support .plan.is-featured .plan__tag{background:transparent!important;color:rgb(236,227,202)!important;border:1px solid rgba(236,227,202,.35)!important}
.svs .support .plan.is-featured .plan__price small{color:transparent}
.svs .support .plan.is-featured .btn{background:rgb(236,227,202)!important;color:#0b0b0b!important;border-color:rgb(236,227,202)!important}
@media (hover:hover) and (pointer:fine){.svs .support .plan.is-featured .btn:hover{background:rgb(236,227,202)!important}}
@media (min-width:761px){.svh__title{white-space:nowrap}.svh__text{max-width:none!important}}
/* Audyt: prostszy proces, płaska scena, blok PageSpeed i SEO zawsze w jednym miejscu */
.ap__scene{perspective:none!important}
.ap__world,.ap__world.au{transform:none!important;rotate:none!important}
.ap__world > *,.au > *{transform:none!important;transform-style:flat!important}
.au__desk,.au__phone{opacity:1!important}
.au__score{opacity:1!important}
.au__brief,.au__doc,.au__plan{transition:none}
.au__doc{opacity:var(--doc,0)!important}
.au__brief{opacity:var(--brief,0)!important}
.au__plan{opacity:var(--plan,0)!important}
.ap .au__brief{left:auto!important;right:-6%!important;top:auto!important;bottom:-10%!important;width:44%!important}
@media (max-width:1024px){.ap .au__brief{right:0!important;bottom:-12%!important;width:62%!important}}
@media (max-width:760px){
  .ap .ap__world.au{width:calc(100vw - 32px)!important;translate:none!important;scale:none!important}
  .ap .ap__scene{overflow:hidden!important;width:100vw;margin-left:calc(var(--pad) * -1)}
}

/* Przejście „okno” zamiast kolumn */
.colwipe--win i{visibility:hidden!important}
.colwipe--win{will-change:clip-path}

/* =====================================================================
   STRONA GŁÓWNA 2026-11 (wersja 2)
   ===================================================================== */
:root{--bone:rgb(236,227,202);--bone-2:rgb(218,207,176)}
/* jasny blok: kościsty biały, akcent zielony */
.th-light,#o-mnie.th-light{--bg:rgb(236,227,202);--bg2:rgb(218,207,176);--fg:#0b0b0b;--muted:#5c5c5c;--soft:#2a2a2a;--line:rgba(0,0,0,.12);--line2:rgba(0,0,0,.26);--accent:#1f7a45;--grad-acc:linear-gradient(90deg,#2f9e5f,#145c34)}
.lt-wrap{background:rgb(236,227,202)}
main > .lt-wrap,.pin > .lt-wrap{background:rgb(236,227,202)!important}
.lt{background:rgb(236,227,202)}
.lt #o-mnie,.lt #pracownia,.lt #proces,.lt #cennik,.lt #faq{background:transparent!important}

/* pracownia: zdjęcie rozszerza się do pełnej szerokości */
.pw{padding:clamp(40px,6vw,90px) 0 0}
.pw__fig{position:relative;margin:0;height:min(86vh,860px);height:min(86svh,860px);overflow:hidden;clip-path:inset(0 14% 0 14% round 28px);will-change:clip-path}
.pw__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.14);will-change:transform}
.pw__fig::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,0));pointer-events:none}
.pw__cap{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:clamp(28px,6vh,72px);color:rgb(236,227,202);display:flex;align-items:end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.pw__cap .h2{color:rgb(236,227,202)!important;margin:0}
.pw__cap p{max-width:380px;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:rgb(236,227,202)}
@media (max-width:760px){.pw__fig{height:72svh;clip-path:inset(0 16px 0 16px round 18px)}.pw__cap{display:grid;gap:14px}}

/* proces na jasnym tle */
#proces .steps::before{background:rgba(0,0,0,.14)}
#proces .step{border-color:rgba(0,0,0,.12)!important}
#proces .step p{color:#2a2a2a}
#proces .step__top{color:#5c5c5c}
#proces .step::before{background:rgb(236,227,202)!important;border-color:rgba(0,0,0,.28)!important;box-shadow:none!important}
#proces .step.is-lit::before{background:#2f9e5f!important;border-color:#2f9e5f!important;box-shadow:0 0 0 6px rgba(47,158,95,.16)!important}
#proces .step.is-lit h3{color:#0b0b0b}
#proces .steps__fill{background:#2f9e5f!important}


/* pasek przewijania: biała kreska */
html{scrollbar-color:rgb(236,227,202) #000}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#000}
::-webkit-scrollbar-thumb{background:rgb(236,227,202)!important;border-radius:8px;border:2px solid #000}
@media (hover:hover) and (pointer:fine){::-webkit-scrollbar-thumb:hover{background:rgb(236,227,202)!important}}

/* nawigacja w nagłówku na środku */
@media (min-width:1025px){
  .hdr__in{position:relative}
  .hdr__nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
}

/* przyciski: przy najechaniu lekko się pomniejszają */
.btn,.zx__btn,.cta__big{transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s,color .3s,border-color .3s}
@media (hover:hover) and (pointer:fine){.btn:hover,.zx__btn:hover{transform:scale(.95)}}
.btn:active,.zx__btn:active{transform:scale(.92)}

/* statystyki: liczba u góry, opis pod spodem */
#o-mnie .stats > *{text-align:left!important;justify-items:start!important}
#o-mnie .stat b{font-size:clamp(48px,6vw,92px)!important;line-height:.9}
#o-mnie .stat span{margin-top:12px;font-size:12px!important;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:#5c5c5c;max-width:16ch}

/* cennik: środkowa karta wyższa, wszystko wyśrodkowane */
@media (min-width:1025px){
  #plans.plans{align-items:center!important}
  #plans .plan.is-featured,#plans .plan--photo.is-featured{padding-top:58px!important;padding-bottom:58px!important}
}

/* cookies: krótko, dwa przyciski */
.cookie{width:min(380px,calc(100% - 32px))!important;padding:18px!important}
.cookie__title{font-size:15px!important;margin-bottom:4px!important}
.cookie__btns{flex-wrap:nowrap!important;margin-top:14px!important}
.cookie__btns .btn{flex:1 1 0!important}

/* proces: tytuły etapów bez zielonego podświetlenia */
#proces .step h3,#proces .step:hover h3,#proces .step.is-lit h3,#proces .step.is-active h3{color:#0b0b0b!important}

/* cennik w czarnym motywie */
#cennik{background:#000!important;color:rgb(236,227,202);--bg:#000;--bg2:#121212;--fg:rgb(236,227,202);--muted:#8d8d8a;--soft:#c4c4c1;--line:rgba(236,227,202,.12);--line2:rgba(236,227,202,.24);--accent:#2f9e5f;--grad-acc:linear-gradient(90deg,#3cb874,#6fe09a)}
#cennik .h2{color:rgb(236,227,202)}
#cennik .section-label span{-webkit-text-fill-color:initial}
#cennik .tabs{border-color:rgba(236,227,202,.18)}
#cennik .tabs button{color:#c4c4c1}
#cennik .tabs .is-active{color:#0b0b0b}
#cennik .tabs__ink{background:rgb(236,227,202)}

/* pierwsze wrażenie: trzy projekty w jednym kadrze */
.pw__strip{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));transform:scale(1.14);will-change:transform}
.pw__strip img{position:static!important;width:100%;height:100%;object-fit:cover;transform:none!important}
.pw__fig::after{height:75%!important;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.35) 60%,rgba(0,0,0,0))!important}
.pw__side{display:grid;gap:22px;justify-items:start;max-width:420px}
.pw__side p{margin:0}
.pw__cap .h2{font-size:clamp(56px,9vw,150px)!important}
@media (max-width:760px){.pw__strip{grid-template-columns:1fr}.pw__strip img:nth-child(n+2){display:none}}

/* przyciski: płynne pomniejszenie przy najechaniu */
.btn,.zx__btn{transition:transform .5s cubic-bezier(.16,1,.3,1),background .35s,color .35s,border-color .35s!important}
.btn.reveal{transition:transform .75s cubic-bezier(.16,1,.3,1),clip-path .75s cubic-bezier(.16,1,.3,1),opacity .75s,background .35s,color .35s,border-color .35s!important}
.lt #pierwsze-wrazenie{background:transparent!important}

/* DWIE CZCIONKI: Inter Tight 800 (tytuły) i Archivo (opisy, etykiety, przyciski) */
.mono,.btn,.zx__btn,.tabs button,.hdr__nav > a,.tags span,.proj dt,.score small,.table-wrap th,.e404__links a,.skip{font-family:"Archivo",system-ui,sans-serif!important;font-weight:500}

/* REALIZACJE: przyciski bez obramowania */
#realizacje .zx__btn,#realizacje .btn,.rzs .zx__btn,.rzs .btn,.rzw .zx__btn,.rzw__cta .zx__btn,.rzh .zx__btn,.card__cta{border:0!important;box-shadow:none!important}
#realizacje .zx__btn,.rzs .zx__btn,.rzw .zx__btn,.rzw__cta .zx__btn,.rzh .zx__btn{background:#1b1b1c!important}
#realizacje .zx__btn:hover,.rzs .zx__btn:hover,.rzw .zx__btn:hover,.rzw__cta .zx__btn:hover,.rzh .zx__btn:hover{border:0!important;background:#242426!important}
.card__cta,.card__cta:hover{border:0!important;background:#1b1b1c!important}

/* O mnie: opisy statystyk zawsze w całości */
#o-mnie .stat span{max-width:none!important;font-size:11px!important;letter-spacing:.03em!important;overflow-wrap:normal!important;word-break:keep-all!important;hyphens:none!important}
@media (max-width:480px){#o-mnie .stat span{font-size:9.5px!important;letter-spacing:.02em!important}#o-mnie .stats{gap:10px}}

/* ANIMACJE POJAWIANIA: jeden spójny, spokojniejszy styl na całej stronie */
:root{--rv-ease:cubic-bezier(.16,1,.3,1);--rv-t:.95s}
/* bloki i teksty: delikatne uniesienie + odsłonięcie od góry */
.reveal{opacity:0!important;transform:translateY(30px)!important;clip-path:inset(0 0 38% 0)!important;transition:opacity .7s ease,transform var(--rv-t) var(--rv-ease),clip-path var(--rv-t) var(--rv-ease)!important;will-change:opacity,transform}
.reveal.is-in{opacity:1!important;transform:none!important;clip-path:inset(-80px -80px -80px -80px)!important}
/* nagłówki: linie wjeżdżają z maski */
.split-lines .ln > span{transform:translateY(108%);transition:transform var(--rv-t) var(--rv-ease)!important}
.split-lines.is-in .ln > span{transform:none}
.split .ch{transform:translateY(112%);transition:transform .9s var(--rv-ease)}
.split.is-in .ch{transform:none}
/* przyciski mają własne, szybsze przejście z poprzedniej reguły */
.btn.reveal,.zx__btn.reveal{transition:opacity .7s ease,transform var(--rv-t) var(--rv-ease),clip-path var(--rv-t) var(--rv-ease),background .35s,color .35s,border-color .35s!important}
@media (prefers-reduced-motion:reduce){.reveal,.reveal.is-in{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.split-lines .ln > span,.split .ch{transform:none!important;transition:none!important}}

/* LIGHTBOX: telefon z kodem kraju */
.tel{grid-template-columns:auto minmax(0,1fr)!important;gap:14px}
.tel__cc{display:flex;align-items:flex-end;gap:10px}
.tel__cc::after{display:none!important}
.tel__cc .field{width:58px;flex:none}
.tel__cc .field input{text-transform:uppercase;letter-spacing:.12em;text-align:center;padding-left:0;padding-right:0}
.tel__cc .field span{left:0;right:0;text-align:center}
.tel__pre{font:500 15px/1 var(--mono);color:var(--soft);padding-bottom:12px;min-width:4.2ch;transition:color .3s}
.tel__cc .field.is-err ~ .tel__pre{color:#e5604f}

/* LIGHTBOX: pasek kroków z jednym płynnym gradientem i haczykami */
.modal__steps{position:relative;display:flex;gap:0}
.modal__steps::before,.modal__steps::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px}
.modal__steps::before{background:var(--line)}
.modal__steps::after{background:linear-gradient(90deg,#145c34 0%,#2f9e5f 45%,#6fe09a 100%);clip-path:inset(0 calc((1 - var(--p,.25)) * 100%) 0 0);transition:clip-path .9s cubic-bezier(.16,1,.3,1)}
.modal__steps span{border-top:0!important;border-image:none!important;position:relative;display:flex;align-items:center;gap:8px;padding:14px 0 0!important;flex:1}
.modal__steps span.is-on{color:var(--fg)}
.st__n{font-style:normal;display:inline-grid;place-items:center;min-width:18px;height:18px;position:relative;transition:color .3s}
.modal__steps span.is-done .st__n{font-size:0;width:18px;height:18px;min-width:18px;border-radius:50%;background:linear-gradient(135deg,#2f9e5f,#6fe09a)}
.modal__steps span.is-done .st__n::after{content:"";width:8px;height:4.5px;border-left:2px solid #04120a;border-bottom:2px solid #04120a;transform:translateY(-1px) rotate(-45deg) scale(1);animation:stChk .5s cubic-bezier(.16,1,.3,1) both}
@keyframes stChk{from{opacity:0;transform:translateY(-1px) rotate(-45deg) scale(.2)}}
@media (prefers-reduced-motion:reduce){.modal__steps::after{transition:none}.modal__steps span.is-done .st__n::after{animation:none}}
/* kroki: zwarty układ, numer znika, po zakończeniu haczyk */
.modal__steps span{gap:6px!important;min-width:0;font-size:10px;letter-spacing:.04em;overflow:visible;justify-content:flex-start}
.modal__steps span:not(.is-done) .st__n{display:none}
.modal__steps span.is-done .st__n{width:14px;height:14px;min-width:14px;flex:none}
.modal__steps span.is-done .st__n::after{width:6px;height:3.5px;border-width:1.5px}
/* krok zakończony: haczyk zamiast napisu */
.modal__steps span{flex:1 1 0;gap:0!important}
.modal__steps .st__t{font-weight:inherit;transition:opacity .3s}
.modal__steps span.is-done .st__t{display:none}

/* Audyt: ten sam model 3D co w renowacji, PageSpeed i bloki zostają płaskie */
.ap__p{position:absolute;left:0;top:4%;width:82%;aspect-ratio:16/10;perspective:2200px;opacity:calc(1 - var(--doc,0) * .35)}
.ap__p .rp__world.ap__rpw{translate:none!important;transform:rotateX(calc(12deg + var(--e,0) * 40deg)) rotateZ(calc(var(--e,0) * -30deg)) scale(calc(1 - var(--e,0) * .14))!important;transform-style:preserve-3d!important}
.ap__p .ap__stk{width:100%!important}
.ap__stk .sl3__l::after{display:none!important}
.ap__stk .rp__pins{opacity:1}
.ap__pin{opacity:var(--o,0);transition:none;white-space:nowrap}
.ap__pin[data-g="1"]{--o:var(--g1,0)}.ap__pin[data-g="2"]{--o:var(--g2,0)}.ap__pin[data-g="3"]{--o:var(--g3,0)}
.ap__pin--imp i{background:#febc2e;box-shadow:0 0 0 4px rgba(254,188,46,.22)}
.ap__pin--low i{background:#3cb874;box-shadow:0 0 0 4px rgba(60,184,116,.22)}
.ap__stk .rb--o{clip-path:none!important}
@media (max-width:760px){.ap__p{width:96%}.ap__pin{font-size:9px!important;padding:5px 8px 5px 6px!important}}

.pw__strip{grid-template-columns:1fr!important}

/* przyciski „Zobacz projekt” w realizacjach: czarne */
.card__cta,#realizacje .card__cta,#realizacje .zx__btn,.rzs .zx__btn,.rzw .zx__btn,.rzh .zx__btn,.rzs__go,.card__cta > span{background:#000!important;color:rgb(236,227,202)!important}
/* bloki w kościstych sekcjach: czarne */
.pw__strip img{object-position:50% 30%}
.stats{border-top:0!important}.stat{border-top:0!important}.stat::before,.stats::before{display:none!important}
/* numer kierunkowy: „+” i cyfry, obok kraj */
.tel__cc .field{width:64px}
.tel__cc .field input{text-align:left!important;padding-left:13px!important;letter-spacing:.06em!important}
.tel__cc .field::before{content:"+";position:absolute;left:0;bottom:12px;font:500 15px/1 var(--mono);color:var(--fg);pointer-events:none}
.tel__cc .field span{text-align:left!important}
.tel__pre{min-width:3ch;letter-spacing:.06em}
/* kroki w lightboxie: osobny pasek dla każdego punktu */
.modal__steps{gap:8px!important}
.modal__steps::before,.modal__steps::after{display:none!important}
.modal__steps span::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:var(--line)}
.modal__steps span::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#145c34,#2f9e5f 50%,#6fe09a);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.modal__steps span.is-on::after,.modal__steps span.is-done::after{transform:scaleX(1)}
/* wspólny efekt wejścia (bloki i teksty dodawane automatycznie) */
@keyframes rvIn{from{opacity:0;translate:0 30px;clip-path:inset(0 0 38% 0)}to{clip-path:inset(-80px -80px -80px -80px)}}
.rv:not(.is-in){opacity:0}
.rv.is-in{animation:rvIn var(--rv-t,.95s) var(--rv-ease,cubic-bezier(.16,1,.3,1)) var(--rvd,0s) backwards}
@media (prefers-reduced-motion:reduce){.rv:not(.is-in){opacity:1}.rv.is-in{animation:none}}
/* audyt: znaczniki problemów na warstwach */
.au-mk{position:absolute;border:1.5px dashed #ff5a4f;border-radius:.6cqw;background:rgba(255,90,79,.14);box-shadow:0 0 0 1px rgba(255,90,79,.18)}
.au-mk--imp{border-color:#febc2e;background:rgba(254,188,46,.14);box-shadow:0 0 0 1px rgba(254,188,46,.18)}
.au-mk--low{border-color:#3cb874;background:rgba(60,184,116,.12);box-shadow:0 0 0 1px rgba(60,184,116,.18)}
#apWorld .ap__pins{opacity:1}
#apWorld .ap__pin{opacity:var(--o,0);animation:none}
#apWorld .ap__pin[data-g="1"]{--o:var(--g1,0)}#apWorld .ap__pin[data-g="2"]{--o:var(--g2,0)}#apWorld .ap__pin[data-g="3"]{--o:var(--g3,0)}
/* 0,05 s: telefon i zdjęcie ruchu obok siebie */
.pw__strip{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)!important;gap:6px;background:#000}
.pw__strip img:first-child{object-position:50% 40%}
.pw__strip img:nth-child(2){object-position:30% 70%}
@media (max-width:760px){.pw__strip{grid-template-columns:1fr!important;gap:0}.pw__strip img:nth-child(n+2){display:none}}
@media (max-width:760px){.pw__strip{grid-template-rows:minmax(0,1fr) minmax(0,.8fr);gap:4px}.pw__strip img:nth-child(2){display:block!important;object-position:78% 60%}.pw__fig{height:82svh!important}}
.tel__cc .field::before{bottom:14px}
/* audyt: model procesu niżej, żeby był cały widoczny */
@media (min-width:1025px){#apWorld{translate:6% 15%!important}}
@media (min-width:761px) and (max-width:1024px){#apWorld{translate:22vw 16vh!important}}
@media (max-width:760px){#apWorld{translate:0 7vh!important}}
/* 0,05 s: jedno zdjęcie (strona na telefonie + ruch) */
.pw__strip{grid-template-columns:1fr!important;grid-template-rows:1fr!important;gap:0!important}
.pw__strip img:first-child{object-position:50% 45%!important}
@media (max-width:760px){.pw__strip img:nth-child(n+2){display:none!important}.pw__fig{height:74svh!important}.pw__strip img:first-child{object-position:50% 30%!important}}
/* audyt: „Kiedy zamówić” na jasnym tle, bloki czarne */
.svq.th-light .svq__card{background:#000!important;border-color:#000!important;--fg:rgb(236,227,202);--muted:rgba(236,227,202,.62);--line:rgba(236,227,202,.12);color:rgb(236,227,202)}
.svq.th-light .svq__cta{background:#000!important;border-color:#000!important}
.svq.th-light .svq__cta p{color:rgb(236,227,202)!important}
.svq.th-light .svq__cta .zx__btn{background:rgb(236,227,202)!important;color:#0b0b0b!important}
/* ===== audyt: proces jako dokument ===== */
.ap__scene2{display:grid;place-items:center;perspective:none!important}
.adoc{position:relative;width:min(560px,40vw);height:min(70vh,640px);border-radius:18px;background:#000;color:rgb(236,227,202);box-shadow:0 40px 80px -30px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.06);overflow:hidden;translate:0 4vh}
.adoc::before{content:"";position:absolute;inset:0 0 auto;height:44px;z-index:2;background:linear-gradient(#000,rgba(0,0,0,0));pointer-events:none}
.adoc::after{content:"";position:absolute;inset:auto 0 0;height:70px;z-index:2;background:linear-gradient(rgba(0,0,0,0),#000);pointer-events:none}
.adoc__pg{position:absolute;inset:0;overflow:hidden;padding:0 clamp(22px,2.4vw,34px)}
.adoc__body{padding:clamp(24px,3vh,34px) 0 60vh;transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform}
.adoc__top{display:grid;gap:4px;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid rgba(236,227,202,.14)}
.adoc__top span{color:#6fe09a;font-size:10.5px}
.adoc__top b{font-family:var(--title);font-weight:800;font-size:clamp(22px,2vw,30px);letter-spacing:-.03em;line-height:1}
.adoc__top small{color:rgba(236,227,202,.55);font-size:10px}
.adoc__h{display:flex;align-items:baseline;gap:10px;margin:20px 0 8px}
.adoc__h span{color:#6fe09a;font-size:11px}
.adoc__h b{font-family:var(--title);font-weight:800;font-size:clamp(16px,1.3vw,19px);letter-spacing:-.02em}
.adoc__h em{margin-left:auto;color:rgba(236,227,202,.45);font-size:10px}
.adoc__ln{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:clamp(12px,.95vw,13.5px);color:rgba(236,227,202,.86);border-bottom:1px solid rgba(236,227,202,.07)}
.adoc__ln em{margin-left:auto;font-size:10px;white-space:nowrap}
.adoc__ln small{color:rgba(236,227,202,.5);font-size:10px;min-width:3ch;text-align:right}
.adoc__ln .bad,.adoc__ln .crit{color:#ff6b61}.adoc__ln .imp{color:#febc2e}.adoc__ln .low{color:#6fe09a}
.adoc__ln > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adoc__chk{flex:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#2f9e5f,#6fe09a);position:relative}
.adoc__chk::after{content:"";position:absolute;left:4px;top:4px;width:5px;height:3px;border-left:1.5px solid #04120a;border-bottom:1.5px solid #04120a;transform:rotate(-45deg)}
.adoc__dot{flex:none;width:9px;height:9px;border-radius:50%}
.adoc__dot--imp{background:#febc2e;box-shadow:0 0 0 4px rgba(254,188,46,.18)}.adoc__dot--low{background:#3cb874;box-shadow:0 0 0 4px rgba(60,184,116,.18)}
.adoc__bar{flex:1;height:5px;border-radius:5px;background:rgba(236,227,202,.1);overflow:hidden;max-width:46%;margin-left:auto}
.adoc__bar b{display:block;height:100%;width:calc(var(--v) * 1%);background:#ff6b61;border-radius:5px;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1) .2s}
.adoc__ln.is-on .adoc__bar b{transform:none}
.adoc__bar + em{margin-left:10px}
.adoc__n{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(236,227,202,.08);font-size:11px;font-weight:600}
.adoc__sum{border-bottom:0;padding-top:10px}
.adoc__sum b{margin-left:auto;font-family:var(--title);font-weight:800;font-size:15px}
.adoc__gain{color:#6fe09a}
.adoc__end{border-bottom:0;padding-top:16px}
.adoc__stamp{display:inline-block;padding:8px 12px;border:1.5px solid #6fe09a;border-radius:8px;color:#6fe09a;font-size:10.5px;transform:rotate(-4deg)}
/* pisanie: linia odsłania się od lewej z kursorem */
.adoc [data-t]{clip-path:inset(0 100% 0 0);opacity:.2;transition:clip-path .65s steps(18,end),opacity .3s}
.adoc [data-t].is-on{clip-path:inset(0 -10px 0 0);opacity:1}
.adoc__ln,.adoc__h{position:relative}
@media (prefers-reduced-motion:reduce){.adoc [data-t]{transition:none}}
@media (max-width:1024px){.adoc{width:min(520px,62vw);height:min(56vh,520px);translate:0 2vh}}
@media (max-width:760px){.adoc{width:min(440px,92vw);height:44vh;translate:0 0}.ap__scene2{height:46vh!important}}
@media (max-width:760px){.ap__scene2{margin-top:18px!important;height:42vh!important}.adoc{height:40vh}}
.pw__strip img:first-child{object-position:50% 50%!important}@media (max-width:760px){.pw__strip img:first-child{object-position:46% 50%!important}}
/* telefon: w karuzelach widać skrawek kolejnej karty */
@media (max-width:760px){
  #plans.plans,#support.support{gap:10px!important;padding-left:var(--pad)!important;padding-right:var(--pad)!important;scroll-padding:0 var(--pad)!important}
  #plans .plan,#support .plan{flex:0 0 calc(100vw - var(--pad) * 2 - 48px)!important;scroll-snap-align:center!important}
}
/* audyt: „Kiedy zamówić” na jasnym tle ma jasne karty */
.svq.th-light .svq__card{background:rgb(224,213,184)!important;border-color:rgba(0,0,0,.08)!important;--fg:#0b0b0b;--muted:#5c5c5c;--line:rgba(0,0,0,.12);color:#0b0b0b}
.svq.th-light .svq__card h3{color:#0b0b0b!important}
.svq.th-light .svq__card p{color:#5c5c5c!important}
.svq.th-light .svq__cta{background:rgb(224,213,184)!important;border-color:rgba(0,0,0,.08)!important}
.svq.th-light .svq__cta p{color:#0b0b0b!important}
.svq.th-light .svq__cta .zx__btn{background:#0b0b0b!important;color:rgb(236,227,202)!important}
.svq.th-light .svq__vis{background:rgb(236,227,202)!important;border-color:rgba(0,0,0,.08)!important}
.svq.th-light .svq__bars i{background:linear-gradient(180deg,#bdbdbd,#9a9a9a)}
.svq.th-light .svq__bars i.is-low{background:#e5483f}
.svq.th-light .svq__bars span,.svq.th-light .svq__tag,.svq.th-light .svq__time{color:#5c5c5c}
.svq.th-light .svq__bars b{color:#0b0b0b}
.svq.th-light .svq__vis--rank .g{stroke:rgba(0,0,0,.1)}
.svq.th-light .svq__tag b,.svq.th-light .svq__time b{color:#d93a31}
.svq.th-light .svq__load{background:rgba(0,0,0,.08)}
.svq.th-light .svq__load::after{background:linear-gradient(90deg,transparent,rgba(236,227,202,.6),transparent)}
.svq.th-light .svq__vis--plan ul{color:#2a2a2a}
.svq.th-light .svq__vis--plan li{background:rgb(224,213,184)}
.svq.th-light .svq__n{color:#1f7a45}

/* „Po starcie” na jasnym tle: jasne karty */
.svs.th-light .svs__card{background:rgb(224,213,184)!important;border-color:rgba(0,0,0,.08)!important;color:#0b0b0b}
.svs.th-light .svs__card::before{display:none}
.svs.th-light .svs__txt h3{color:#0b0b0b!important}
.svs.th-light .svs__txt p,.svs.th-light .svs__note{color:#5c5c5c!important}
.svs.th-light .svs__txt > span{color:#1f7a45}
.svs.th-light .svs__note{background:rgb(236,227,202)!important;border-color:rgba(0,0,0,.08)!important}
.svs.th-light .svs__note b,.svs.th-light .svs__note strong{color:#0b0b0b}
.svs.th-light .vm__head{color:#5c5c5c}.svs.th-light .vm__head em{color:#1f7a45}
.svs.th-light .vm__pulse{background:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px) 0 0/100% 20px,rgb(236,227,202);border-color:rgba(0,0,0,.08)}
.svs.th-light .vm__line{filter:none}
.svs.th-light .vm__list li{background:rgb(236,227,202);color:#5c5c5c}
.svs.th-light .vm__list b{color:#1f7a45}
.svs.th-light .svs__vis--cms img{border-color:rgba(0,0,0,.12)!important}

/* realizacje „W każdym projekcie”: jasny motyw na jasnym tle, czytelny przycisk */
.rzw__card{background:rgb(224,213,184)!important;border-color:rgba(0,0,0,.08)!important;color:#0b0b0b}
.rzw__card h3{color:#0b0b0b!important}
.rzw__card p{color:#4a4a4a!important}
.rzw__n{color:#5c5c5c!important}
.rzw__cta{background:rgb(224,213,184)!important;color:#0b0b0b!important;border:1px solid rgba(0,0,0,.08)}
.rzw__cta b{color:#0b0b0b!important}
.rzw__cta p{color:#4a4a4a!important}
.rzw__cta .zx__btn,.rzw .zx__btn{background:#0b0b0b!important;color:rgb(236,227,202)!important}
.rzw__cta .zx__btn:hover,.rzw .zx__btn:hover{background:#2a2a2a!important}
/* 404: bez przewijania, bez nawigacji i stopki */
html:has(body.e404-page),body.e404-page{height:100%;overflow:hidden!important;overscroll-behavior:none}
.e404-page .e404{height:100vh;height:100svh;min-height:0;padding:24px var(--pad)}
@media (max-width:760px){.e404-page .e404 .h2{font-size:clamp(34px,11vw,52px)!important}}
/* ===== 2026-11-06: nowy układ motywów (realizacje, cennik i stopka jasne) ===== */
main > .lt-wrap.lt-wrap--dark,.pin > .lt-wrap.lt-wrap--dark,.lt-wrap--dark,.lt-wrap--dark .lt{background:#000!important}
.th-dark{--bg:#000;--bg2:#121212;--fg:rgb(236,227,202);--muted:#a3a3a0;--soft:#d4d4d1;--line:rgba(236,227,202,.12);--line2:rgba(236,227,202,.24);--accent:#3cb874;color:rgb(236,227,202)}
.th-dark .h2,.th-dark h2,.th-dark h3{color:rgb(236,227,202)}
/* cennik: jasny motyw, jasne karty, środkowa z ramką gradientową */
#cennik.th-light{background:rgb(236,227,202)!important;color:#0b0b0b;--bg:rgb(236,227,202);--bg2:rgb(224,213,184);--fg:#0b0b0b;--muted:#5c5c5c;--soft:#2a2a2a;--line:rgba(0,0,0,.12);--line2:rgba(0,0,0,.26);--accent:#1f7a45;--grad-acc:linear-gradient(90deg,#2f9e5f,#145c34)}
#cennik.th-light .h2{color:#0b0b0b}
#cennik.th-light .sec__head p,#cennik.th-light .lead{color:#4a4a4a}
#cennik.th-light .tabs{border-color:rgba(0,0,0,.14)}
#cennik.th-light .tabs button{color:#4a4a4a}
#cennik.th-light .tabs .is-active{color:rgb(236,227,202)}
#cennik.th-light .tabs__ink{background:#0b0b0b}
#cennik.th-light .plan{background:rgb(224,213,184)!important;color:#0b0b0b!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 24px 50px -36px rgba(0,0,0,.35)!important}
#cennik.th-light .plan__bg{display:none!important}
#cennik.th-light .plan::before,#cennik.th-light .plan::after{display:none!important}
#cennik.th-light .plan h3,#cennik.th-light .plan__price{color:#0b0b0b!important}
#cennik.th-light .plan__sub,#cennik.th-light .plan__from,#cennik.th-light .plan__time,#cennik.th-light .plan li{color:#4a4a4a!important}
#cennik.th-light .plan__tag{background:transparent!important;color:#0b0b0b!important;border-color:rgba(0,0,0,.25)!important}
#cennik.th-light .plan li::after{border-color:#1f7a45!important}
#cennik.th-light .plan .btn{background:transparent!important;color:#0b0b0b!important;border:1px solid rgba(0,0,0,.3)!important}
#cennik.th-light .plan.is-featured{border:2px solid transparent!important;background:linear-gradient(rgb(224,213,184),rgb(224,213,184)) padding-box,linear-gradient(135deg,#6fe09a,#2f9e5f 45%,#0f4a2a) border-box!important;box-shadow:0 30px 60px -34px rgba(31,122,69,.55)!important}
#cennik.th-light .plan.is-featured .plan__tag{background:linear-gradient(90deg,#2f9e5f,#1f7a45)!important;color:rgb(236,227,202)!important;border-color:transparent!important}
#cennik.th-light .plan.is-featured .btn{background:#0b0b0b!important;color:rgb(236,227,202)!important;border-color:#0b0b0b!important}
#cennik.th-light .table-wrap,#cennik.th-light .note,#cennik.th-light .sec__foot{color:#4a4a4a}
/* stopka (z „Porozmawiajmy”) w jasnym motywie */
.cta.th-light,.footer.th-light,main ~ .footer.th-light,#realizacje ~ .cta.th-light{background:rgb(236,227,202)!important;color:#0b0b0b;--bg:rgb(236,227,202);--fg:#0b0b0b;--muted:#5c5c5c;--soft:#2a2a2a;--line:rgba(0,0,0,.12);--line2:rgba(0,0,0,.26);--accent:#1f7a45}
.cta.th-light .cta__big,.cta.th-light .cta__inner{color:#0b0b0b}
.cta.th-light .cta__sub{color:#4a4a4a}
.cta.th-light .btn,.cta.th-light .btn--light{background:#0b0b0b!important;color:rgb(236,227,202)!important;border-color:#0b0b0b!important}
.footer.th-light a,.footer.th-light{color:#0b0b0b}
.footer.th-light h4,.footer.th-light .footer__cities p,.footer.th-light .footer__bottom{color:#5c5c5c}
.footer.th-light .footer__cols--c > div{border-color:rgba(0,0,0,.12)!important}
.footer.th-light .footer__social a{background:#0b0b0b!important;color:rgb(236,227,202)!important}
@media (hover:hover){.footer.th-light a:hover{color:#1f7a45!important}.footer.th-light .footer__social a:hover{background:#1f7a45!important;color:rgb(236,227,202)!important}}

/* realizacje (podstrona): „W każdym projekcie” ciemna, bo dalej jest jasna stopka */
.rzw.th-dark .rzw__card{background:#121212!important;border-color:rgba(236,227,202,.1)!important;color:rgb(236,227,202)}
.rzw.th-dark .rzw__card h3{color:rgb(236,227,202)!important}
.rzw.th-dark .rzw__card p{color:rgba(236,227,202,.78)!important}
.rzw.th-dark .rzw__n{color:rgba(236,227,202,.6)!important}
.rzw.th-dark .rzw__ico{background:rgb(236,227,202);color:#0b0b0b}
.rzw.th-dark .rzw__cta{background:#121212!important;color:rgb(236,227,202)!important;border-color:rgba(236,227,202,.1)}
.rzw.th-dark .rzw__cta b{color:rgb(236,227,202)!important}
.rzw.th-dark .rzw__cta p{color:rgba(236,227,202,.78)!important}
.rzw.th-dark .rzw__cta .zx__btn,.rzw.th-dark .zx__btn{background:rgb(236,227,202)!important;color:#0b0b0b!important}
.rzw.th-dark .h2,.rzw.th-dark .lead{color:rgb(236,227,202)}
/* proces na ciemnym tle */
.rp.th-dark .adoc{background:#111!important;box-shadow:0 0 0 1px rgba(236,227,202,.1),0 40px 80px -30px rgba(0,0,0,.8)!important}
.rp.th-dark .adoc::before{background:linear-gradient(#111,rgba(17,17,17,0))}
.rp.th-dark .adoc::after{background:linear-gradient(rgba(17,17,17,0),#111)}
.th-dark .p3__side::after,.rp.th-dark .p3__side::after,.ap.th-dark .p3__side::after{background:none!important;display:none!important}
.th-dark .p3__case{color:#a3a3a0!important}
.th-dark .p3__case b{color:rgb(236,227,202)!important}
.th-dark .p3__num,.th-dark .p3__num b{color:rgb(236,227,202)!important}
.th-dark .p3__count small{color:#a3a3a0!important}
.th-dark .p3__seg i{background:rgba(236,227,202,.14)!important}
.th-dark .p3__it h3{color:rgb(236,227,202)!important}
.th-dark .p3__it p{color:rgba(236,227,202,.72)!important}
.th-dark .p3__it em{background:#121212!important;border-color:rgba(236,227,202,.14)!important;color:#6fe09a!important}
.th-dark .rp__hud{background:#1a1a1a!important;box-shadow:0 0 0 1px rgba(236,227,202,.1)}
/* O mnie i Proces na ciemnym tle (strona główna) */
#o-mnie.th-dark .skill{background:#141414!important}
#o-mnie.th-dark .skill i::after{background:rgb(236,227,202)!important}
#o-mnie.th-dark .stat b,#o-mnie.th-dark .stat__n{color:rgb(236,227,202)!important;-webkit-text-fill-color:rgb(236,227,202)!important}
#o-mnie.th-dark .stat span,#o-mnie.th-dark .muted{color:#a3a3a0!important}
#o-mnie.th-dark .lead{color:rgb(236,227,202)}
#proces.th-dark .steps::before{background:rgba(236,227,202,.16)}
#proces.th-dark .step{border-color:rgba(236,227,202,.1)!important}
#proces.th-dark .step h3{color:rgba(236,227,202,.35)}
#proces.th-dark .step p{color:rgba(236,227,202,.4)}
#proces.th-dark .step.is-lit h3{color:rgb(236,227,202)}
#proces.th-dark .step.is-lit p{color:rgba(236,227,202,.75)}
#proces.th-dark .step__top{color:#a3a3a0}
#proces.th-dark .step::before{background:#000!important;border-color:rgba(236,227,202,.3)!important}
#proces.th-dark .step.is-lit::before{background:#3cb874!important;border-color:#3cb874!important;box-shadow:0 0 0 6px rgba(60,184,116,.2)!important}
#proces.th-dark .steps__fill{background:#3cb874!important}
#proces.th-dark .process__lead,#proces.th-dark .process__more{color:#a3a3a0}
#proces.th-dark .process__lead{color:#d4d4d1}
/* telefon: bloki w hero wyśrodkowane */
@media (max-width:760px){
  .home .zx__right{justify-self:center!important;margin-left:auto!important;margin-right:auto!important;justify-items:stretch!important}
  .home .zx__right .zx__tag{justify-self:center!important;text-align:center!important}
  .home .zx__right > *{margin-left:auto;margin-right:auto}
  .svh__side,.svh--side .svh__aside,.svh__right{justify-self:center!important;margin-left:auto!important;margin-right:auto!important}
}
/* telefon: oferta jako pełne bloki z równym odstępem wewnątrz */
@media (max-width:760px){
  .offer__list{display:grid;gap:14px}
  .sec--narrow .offer__row,.offer__row{display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px!important;padding:16px 18px 20px!important;border-radius:20px;background:rgba(236,227,202,.05);border:1px solid rgba(236,227,202,.1)!important;margin:0}
  .offer__row .offer__thumb,.sec--narrow .offer__thumb{position:relative;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;border-radius:14px;overflow:hidden;margin-bottom:6px}
  .offer__row .offer__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .offer__row .offer__name{font-size:clamp(26px,8vw,34px)!important;margin:0}
  .offer__row .offer__desc,.offer__row .offer__meta{text-align:left;margin:0;max-width:none}
  .offer__row .offer__go{align-self:flex-start;margin-top:6px!important}
}
/* strzałka w przyciskach jako czysta ikona (zamiast znaku „→”, który na telefonach wyglądał słabo) */
.zx__btn > i{font-size:0!important;color:transparent!important;position:relative}
.zx__btn > i::before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;translate:-50% -50%;background:#0b0b0b;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:760px){.zx__btn > i::before{width:17px;height:17px}}
@media (hover:hover){.zx__btn:hover > i::before{background:rgb(236,227,202)}}
/* karty realizacji: przycisk pod opisem, czarny z białym tekstem */
.card .card__btn{align-self:flex-start;justify-self:start;margin-top:16px;background:#0b0b0b!important;color:rgb(236,227,202)!important;border:0!important;width:auto;display:inline-flex}
.card .card__btn span{color:rgb(236,227,202)}
.card__link{display:none!important}
#realizacje.th-light .card__head h3,#realizacje.th-light .card h3{color:#0b0b0b}
#realizacje.th-light .card p{color:#4a4a4a}
#realizacje.th-light .card__meta{color:#5c5c5c}
@media (max-width:760px){#rpWorld{translate:0 7vh!important}.rp__hud{bottom:-10%!important}}
/* ===== 2026-11-06 (2) ===== */
/* strzałki w kółkach skierowane w górę pod kątem 45° */
.zx__btn > i::before{rotate:-45deg}
.zx__btn:hover i,.zx__btn:hover > i{transform:none!important}
/* O mnie: zdjęcie bez obramówki */
.about__img,#o-mnie .about__img,#o-mnie.th-dark .about__img{border:0!important;box-shadow:none!important;outline:0!important}
/* Proces (główna): jasne tytuły */
#proces.th-dark .step h3,#proces.th-dark .step.is-lit h3{color:rgb(236,227,202)!important}
#proces.th-dark .step p{color:rgba(236,227,202,.62)!important}
#proces.th-dark .step.is-lit p{color:rgba(236,227,202,.82)!important}
/* cennik: zdjęcia na jasnych kartach, ciemny cień niecięty */
#cennik.th-light .plan{overflow:hidden;box-shadow:0 26px 50px -28px rgba(0,0,0,.45)!important}
#cennik.th-light .plan--photo .plan__bg{display:block!important;position:relative!important;inset:auto!important;z-index:0!important;flex:none;height:150px;margin:-28px -28px 2px;border-radius:0;overflow:hidden}
#cennik.th-light .plan.is-featured.plan--photo .plan__bg{margin:-28px -28px 2px}
#cennik.th-light .plan--photo .plan__bg img{width:100%;height:100%;object-fit:cover;transform:none!important}
#cennik.th-light .plan--photo .plan__bg::after{background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.25))!important}
#cennik.th-light .plan.is-featured{box-shadow:0 30px 60px -28px rgba(0,0,0,.55)!important}
#cennik.th-light .plans{padding-bottom:80px!important;margin-bottom:-40px;overflow:visible}
@media (max-width:760px){#cennik.th-light #plans.plans{padding-bottom:60px!important;margin-bottom:-30px;overflow-y:visible}}
/* Po starcie: stawka godzinowa w bloku, biały przycisk */
.hourly b{white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(24px,6.6vw,30px)!important;line-height:1.1}
.svs .hourly{overflow:hidden}
.svs .hourly .btn,.svs .hourly .btn--ghost{background:rgb(236,227,202)!important;color:#0b0b0b!important;border-color:rgb(236,227,202)!important}
/* karty realizacji: na komputerze przycisk po najechaniu, pod opisem tylko na telefonie */
.card .card__btn{display:none!important}
.card__cta{display:inline-flex!important;align-items:center;gap:12px;padding:6px 6px 6px 22px!important;background:#0b0b0b!important;color:rgb(236,227,202)!important}
.card__cta i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgb(236,227,202);position:relative}
.card__cta i::before{content:"";width:15px;height:15px;background:#0b0b0b;rotate:-45deg;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:760px),(hover:none){.card .card__btn{display:inline-flex!important}.card__cta{display:none!important}}
/* oferta (telefon): lekki blur, wyśrodkowany tytuł i opis, czas obok ceny, przycisk na środku */
.offer__meta > span{display:block}
@media (max-width:760px){
  .sec--narrow .offer__row,.offer__row{background:rgba(236,227,202,.06)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .offer__row .offer__name,.offer__row .offer__desc{text-align:center!important;align-self:stretch}
  .offer__row .offer__meta{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px}
  .offer__row .offer__go{align-self:center!important}
}
/* 0,05 s na telefonie: start mniejszy */
@media (max-width:760px){.pw__fig{clip-path:inset(0 calc(16px + 10vw) 0 calc(16px + 10vw) round 28px)}}
/* lightbox: kroki z jednym wspólnym gradientem, rozdzielone */
.modal__steps{position:relative;gap:8px!important}
.modal__steps span::before,.modal__steps span::after{display:none!important}
.modal__steps::before,.modal__steps::after{display:block!important;content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;-webkit-mask:linear-gradient(90deg,#000 calc(25% - 6px),transparent 0 calc(25% + 2px),#000 0 calc(50% - 4px),transparent 0 calc(50% + 4px),#000 0 calc(75% - 2px),transparent 0 calc(75% + 6px),#000 0);mask:linear-gradient(90deg,#000 calc(25% - 6px),transparent 0 calc(25% + 2px),#000 0 calc(50% - 4px),transparent 0 calc(50% + 4px),#000 0 calc(75% - 2px),transparent 0 calc(75% + 6px),#000 0)}
.modal__steps::before{background:var(--line)}
.modal__steps::after{background:linear-gradient(90deg,#145c34 0%,#2f9e5f 45%,#6fe09a 100%);clip-path:inset(0 calc((1 - var(--p,.25)) * 100%) 0 0);transition:clip-path .9s cubic-bezier(.16,1,.3,1)}
/* lightbox: kółko z haczykiem, haczyk na środku */
.modal__steps span.is-done .st__n{display:grid!important;place-items:center;width:16px!important;height:16px!important;min-width:16px!important;padding:0}
.modal__steps span.is-done .st__n::after{content:""!important;width:10px!important;height:10px!important;border:0!important;background:#04120a;transform:none!important;margin:0!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;animation:stPop .45s cubic-bezier(.16,1,.3,1) both}
@keyframes stPop{from{scale:0;opacity:0}to{scale:1;opacity:1}}
/* informacja o polityce pod krokami, błąd w widocznym miejscu nad przyciskami */
.modal__side .modal__legal{margin-top:14px;font-size:12px;color:var(--muted)}
.modal__err{margin:0 0 12px!important;min-height:0!important;font-size:14px!important;font-weight:500;text-transform:none!important;letter-spacing:0!important;color:#ff8a84}
.modal__err:not(:empty){padding:12px 14px;border-radius:12px;background:rgba(229,72,63,.12);border:1px solid rgba(229,72,63,.35)}
@media (min-width:1025px){#cennik.th-light #plans .plan.is-featured.plan--photo .plan__bg{margin-top:-58px;height:180px}}
#proces.th-dark .steps__fill{background:#3cb874!important;width:1px;z-index:1}#proces.th-dark .steps::before{z-index:0}
/* telefon: kółko ze strzałką po lewej (lightbox), logo obok napisu Awenso na środku */
.hdr__q{display:none}
@media (max-width:760px){
  .hdr__q{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgb(236,227,202);flex:none;position:relative;z-index:2}
  .hdr__q i::before{content:"";display:block;width:16px;height:16px;background:rgb(11,11,11);rotate:-45deg;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
  .hdr--light .hdr__q{background:rgb(11,11,11)}.hdr--light .hdr__q i::before{background:rgb(236,227,202)}
  .hdr__logo{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex!important;align-items:center;gap:9px!important}
  .hdr__logo img{width:26px!important;height:26px!important}
  .hdr__logo span{position:static!important;transform:none!important;font-size:19px!important}
}

/* teksty zielone: pełny kolor zamiast gradientu */
em,.section-label span,.process__counter b,.choice__price,.plan__price small,.marquee__track b,.fmega__w .ln > span,.fmega__w:not(.split-lines){background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--accent,rgb(60,184,116))!important;-webkit-text-fill-color:currentColor!important}
.th-light em,.th-light .section-label span,.th-light .plan__price small{color:rgb(31,122,69)!important}
.th-dark em,.th-dark .section-label span{color:rgb(60,184,116)!important}

/* ===== 2026-11-06 (3) ===== */
/* opisy sekcji (etykiety) w całości zielone */
.section-label,.section-label *,.work__bar > .mono,.split-head__mid,.rzh__in .mono:not(.btn){color:rgb(60,184,116)!important;-webkit-text-fill-color:rgb(60,184,116)!important}
.th-light .section-label,.th-light .section-label *,.th-light .work__bar > .mono,.th-light .split-head__mid{color:rgb(31,122,69)!important;-webkit-text-fill-color:rgb(31,122,69)!important}
/* kółko ze strzałką: zielone, strzałka biała, przy najechaniu strzałka wylatuje w swoją stronę i wraca od dołu */
.zx__btn > i,.card__cta > i,.hdr__q{background:rgb(47,158,95)!important;overflow:hidden}
.zx__btn > i::before,.card__cta > i::before,.hdr__q i::before{background:rgb(255,255,255)!important}
.zx__btn:hover > i,.card__cta:hover > i{background:rgb(47,158,95)!important;transform:none!important}
.hdr--light .hdr__q{background:rgb(47,158,95)!important}
@keyframes arrShoot{0%{translate:-50% -50%}45%{translate:calc(-50% + 26px) calc(-50% - 26px)}46%{translate:calc(-50% - 26px) calc(-50% + 26px)}100%{translate:-50% -50%}}
@keyframes arrShoot2{0%{translate:0 0}45%{translate:26px -26px}46%{translate:-26px 26px}100%{translate:0 0}}
@media (hover:hover){
  .zx__btn:hover > i::before{animation:arrShoot .6s cubic-bezier(.6,0,.3,1)}
  .card__cta:hover > i::before,.hdr__q:hover i::before{animation:arrShoot2 .6s cubic-bezier(.6,0,.3,1)}
  .offer__row:hover .offer__go .roll-t:first-child{transform:translateY(-110%)}
  .offer__row:hover .offer__go .roll-t + .roll-t{transform:translateY(0)}
  .svh__pill:hover .roll-t:first-child{transform:translateY(-110%)}
  .svh__pill:hover .roll-t + .roll-t{transform:translateY(0)}
}
/* O mnie: zdjęcie lekko przyciemnione, cień od dołu */
.about__img img{filter:brightness(.82)}
.about__img::after{display:block!important;content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75))!important;pointer-events:none}
/* cennik: zdjęcie na całą kartę, czarny cień od dołu do góry, jasny tekst */
#cennik.th-light .plan--photo{color:rgb(236,227,202)!important}
#cennik.th-light .plan--photo .plan__bg{display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;height:auto!important;margin:0!important;border-radius:inherit}
#cennik.th-light #plans .plan.is-featured.plan--photo .plan__bg{margin:0!important;height:auto!important}
#cennik.th-light .plan--photo .plan__bg img{width:100%;height:100%;object-fit:cover}
#cennik.th-light .plan--photo .plan__bg::after{display:block!important;background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.88) 45%,rgba(0,0,0,.45) 100%)!important}
#cennik.th-light .plan--photo{isolation:isolate;background:rgb(0,0,0)!important}
#cennik.th-light .plan--photo.is-featured{background:linear-gradient(rgb(0,0,0),rgb(0,0,0)) padding-box,linear-gradient(135deg,rgb(111,224,154),rgb(47,158,95) 45%,rgb(15,74,42)) border-box!important}
#cennik.th-light .plan--photo h3,#cennik.th-light .plan--photo .plan__price{color:rgb(236,227,202)!important}
#cennik.th-light .plan--photo .plan__sub,#cennik.th-light .plan--photo .plan__from,#cennik.th-light .plan--photo .plan__time,#cennik.th-light .plan--photo li,#cennik.th-light .plan--photo .plan__od{color:rgba(236,227,202,.78)!important}
#cennik.th-light .plan--photo .plan__tag{color:rgb(236,227,202)!important;border-color:rgba(236,227,202,.35)!important}
#cennik.th-light .plan--photo .plan__price small{color:rgb(60,184,116)!important}
#cennik.th-light .plan--photo li::after{border-color:rgb(60,184,116)!important}
#cennik.th-light .plan--photo .btn{background:transparent!important;color:rgb(236,227,202)!important;border-color:rgba(236,227,202,.4)!important}
#cennik.th-light .plan--photo.is-featured .btn{background:rgb(236,227,202)!important;color:rgb(0,0,0)!important;border-color:rgb(236,227,202)!important}
/* telefon: po lewej logo (otwiera lightbox), na środku napis AWENSO, wszystko białe w trybie odwrotnym jak na komputerze */
@media (max-width:760px){
  .hdr__q,.hdr--light .hdr__q{display:grid!important;place-items:center;width:38px;height:38px;background:none!important;border-radius:0;padding:0;margin-left:-4px}
  .hdr__q img{width:28px;height:28px;filter:none!important}
  .hdr__q i{display:none}
  .hdr__logo img{display:none!important}
  .hdr,.hdr.hdr--light{color:rgb(236,227,202)!important;mix-blend-mode:difference!important}
  .hdr .hdr__logo,.hdr .hdr__logo span,.hdr.hdr--light .hdr__logo span{color:rgb(236,227,202)!important}
  .hdr .mburger i,.hdr.hdr--light .mburger i{background:rgb(236,227,202)!important}
  .hdr.hdr--light .hdr__q img,.hdr.hdr--light .hdr__logo img{filter:none!important}
}
/* zielona poświata podążająca za myszką na kartach cennika i opieki */
#cennik .plan::after,.svs .support .plan::after,#cennik.th-light .plan::after{display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(47,158,95,.42),transparent 60%)!important;opacity:0;transition:opacity .4s!important}
#cennik .plan.is-tilt::after,.svs .support .plan.is-tilt::after{opacity:1!important}
#cennik .plan > *:not(.plan__bg),.svs .support .plan > *{position:relative;z-index:2}
/* znacznik „Najczęściej wybierany” / „Polecany”: pełny zielony */
#cennik .plan.is-featured .plan__tag,.svs .support .plan.is-featured .plan__tag,.plan--photo.is-featured .plan__tag{background:rgb(47,158,95)!important;color:rgb(236,227,202)!important;border-color:rgb(47,158,95)!important;-webkit-text-fill-color:rgb(236,227,202)!important}
/* „Wszystkie projekty” jako przycisk z kółkiem i strzałką */
.work__bar{align-items:center}
.work__all{height:46px!important;padding:0 5px 0 20px!important;gap:12px!important;font-size:13px!important;background:rgb(11,11,11)!important;color:rgb(236,227,202)!important;border:0!important}
.work__all > i{width:36px!important;height:36px!important}
/* wszystkie przyciski: po najechaniu lekko się cofają (głębia), także „Zobacz projekt” */
.card__cta,.hdr__q,.tabs > button,.offer__go,.svh__pill,.choice,.hcta__btn,.cookie .btn,.modal__nav .btn{transition:transform .5s cubic-bezier(.16,1,.3,1),background .35s,color .35s,border-color .35s,box-shadow .35s}
@media (hover:hover) and (pointer:fine){
  .card:hover .card__cta:hover,.card__cta:hover{transform:translate(-50%,-50%) scale(.95)!important}
  .hdr__q:hover,.offer__row:hover .offer__go,.svh__pill:hover,.cookie .btn:hover{transform:scale(.95)}
  .btn:hover,.zx__btn:hover,.card__cta:hover{box-shadow:inset 0 2px 10px rgba(0,0,0,.35)}
}
/* „Wszystkie projekty”: bez tła, tylko podkreślenie i kółko ze strzałką */
.work__all{background:none!important;color:inherit!important;height:auto!important;padding:0 0 6px!important;border-radius:0!important;border-bottom:1px solid currentColor!important;gap:14px!important;box-shadow:none!important;font-size:12px!important;letter-spacing:.06em;text-transform:uppercase}
.work__all > i{width:34px!important;height:34px!important;margin-bottom:-2px}
@media (hover:hover){.work__all:hover{box-shadow:none!important}}
#realizacje .work__bar .zx__btn.work__all,.work__bar .zx__btn.work__all{background:transparent!important;color:inherit!important;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;text-transform:uppercase}
#realizacje.th-light .work__all{color:rgb(11,11,11)!important}
.work__all span{color:inherit!important}
/* głębia działa też na przyciskach z animacją wejścia (stopka) i na ikonach social mediów */
.btn,.zx__btn,.footer__social a,.card__cta,.hdr__q{transition:scale .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),background .35s,color .35s,border-color .35s,box-shadow .35s,opacity .7s,clip-path .95s cubic-bezier(.16,1,.3,1)!important}
@media (hover:hover) and (pointer:fine){
  .btn:hover,.zx__btn:hover,.footer__social a:hover,.hdr__q:hover{scale:.95}
  .footer__social a:hover{box-shadow:inset 0 2px 10px rgba(0,0,0,.35)}
}
/* płynne przejście głębi także dla przycisków z animacją wejścia (np. stopka) */
.btn.reveal,.zx__btn.reveal,.btn.rv,.zx__btn.rv,#kontakt .btn,#kontakt .btn.reveal,.cta .btn.reveal{transition:scale .5s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1),clip-path .95s cubic-bezier(.16,1,.3,1),opacity .7s ease,background .35s,color .35s,border-color .35s,box-shadow .35s!important}
/* ===== 2026-11-06 (4) ===== */
#realizacje.th-light .split-head__mid,#realizacje.th-light .split-head__mid *{color:rgb(11,11,11)!important;-webkit-text-fill-color:rgb(11,11,11)!important}
/* O mnie: lekki czarny cień od każdej strony zdjęcia */
.about__img{position:relative}
.about__img::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 60px 10px rgba(0,0,0,.55)}
/* cennik: znacznik i „od”/„zł” w pełnym zielonym, mocniejszy cień pod kartami */
#cennik.th-light #plans .plan.is-featured .plan__tag,#cennik #plans .plan.is-featured .plan__tag,#cennik.th-light .plan--photo.is-featured .plan__tag{background:rgb(47,158,95)!important;background-image:none!important;color:rgb(236,227,202)!important;-webkit-text-fill-color:rgb(236,227,202)!important;border-color:rgb(47,158,95)!important}
#cennik .plan__od,#cennik .plan__price small,#cennik.th-light .plan--photo .plan__price small,#cennik.th-light .plan--photo .plan__od{background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:rgb(60,184,116)!important;-webkit-text-fill-color:rgb(60,184,116)!important}
#cennik.th-light .plan{box-shadow:0 40px 70px -30px rgba(0,0,0,.75),0 18px 30px -18px rgba(0,0,0,.5)!important}
#cennik.th-light .plan.is-featured{box-shadow:0 46px 80px -30px rgba(0,0,0,.85),0 20px 34px -18px rgba(0,0,0,.55)!important}
/* lightbox: kółko z haczykiem na środku swojego odcinka */
.modal__steps span.is-done{justify-content:center!important}
/* audyt: „Co znajdziesz w raporcie” w jasnym motywie */
#raport.th-light{background:rgb(236,227,202)!important}
.svk.th-light .svk__card{background:rgb(224,213,184)!important;border-color:rgba(0,0,0,.08)!important}
.svk.th-light .svk__card h3{color:rgb(11,11,11)!important}
.svk.th-light .svk__card p{color:rgb(74,74,74)!important}
.svk.th-light .svk__n{color:rgb(92,92,92)!important}
.svk.th-light .svk__ico{background:rgb(11,11,11);color:rgb(236,227,202)}
.svk.th-light .h2{color:rgb(11,11,11)}
.svk.th-light .lead{color:rgb(74,74,74)}
/* audyt: dokument w procesie na kościstym (jasnym) papierze */
.rp.th-dark .adoc{background:rgb(236,227,202)!important;color:rgb(11,11,11)!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)!important}
.rp.th-dark .adoc::before{background:linear-gradient(rgb(236,227,202),rgba(236,227,202,0))!important}
.rp.th-dark .adoc::after{background:linear-gradient(rgba(236,227,202,0),rgb(236,227,202))!important}
.adoc{color:rgb(11,11,11)}
.rp .adoc__top{border-color:rgba(0,0,0,.14)!important}
.rp .adoc__top span,.rp .adoc__h span{color:rgb(31,122,69)!important}
.rp .adoc__top small,.rp .adoc__h em,.rp .adoc__ln small{color:rgba(0,0,0,.5)!important}
.rp .adoc__top b,.rp .adoc__h b,.rp .adoc__sum b{color:rgb(11,11,11)!important}
.rp .adoc__ln{color:rgba(0,0,0,.82)!important;border-color:rgba(0,0,0,.08)!important}
.rp .adoc__bar{background:rgba(0,0,0,.1)!important}
.rp .adoc__n{background:rgba(0,0,0,.08)!important;color:rgb(11,11,11)}
.rp .adoc__ln .bad,.rp .adoc__ln .crit{color:rgb(214,58,48)!important}
.rp .adoc__ln .imp{color:rgb(176,120,0)!important}
.rp .adoc__ln .low,.rp .adoc__gain{color:rgb(31,122,69)!important}
.rp .adoc__stamp{border-color:rgb(31,122,69)!important;color:rgb(31,122,69)!important}
/* 0,05 s: zapas na paralaksę */
.pw__strip{overflow:hidden}
.pw__strip img{height:calc(100% + 140px)!important;margin-top:-70px;will-change:translate}
@media (max-width:760px){.pw__strip img{height:calc(100% + 80px)!important;margin-top:-40px}}
/* nagłówek: „Darmowa konsultacja” jako zwykły przycisk, bez kółka i obramowania, w odwrotnych kolorach */
.hcta__btn.hcta__btn--plain{background:rgb(236,227,202)!important;color:rgb(11,11,11)!important;border:0!important;box-shadow:none!important;padding:0 24px!important;gap:0!important}
.hcta__btn--plain span{color:rgb(11,11,11)!important}
@media (hover:hover){.hcta__btn.hcta__btn--plain:hover{background:rgb(236,227,202)!important;box-shadow:inset 0 2px 10px rgba(0,0,0,.25)!important}}
.hdr.hdr--light ~ .hcta .hcta__btn.hcta__btn--plain{background:rgb(11,11,11)!important;color:rgb(236,227,202)!important}
.hdr.hdr--light ~ .hcta .hcta__btn--plain span{color:rgb(236,227,202)!important}
@media (hover:hover){.hdr.hdr--light ~ .hcta .hcta__btn.hcta__btn--plain:hover{background:rgb(11,11,11)!important}}
/* napis AWENSO w nagłówku: czysty biały jak logo */
.hdr .hdr__logo,.hdr .hdr__logo span,.hdr.hdr--light .hdr__logo span{color:rgb(255,255,255)!important;-webkit-text-fill-color:rgb(255,255,255)!important}
/* ===== dokumenty: czytelna kolumna tekstu ===== */
.phero--doc .wrap{max-width:860px!important;text-align:left!important}
.phero--doc h1{text-align:left!important;font-size:clamp(52px,8vw,112px)!important;line-height:.92!important;margin:0!important}
.phero--doc .doc__meta{display:flex!important;flex-wrap:wrap;gap:10px!important;justify-content:flex-start!important;margin-top:28px!important}
.phero--doc .doc__meta span{padding:8px 14px;border-radius:999px;border:1px solid rgba(236,227,202,.16);color:rgba(236,227,202,.75)}
.doc{max-width:860px!important;margin:0 auto}
.doc__body{text-align:left!important;font-size:16.5px;line-height:1.75;color:rgba(236,227,202,.82)}
.doc__body h2{display:flex!important;align-items:baseline;gap:16px;justify-content:flex-start!important;text-align:left!important;margin:64px 0 20px!important;padding-top:28px;border-top:1px solid rgba(236,227,202,.12);font-family:var(--title)!important;font-weight:800!important;font-size:clamp(24px,2.6vw,32px)!important;letter-spacing:-.03em!important;text-transform:none!important;color:rgb(236,227,202)!important;line-height:1.15}
.doc__body h2:first-child{margin-top:0!important;border-top:0;padding-top:0}
.doc__body h2 .ln,.doc__body h2 .ln > span{font:inherit!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important;letter-spacing:inherit!important}
.doc__body h2 .ln > span{display:inline-flex!important;align-items:baseline;gap:16px;flex-wrap:wrap}
.doc__body h2 .ln > span > span:first-child,.doc__body h2 > span:not(.ln){flex:none;font:500 13px/1 "Archivo",sans-serif!important;letter-spacing:.06em!important;color:rgb(60,184,116)!important;-webkit-text-fill-color:rgb(60,184,116)!important;background:none!important;margin:0!important}
.doc__body h3{text-align:left!important;font-size:19px;margin:28px 0 10px;color:rgb(236,227,202)}
.doc__body p{text-align:left!important;margin:0 0 14px}
.doc__body ol,.doc__body ul{text-align:left!important;margin:0 0 8px!important;padding:0!important;list-style:none!important;display:grid;gap:12px}
.doc__body ol{counter-reset:dl}
.doc__body li{position:relative;padding-left:40px!important;text-align:left!important}
.doc__body ol > li{counter-increment:dl}
.doc__body ol > li::before{content:counter(dl);position:absolute;left:0;top:.15em;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 "Archivo",sans-serif;background:rgba(60,184,116,.14);color:rgb(60,184,116)}
.doc__body ul > li::before{content:"";position:absolute;left:10px;top:.72em;width:7px;height:7px;border-radius:50%;background:rgb(60,184,116)}
.doc__body li::marker{content:none}
.doc__body strong{color:rgb(236,227,202);font-weight:600}
.doc__body a{color:rgb(60,184,116);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media (max-width:760px){.doc__body{font-size:15.5px;line-height:1.7}.doc__body h2{margin-top:48px!important;gap:12px}.doc__body li{padding-left:36px!important}}
/* logo i napis AWENSO w kolorze kościstym */
.hdr .hdr__logo,.hdr .hdr__logo span,.hdr.hdr--light .hdr__logo span{color:rgb(236,227,202)!important;-webkit-text-fill-color:rgb(236,227,202)!important}
/* ===== dokumenty: nowy wygląd (bez spisu treści) ===== */
.phero--doc .wrap,.doc{max-width:1120px!important}
.doc__kicker{color:rgb(60,184,116)!important;margin:0 0 18px!important;letter-spacing:.08em}
.phero--doc h1{font-size:clamp(56px,9vw,132px)!important}
.phero--doc .doc__meta{margin-top:32px!important}
.phero--doc{border-bottom:1px solid rgba(236,227,202,.1)}
.doc__body{max-width:none!important;display:grid;gap:18px;counter-reset:none}
.doc__sec{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:clamp(24px,4vw,56px);padding:clamp(26px,3vw,40px);border-radius:24px;background:linear-gradient(180deg,rgba(236,227,202,.045),rgba(236,227,202,.015));border:1px solid rgba(236,227,202,.09)}
.doc__sec > *{grid-column:2;min-width:0}
.doc__sec > h2{grid-column:1 / -1;display:grid!important;grid-template-columns:150px minmax(0,1fr);column-gap:clamp(24px,4vw,56px);align-items:start!important;margin:0 0 22px!important;padding:0!important;border:0!important;font-size:clamp(24px,2.4vw,34px)!important;line-height:1.1!important}
.doc__sec > h2 > span:not(.ln),.doc__sec > h2 .ln > span > span:first-child{font:800 clamp(36px,3.6vw,56px)/.9 var(--title)!important;letter-spacing:-.04em!important;color:rgb(60,184,116)!important;-webkit-text-fill-color:rgb(60,184,116)!important;white-space:nowrap}
.doc__sec > h2 .ln > span{display:contents!important}
.doc__sec > h2 .ln{display:contents!important}
.doc__sec ol,.doc__sec ul{margin-bottom:0!important}
.doc__sec li{color:rgba(236,227,202,.84)}
.doc__sec .table-wrap{border-radius:16px;overflow:auto}
@media (max-width:760px){
  .doc__sec{grid-template-columns:minmax(0,1fr);padding:22px 18px 24px;border-radius:20px}
  .doc__sec > *{grid-column:1}
  .doc__sec > h2{grid-template-columns:minmax(0,1fr);row-gap:10px;font-size:24px!important}
  .doc__sec > h2 > span:not(.ln),.doc__sec > h2 .ln > span > span:first-child{font-size:34px!important}
}
@media (max-width:760px){.phero--doc h1{font-size:clamp(34px,10.4vw,52px)!important}}
/* O mnie: statystyki wyśrodkowane */
#o-mnie .stats > *,#o-mnie .stat{text-align:center!important;justify-items:center!important;align-items:center!important}
#o-mnie .stat b,#o-mnie .stat span{display:block;text-align:center!important;margin-left:auto;margin-right:auto}
/* ===== 2026-11-07 ===== */
/* cennik na tle z zielonymi falami */
#cennik.cn-img{background-color:#000!important;color:rgb(236,227,202)!important}
#cennik.cn-img .h2,#cennik.cn-img h2{color:rgb(236,227,202)!important}
#cennik.cn-img .sec__head p,#cennik.cn-img .lead,#cennik.cn-img .muted,#cennik.cn-img .note,#cennik.cn-img .sec__foot,#cennik.cn-img .table-wrap{color:rgba(236,227,202,.75)!important}
#cennik.cn-img .section-label,#cennik.cn-img .section-label *{color:rgb(60,184,116)!important;-webkit-text-fill-color:rgb(60,184,116)!important}
#cennik.cn-img .tabs{border-color:rgba(236,227,202,.18)!important;background:rgba(0,0,0,.35)}
#cennik.cn-img .tabs button{color:rgba(236,227,202,.75)!important}
#cennik.cn-img .tabs .is-active{color:rgb(11,11,11)!important}
#cennik.cn-img .tabs__ink{background:rgb(236,227,202)!important}
#cennik.cn-img .plan{box-shadow:0 40px 70px -30px rgba(0,0,0,.9),0 0 0 1px rgba(236,227,202,.08)!important}
/* O mnie: jaśniejsze zdjęcie, cień tylko od dołu */
.about__img img{filter:none!important}
.about__img::before{display:none!important}
.about__img::after{height:45%!important;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))!important}
/* hero na podstronach rozłożone na całą szerokość jak na stronie głównej */
.svh .svh__in{max-width:none!important;width:100%!important}
/* cennik na jasnym tle z zielonymi liniami: ciemne teksty */
#cennik.cn-img{background-color:rgb(236,227,202)!important;color:rgb(11,11,11)!important}
#cennik.cn-img .h2,#cennik.cn-img h2{color:rgb(11,11,11)!important}
#cennik.cn-img .sec__head p,#cennik.cn-img .lead,#cennik.cn-img .muted,#cennik.cn-img .note,#cennik.cn-img .sec__foot,#cennik.cn-img .table-wrap{color:rgb(58,58,58)!important}
#cennik.cn-img .section-label,#cennik.cn-img .section-label *{color:rgb(31,122,69)!important;-webkit-text-fill-color:rgb(31,122,69)!important}
#cennik.cn-img .tabs{border-color:rgba(0,0,0,.16)!important;background:rgba(236,227,202,.7)!important}
#cennik.cn-img .tabs button{color:rgb(58,58,58)!important}
#cennik.cn-img .tabs .is-active{color:rgb(236,227,202)!important}
#cennik.cn-img .tabs__ink{background:rgb(11,11,11)!important}
#cennik.cn-img .plan{box-shadow:0 40px 70px -30px rgba(0,0,0,.6),0 18px 30px -18px rgba(0,0,0,.4)!important}

/* 2026-11-07: stały odstęp sekcji od krawędzi ekranu (18px) na każdej szerokości */
:root{--pad:max(18px,3.4vw)!important;--max:none!important} /* ~50px na ekranie 1440-1536, proporcjonalnie na innych */
.sec--narrow .wrap{padding-left:var(--pad)!important;padding-right:var(--pad)!important;max-width:none!important}
html body .zx{padding-left:var(--pad)!important;padding-right:var(--pad)!important}
html body .offer__list{margin-left:0!important;margin-right:0!important}
html body .wrap{padding-left:var(--pad)!important;padding-right:var(--pad)!important;max-width:none!important}
/* 2026-11-07: nagłówek mobilny – większe logo, logo/AWENSO/hamburger na jednej osi */
@media (max-width:1024px){
  .hdr__q,.hdr--light .hdr__q{width:42px!important;height:42px!important;translate:0 -4px;margin-left:-5px!important}
  .hdr__q img{width:34px!important;height:34px!important}
  .mburger{translate:0 -4px}
}
/* realizacje: przyciski „Zobacz projekt” na zmianę po lewej i po prawej */
@media (max-width:760px),(hover:none){
  .card:nth-of-type(even) .card__btn{display:flex!important;width:fit-content!important;margin-left:auto!important;margin-right:0!important}
}
/* slidery cennika/opieki na telefonie: przewijanie w poziomie (wcześniej nadpisane przez overflow:visible) */
@media (max-width:760px){
  html body #plans.plans,html body #support.support,html body .support.plans{overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
}
/* delikatne linie z boków sekcji */
.has-edge-lines{position:relative;isolation:isolate}
.edge-lines{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.edge-lines svg{position:absolute;width:calc(min(560px,46vw) * var(--es,1));height:auto;aspect-ratio:600/800;overflow:visible;will-change:transform}
.footer.has-edge-lines,.p3__stage.has-edge-lines,.rp__stage.has-edge-lines,.ap__stage.has-edge-lines{position:sticky}
.footer.has-edge-lines{position:relative}
.edge-lines svg.is-l{left:0}.edge-lines svg.is-r{right:0}
.edge-lines path{fill:none;stroke:rgb(60,184,116);stroke-width:1;vector-effect:non-scaling-stroke}
.edge-lines .a{opacity:.32}.edge-lines .b{opacity:.16}
.th-light .edge-lines path{stroke:rgb(31,122,69)}
.th-light .edge-lines .a{opacity:.34}.th-light .edge-lines .b{opacity:.18}
@media (max-width:760px){.edge-lines svg{width:calc(62vw * var(--es,1))}.edge-lines .a{opacity:.22}.edge-lines .b{opacity:.11}}
/* 2026-11-07: na jasnych sekcjach bloki czarne zamiast beżowych, grafiki w blokach na kościstym tle */
.svk.th-light .svk__card,.svq.th-light .svq__card,.svq.th-light .svq__cta,.svs.th-light .svs__card,.th-light .rzw__card{background:rgb(11,11,11)!important;border-color:rgba(236,227,202,.1)!important;color:rgb(236,227,202)!important;--fg:rgb(236,227,202);--muted:rgba(236,227,202,.62);--line:rgba(236,227,202,.14);box-shadow:0 26px 50px -30px rgba(0,0,0,.45)!important}
.svk.th-light .svk__card h3{color:rgb(236,227,202)!important}
.svk.th-light .svk__card p{color:rgba(236,227,202,.62)!important}
.svk.th-light .svk__n{color:rgba(236,227,202,.45)!important}
.svk.th-light .svk__ico,.th-light .rzw__ico{background:rgb(236,227,202)!important;color:rgb(11,11,11)!important}