/* Remarked: arkusz główny */

/* ---------- Fonty (self-hosted, tylko używane wagi) ---------- */
@font-face{font-family:"Unbounded";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/unbounded-300-latin.woff2) format("woff2");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:"Unbounded";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/unbounded-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/unbounded-500-latin.woff2) format("woff2");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:"Unbounded";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/unbounded-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-sans-400-latin.woff2) format("woff2");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:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-sans-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/instrument-sans-500-latin.woff2) format("woff2");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:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/instrument-sans-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-400-latin.woff2) format("woff2");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:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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}

/* ---------- Tokeny ---------- */
:root{
  --canvas:#121417;
  --panel:#1A1D22;
  --panel-2:#20242A;
  --accent:#C9A24A;
  --accent-hover:#DDB862;
  --accent-muted:rgba(201,162,74,.28);
  --text-secondary:#A9ADB4;
  --text-primary:#EFECE6;
  --line:rgba(239,236,230,.10);
  --line-strong:#5E636B;
  --err:#E68A72;
  --f-display:"Unbounded","Instrument Sans",system-ui,sans-serif;
  --f-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --wrap:1320px;
  --gut:clamp(16px,4vw,48px);
  --sec:clamp(88px,11vw,164px);
  --tshadow:0 1px 2px rgba(5,5,10,.95),0 3px 12px rgba(5,5,10,.78),0 10px 44px rgba(5,5,10,.8);
  interpolate-size:allow-keywords;
}

/* ---------- Baza ---------- */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--canvas)}
body{margin:0;overflow-x:hidden;overflow-x:clip;background:var(--canvas);color:var(--text-primary);font:400 clamp(17px,1.1vw,18.5px)/1.62 var(--f-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
:where(h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd){margin:0}
:where(ul,ol){padding:0;list-style:none}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
::selection{background:var(--accent);color:var(--canvas)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
section[id],main[id]{scroll-margin-top:76px}
main:focus{outline:none}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-64px;z-index:100;background:var(--accent);color:var(--canvas);padding:12px 18px;border-radius:10px;font-weight:500;transition:top .3s var(--ease-out)}
.skip:focus{top:16px}
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}

/* ---------- Środowisko (jedna stała warstwa tła) ---------- */
.env{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.env__leak{position:absolute;inset:-25%;background:radial-gradient(38% 32% at 72% 18%,rgba(201,162,74,.11),transparent 70%),radial-gradient(34% 30% at 14% 82%,rgba(122,140,168,.07),transparent 70%);animation:leak 72s var(--ease-io) infinite alternate;animation-delay:-18s;will-change:transform}
@keyframes leak{from{transform:translate3d(-4%,-3%,0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.14)}}
.env__grain{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.env__dust i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#EAD9A8;opacity:var(--o);animation:mote var(--t) linear infinite;animation-delay:var(--d)}
@keyframes mote{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(38px,-70px,0)}100%{transform:translate3d(0,0,0)}}

/* ---------- Typografia ---------- */
.kicker{display:flex;align-items:center;gap:.8em;font:400 12px/1.3 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary)}
.kicker::before{content:"";flex:none;width:24px;height:1px;background:var(--accent)}
.h2{font:300 clamp(1.9rem,3.9vw,3.6rem)/1.1 var(--f-display);letter-spacing:-.015em;text-wrap:balance}
.h2 .vf{max-width:24ch}
.lede{font-size:clamp(1.05rem,1.3vw,1.22rem);color:var(--text-secondary);max-width:54ch}
.sec{position:relative;padding-block:var(--sec)}
.sec__head{display:grid;gap:24px;justify-items:start;margin-bottom:clamp(44px,6vw,84px)}

/* ---------- Sygnatura: celownik kadru ---------- */
.vf{position:relative;display:inline-block;padding:.32em .5em;margin:-.32em -.5em}
.vf__c{position:absolute;width:clamp(12px,1.1vw,18px);height:clamp(12px,1.1vw,18px);border:0 solid var(--accent);pointer-events:none}
.vf__c--tl{left:0;top:0;border-left-width:1.5px;border-top-width:1.5px;transform-origin:0 0}
.vf__c--tr{right:0;top:0;border-right-width:1.5px;border-top-width:1.5px;transform-origin:100% 0}
.vf__c--bl{left:0;bottom:0;border-left-width:1.5px;border-bottom-width:1.5px;transform-origin:0 100%}
.vf__c--br{right:0;bottom:0;border-right-width:1.5px;border-bottom-width:1.5px;transform-origin:100% 100%}
.js .vf .vf__c,.js .focus__frame .vf__c,.js .work__frame .vf__c,.js .cta__photo .vf__c{opacity:0;transform:scale(.15);transition:opacity .5s var(--ease-out),transform 1s var(--ease-out)}
.js .in .vf__c,.js .vf.in .vf__c{opacity:1;transform:none}
.js .in .vf__c--tr,.js .vf.in .vf__c--tr{transition-delay:.08s}
.js .in .vf__c--br,.js .vf.in .vf__c--br{transition-delay:.16s}
.js .in .vf__c--bl,.js .vf.in .vf__c--bl{transition-delay:.24s}
.js .h2 .vf{opacity:0;transform:translate3d(0,22px,0);transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out)}
.js .h2 .vf.in{opacity:1;transform:none}

/* ---------- Wejścia ---------- */
.js .rv{opacity:0;transform:translate3d(0,26px,0);transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out);transition-delay:calc(var(--d,0)*90ms)}
.js .rv.in{opacity:1;transform:none}
.js .rv.in.done{transition-delay:0s}

/* ---------- Przyciski ---------- */
.btn{--h:48px;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:var(--h);padding:0 22px;border-radius:999px;border:1px solid transparent;font:500 15px/1 var(--f-body);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background-color .35s var(--ease-out),color .35s var(--ease-out),border-color .35s var(--ease-out),transform .35s var(--ease-out)}
.btn--gold{background:var(--accent);color:#121417}
.btn--gold:hover{background:var(--accent-hover)}
.btn--ghost{border-color:var(--line-strong);color:var(--text-primary)}
.btn--ghost:hover{border-color:var(--text-primary)}
.btn--lg{--h:56px;padding:0 28px;font-size:16px}
.btn:active{transform:scale(.98)}
.btn[disabled]{opacity:.6;cursor:progress}
@media (pointer:coarse){.btn{min-height:max(44px,var(--h))}}

/* ---------- Nawigacja ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:background-color .5s var(--ease-out),border-color .5s var(--ease-out)}
.nav.is-solid{background:rgba(18,20,23,.78);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border-bottom-color:var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:74px}
.nav__logo{display:block;flex:none}
.nav__logo-img{height:34px;width:auto}
.nav__menu{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px)}
.nav__list{display:flex;gap:clamp(14px,1.9vw,28px)}
.nav__list>li>a{position:relative;display:inline-block;padding-block:10px;font-size:14.5px;color:var(--text-secondary);transition:color .3s var(--ease-out)}
.nav__list>li>a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
.nav__list>li>a:hover{color:var(--text-primary)}
.nav__list>li>a:hover::after{transform:scaleX(1)}
.nav__burger{display:none}
@media (max-width:1040px){
  .nav__burger{position:relative;z-index:2;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:48px;height:48px;padding:0;background:none;border:1px solid var(--line-strong);border-radius:999px;cursor:pointer}
  .nav__burger i{display:block;width:18px;height:1.5px;background:var(--text-primary);transition:transform .45s var(--ease-out)}
  .nav.is-open .nav__burger i:first-of-type{transform:translateY(3.75px) rotate(45deg)}
  .nav.is-open .nav__burger i:last-of-type{transform:translateY(-3.75px) rotate(-45deg)}
  .nav__menu{position:fixed;inset:0;z-index:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:96px var(--gut) 48px;background:rgba(14,16,19,.97);opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out),visibility 0s linear .45s}
  .nav.is-open .nav__menu{opacity:1;visibility:visible;transition:opacity .45s var(--ease-out),visibility 0s}
  .nav__list{flex-direction:column;gap:4px}
  .nav__list>li>a{font:300 clamp(1.7rem,7vw,2.5rem)/1.35 var(--f-display);color:var(--text-primary)}
  .nav__cta{margin-top:32px}
  .nav__logo{position:relative;z-index:2}
  html.menu-open{overflow:hidden}
}

/* ---------- Hero (wersja statyczna, film dochodzi po zatwierdzeniu) ---------- */
.hero{position:relative}
.hero__stage{position:relative;min-height:100vh;min-height:100svh;display:grid;align-items:end;overflow:hidden}
.hero__media{position:absolute;inset:0}
.hero__placeholder{position:absolute;inset:0;background:radial-gradient(52% 50% at 70% 42%,rgba(201,162,74,.20),transparent 66%),radial-gradient(30% 30% at 70% 42%,rgba(239,236,230,.07),transparent 70%),linear-gradient(180deg,#16191d 0%,#0f1113 100%)}
.ap--hero{position:absolute;right:7%;top:46%;width:min(42vw,560px);transform:translateY(-50%);opacity:.85}
.ap--hero .ap__b{animation:apspin 90s linear infinite;animation-delay:-20s}
@keyframes apspin{to{transform:rotate(360deg)}}
.hero__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,16,.82) 0%,rgba(12,13,16,.4) 52%,rgba(12,13,16,0) 78%),linear-gradient(0deg,rgba(12,13,16,.75),transparent 42%)}
.hero__static{position:relative;display:grid;gap:26px;justify-items:start;padding-block:150px clamp(72px,12vh,128px)}
.hero__title{font:300 clamp(2.4rem,6.2vw,5.8rem)/1.03 var(--f-display);letter-spacing:-.022em;max-width:13ch;text-shadow:var(--tshadow)}
.hero__em{display:block;font-weight:500;color:var(--accent)}
.hero__sub{max-width:44ch;font-size:clamp(1.05rem,1.35vw,1.28rem);color:var(--text-secondary);text-shadow:var(--tshadow)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero__cue{position:absolute;left:50%;bottom:26px;width:1px;height:46px;background:var(--line);overflow:hidden}
.hero__cue i{position:absolute;left:0;top:0;width:1px;height:40%;background:var(--accent);animation:cue 2.6s var(--ease-io) infinite}
@keyframes cue{from{transform:translateY(-100%)}to{transform:translateY(260%)}}

/* ---------- Pasek zaufania ---------- */
.trust{padding-block:clamp(40px,5.5vw,70px);border-block:1px solid var(--line)}
.trust .kicker{margin-bottom:24px}
.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee__track{display:flex;flex-shrink:0;align-items:center;animation:mq 64s linear infinite;animation-delay:-12s}
.marquee__track li{display:flex;align-items:center;gap:clamp(28px,3.6vw,56px);padding-right:clamp(28px,3.6vw,56px);font:300 clamp(1.25rem,2.3vw,2.1rem)/1.2 var(--f-display);color:var(--text-secondary);white-space:nowrap}
.marquee__track li::after{content:"";flex:none;width:9px;height:9px;border:1px solid var(--accent);transform:rotate(45deg)}
@keyframes mq{to{transform:translate3d(-100%,0,0)}}
.marquee.is-off .marquee__track{animation-play-state:paused}

/* ---------- Przysłona (wspólne) ---------- */
.ap__b{stroke:var(--canvas);stroke-width:1.4;stroke-linejoin:round;transform-box:view-box;transform-origin:100px 100px}
.ap__b--0{fill:#2B2F36}
.ap__b--1{fill:#363B43}
.ap__ring{stroke:var(--line-strong);stroke-width:1.2}
.ap--gold .ap__b:first-child{fill:var(--accent)}

/* ---------- Oferta ---------- */
.oferta__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.card{position:relative;display:grid;align-content:start;gap:14px;padding:clamp(24px,3vw,40px);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:border-color .5s var(--ease-out)}
.card:hover{border-color:rgba(201,162,74,.5)}
.card__art{height:clamp(130px,13vw,180px);margin-bottom:12px}
.card__art .art{height:100%;width:auto}
.card h3{font:500 clamp(1.2rem,1.65vw,1.55rem)/1.2 var(--f-display);letter-spacing:-.01em}
.card p{max-width:46ch;color:var(--text-secondary)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tags li{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font:400 11.5px/1 var(--f-mono);letter-spacing:.06em;color:var(--text-secondary)}
.art .l{fill:none;stroke:var(--line-strong);stroke-width:1.2}
.art .gl{fill:none;stroke:var(--accent);stroke-width:1.6}
.art .f{fill:var(--accent-muted)}
.art .g{fill:var(--accent)}
.art .s{fill:rgba(239,236,230,.16)}
.art .d{fill:none;stroke:rgba(239,236,230,.26);stroke-width:1;stroke-dasharray:3 6}
.art .t{font:400 10px var(--f-mono);letter-spacing:.14em;fill:var(--text-secondary)}
.art .rec-dot{fill:var(--accent);animation:recblink 2.4s var(--ease-io) infinite}
.art .orbit{transform-box:view-box;transform-origin:120px 80px;animation:orbit 48s linear infinite;animation-delay:-9s}
.art .orbit--b{animation-duration:66s;animation-direction:reverse}
@keyframes orbit{to{transform:rotate(360deg)}}
.art .bar{transform-box:fill-box;transform-origin:50% 100%}
.js .card .ap__b{opacity:0;transform:rotate(-55deg);transition:opacity .8s var(--ease-out),transform 1.5s var(--ease-out);transition-delay:calc(200ms + var(--i)*70ms)}
.js .card.in .ap__b{opacity:1;transform:none}
.js .card .bar{transform:scaleY(0);transition:transform 1.2s var(--ease-out)}
.js .card .bar:nth-of-type(2){transition-delay:.12s}
.js .card .bar:nth-of-type(3){transition-delay:.24s}
.js .card.in .bar{transform:none}
.marquee.is-off .marquee__track,.is-off .orbit{animation-play-state:paused}

/* ---------- Ustaw ostrość ---------- */
.focus__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.focus__h{margin-top:24px}
.focus__lines{display:grid;gap:16px;margin-top:40px}
.focus__lines li{display:flex;align-items:baseline;gap:14px;font-size:clamp(1.05rem,1.3vw,1.2rem);color:var(--text-secondary);opacity:.5;transition:opacity .6s var(--ease-out),color .6s var(--ease-out)}
.focus__lines li.on{opacity:1;color:var(--text-primary)}
.focus__tick{position:relative;flex:none;width:11px;height:11px;border-radius:50%;border:1px solid var(--line-strong);transform:translateY(-1px)}
.focus__tick::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .5s var(--ease-out)}
.focus__lines li.on .focus__tick::after{transform:scale(1)}
.focus__final{margin-top:30px;font:300 clamp(1.25rem,2vw,1.75rem)/1.3 var(--f-display);opacity:0;transform:translate3d(0,12px,0);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.focus.is-done .focus__final{opacity:1;transform:none}
.focus__stage{display:grid;justify-items:center;gap:26px}
.focus__frame{position:relative;display:grid;width:min(100%,440px);padding:18px}
.fcard{grid-area:1/1;display:grid;gap:16px;padding:22px;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.fcard--soft{filter:blur(9px) saturate(.35);opacity:calc(1 - var(--p,0));transform:scale(.99)}
.fcard--sharp{opacity:var(--p,0);transform:scale(calc(.985 + .015*var(--p,0)))}
.fcard__top{display:flex;align-items:center;gap:14px}
.fcard__logo{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent);color:#121417;font:500 14px var(--f-display)}
.fcard__name{font:500 1.08rem/1.2 var(--f-display)}
.fcard__meta{font-size:13.5px;color:var(--text-secondary)}
.fcard__stars{color:var(--accent);letter-spacing:.18em;font-size:15px}
.fcard__chips{display:flex;gap:8px;flex-wrap:wrap}
.fcard__chips span{padding:8px 13px;border:1px solid var(--line-strong);border-radius:999px;font-size:13px}
.fcard__chart{position:relative;height:84px;padding-top:6px;border-top:1px solid var(--line)}
.fcard__chart svg{width:100%;height:60px}
.fcard__area{fill:var(--accent-muted)}
.fcard__line{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}
.fcard__chart span{position:absolute;right:0;bottom:0;font:400 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.focus__btn{display:inline-flex;align-items:center;gap:16px;min-height:76px;padding:10px 26px 10px 10px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(255,255,255,.025);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;transition:border-color .4s var(--ease-out),background-color .4s var(--ease-out)}
.focus__btn:hover,.focus__btn.is-holding{border-color:var(--accent)}
.focus.is-done .focus__btn{border-color:var(--accent);background:rgba(201,162,74,.08)}
.ap--hold{width:56px;height:56px;flex:none}
.ap--hold .ap__b{transform-origin:var(--ox) var(--oy);transform:rotate(calc(var(--p,0)*24deg))}
.focus.is-done .ap--hold .ap__b:first-child{fill:var(--accent)}
.focus__label{font-size:15px;text-align:left}
.focus__meter{width:min(100%,300px);height:2px;background:var(--line);overflow:hidden;border-radius:2px}
.focus__meter i{display:block;height:100%;background:var(--accent);transform:scaleX(var(--p,0));transform-origin:left}

/* ---------- Dlaczego ---------- */
.why{overflow:hidden}
.why__bg{position:absolute;inset:0;opacity:.2;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
.why__bg img{width:100%;height:100%;object-fit:cover}
.why .wrap{position:relative}
.why__labels,.why__row{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:clamp(16px,2.4vw,32px)}
.why__labels{padding-bottom:16px;border-bottom:1px solid var(--line);font:400 12px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary)}
.why__labels span:last-child{color:var(--accent)}
.why__row{align-items:center;padding-block:clamp(22px,2.8vw,34px);border-bottom:1px solid var(--line)}
.why__old{color:var(--text-secondary);font-size:clamp(1rem,1.2vw,1.1rem)}
.why__strike{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:transparent;transition:text-decoration-color .9s var(--ease-out) .2s}
.why__row.in .why__strike{text-decoration-color:rgba(169,173,180,.8)}
.why__arrow svg{width:48px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.4}
.why__new{font:300 clamp(1.08rem,1.5vw,1.32rem)/1.4 var(--f-display)}
.js .why__row .why__arrow,.js .why__row .why__new{opacity:0;transform:translate3d(-14px,0,0);transition:opacity .9s var(--ease-out),transform 1s var(--ease-out)}
.js .why__row .why__new{transition-delay:.35s}
.js .why__row .why__arrow{transition-delay:.2s}
.js .why__row.in .why__arrow,.js .why__row.in .why__new{opacity:1;transform:none}

/* ---------- Realizacje ---------- */
.work__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start}
.work__list{border-top:1px solid var(--line)}
.work__link{display:grid;grid-template-columns:48px minmax(0,1fr) auto;column-gap:clamp(12px,2vw,24px);row-gap:6px;align-items:baseline;padding-block:clamp(20px,2.3vw,30px);border-bottom:1px solid var(--line)}
.work__n{font:400 12px var(--f-mono);letter-spacing:.1em;color:var(--text-secondary)}
.work__name{font:300 clamp(1.35rem,2.5vw,2.25rem)/1.12 var(--f-display);letter-spacing:-.012em;transition:color .45s var(--ease-out),transform .6s var(--ease-out)}
.work__desc{grid-column:2/3;max-width:52ch;font-size:15.5px;color:var(--text-secondary)}
.work__go{grid-column:3;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;gap:8px;font:400 11.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);transition:color .4s var(--ease-out)}
.work__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .5s var(--ease-out)}
.work__item.is-active .work__name,.work__link:hover .work__name,.work__link:focus-visible .work__name{color:var(--accent);transform:translate3d(8px,0,0)}
.work__link:hover .work__go,.work__link:focus-visible .work__go{color:var(--text-primary)}
.work__link:hover .work__go svg{transform:translate3d(3px,-3px,0)}
.work__preview{position:sticky;top:max(96px,calc(50vh - 200px))}
.work__frame{position:relative;display:block;padding:14px;aspect-ratio:1800/1080}
.work__shot{position:absolute;inset:14px;opacity:0;transform:scale(1.03);transition:opacity .6s var(--ease-out),transform .9s var(--ease-out)}
.work__shot.is-on{opacity:1;transform:none}
.work__shot img{width:100%;height:100%;object-fit:cover;border-radius:12px;background:var(--panel)}
.work__thumb{display:none}

/* ---------- Foto i wideo ---------- */
.rec{display:inline-flex;align-items:center;gap:7px;margin-right:6px;padding:5px 9px;border:1px solid var(--line-strong);border-radius:6px;color:var(--text-primary)}
.rec i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:recblink 2.4s var(--ease-io) infinite}
@keyframes recblink{0%,55%,100%{opacity:1}70%,90%{opacity:.15}}
.media__bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(110px,11.5vw,180px);gap:clamp(10px,1.2vw,16px)}
.media__bento figure{position:relative;overflow:hidden;border-radius:16px;background:var(--panel)}
.media__bento figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.media__bento figure:hover img{transform:scale(1.035)}
.media__reel{grid-column:1/6;grid-row:1/4;display:grid;grid-template-rows:1fr auto;background:none!important;border-radius:0!important;overflow:visible!important}
.media__ph--1{grid-column:6/13;grid-row:1/3}
.media__ph--2{grid-column:6/9;grid-row:3/5}
.media__ph--3{grid-column:9/13;grid-row:3/5}
.media__ph--4{grid-column:1/6;grid-row:4/5}
.media__ph--4 img{object-position:50% 60%}
.reel{position:relative;min-height:0;border-radius:16px;overflow:hidden;background:radial-gradient(70% 60% at 50% 45%,rgba(201,162,74,.16),transparent 70%),var(--panel);border:1px solid var(--line)}
.reel__poster{position:absolute;inset:0;display:grid;place-items:center}
.ap--reel{width:52%;opacity:.55}
.reel__play{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;background:none;border:0;cursor:pointer}
.reel__icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--accent);color:#121417;transition:transform .5s var(--ease-out),background-color .3s}
.reel__icon svg{width:30px;height:30px;fill:currentColor;transform:translateX(2px)}
.reel__play:hover .reel__icon{transform:scale(1.06);background:var(--accent-hover)}
.reel__txt{font:400 12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.reel.is-playing .reel__play,.reel.is-playing .reel__poster{display:none}
.media__reel figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;padding-top:12px;font-size:15px}

/* ---------- Proces ---------- */
.steps__track{position:relative}
.steps__line{position:absolute;left:0;right:0;top:30px;height:1px;background:var(--line)}
.steps__line i{position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--sp,0));transform-origin:left}
.steps__list{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.step{display:grid;align-content:start;gap:14px}
.step__num{justify-self:start;padding-right:14px;background:var(--canvas);font:300 clamp(2.6rem,4vw,3.6rem)/1 var(--f-display);color:transparent;-webkit-text-stroke:1px var(--accent);letter-spacing:-.02em}
.step h3{margin-top:10px;font:500 clamp(1.15rem,1.5vw,1.4rem)/1.25 var(--f-display)}
.step p{color:var(--text-secondary);max-width:40ch}
.step__img{margin-top:14px;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--panel)}
.step__img img{width:100%;height:100%;object-fit:cover}
.step__img--ph{display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 45%,rgba(201,162,74,.12),transparent 70%),var(--panel);border:1px solid var(--line)}
.ap--ph{width:46%;opacity:.7}

/* ---------- Opinie ---------- */
.quotes__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(14px,1.6vw,22px)}
.quote{display:flex;flex-direction:column;gap:22px;padding:clamp(26px,3vw,44px);border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.02)}
.quote--big{grid-row:1/3;justify-content:space-between}
.quote__mark{width:40px;height:30px;fill:var(--accent)}
.quote blockquote{margin:0}
.quote blockquote p{font-size:clamp(1rem,1.2vw,1.1rem);color:var(--text-secondary)}
.quote--big blockquote p{font:300 clamp(1.2rem,1.9vw,1.7rem)/1.45 var(--f-display);color:var(--text-primary);letter-spacing:-.005em}
.quote figcaption{display:grid;gap:4px;padding-top:18px;border-top:1px solid var(--line)}
.quote__who{font:500 1rem var(--f-display)}
.quote__what{font:400 11.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}

/* ---------- FAQ ---------- */
.faq__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq__head{position:sticky;top:120px;display:grid;gap:24px;justify-items:start}
.faq__more{color:var(--text-secondary)}
.faq__more a{color:var(--accent);white-space:nowrap}
.faq__list{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;cursor:pointer;list-style:none;font:300 clamp(1rem,1.25vw,1.16rem)/1.4 var(--f-display);transition:color .3s var(--ease-out)}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--accent)}
.qa__icon{position:relative;flex:none;width:30px;height:30px;border:1px solid var(--line-strong);border-radius:50%;transition:transform .5s var(--ease-out),border-color .4s}
.qa__icon::before,.qa__icon::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:currentColor}
.qa__icon::after{transform:rotate(90deg)}
.qa[open] .qa__icon{transform:rotate(45deg);border-color:var(--accent);color:var(--accent)}
.qa__a{max-width:60ch;padding-bottom:26px;color:var(--text-secondary)}
.qa::details-content{block-size:0;overflow:hidden;transition:block-size .5s var(--ease-out),content-visibility .5s allow-discrete}
.qa[open]::details-content{block-size:auto}

/* ---------- Wycena ---------- */
.cta{background:linear-gradient(180deg,transparent,rgba(201,162,74,.045) 60%,transparent)}
.cta__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,96px);align-items:start}
.cta__photo{position:relative;display:block;padding:14px}
.cta__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:14px;background:#0d0e10}
.cta__sign{margin-top:18px;font:400 12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);padding-left:14px}
.cta__contact{display:grid;gap:6px;margin-top:16px;padding-left:14px}
.cta__contact a{font:300 clamp(1.15rem,1.7vw,1.5rem)/1.35 var(--f-display);transition:color .3s var(--ease-out)}
.cta__contact a:hover{color:var(--accent)}
.cta__main{display:grid;gap:24px;justify-items:start}
.cta__main .h2 .vf{max-width:16ch}
.form{display:grid;gap:20px;width:100%;margin-top:14px}
.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.field{position:relative;display:grid;gap:8px}
.field>span{font-size:14px;color:var(--text-secondary)}
.field input,.field textarea{width:100%;padding:15px 16px;background:rgba(255,255,255,.03);border:1px solid var(--line-strong);border-radius:12px;color:var(--text-primary);font:inherit;transition:border-color .3s var(--ease-out),background-color .3s var(--ease-out)}
.field textarea{resize:vertical;min-height:120px}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.05)}
.field__err{font-style:normal;font-size:13px;color:var(--err);min-height:0}
.has-err input,.has-err textarea{border-color:var(--err)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;min-width:0}
.chips legend{float:left;width:100%;margin-bottom:10px;padding:0;font-size:14px;color:var(--text-secondary)}
.chip{position:relative}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid var(--line-strong);border-radius:999px;font-size:14px;cursor:pointer;transition:background-color .3s var(--ease-out),border-color .3s var(--ease-out),color .3s var(--ease-out)}
.chip span:hover{border-color:var(--text-primary)}
.chip input:checked+span{background:var(--accent);border-color:var(--accent);color:#121417}
.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.check{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:14px;color:var(--text-secondary)}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent)}
.check a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}
.check .field__err{grid-column:2}
.form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:6px}
.form__status{font-size:14px;color:var(--text-secondary)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__success{display:grid;gap:10px;width:100%;margin-top:14px;padding:clamp(26px,3vw,40px);border:1px solid var(--accent-muted);border-radius:20px;background:rgba(201,162,74,.06)}
.form__success:focus{outline:none}
.ap--done{width:52px;height:52px;margin-bottom:8px}
.ap--done .ap__b{fill:var(--accent)}
.form__success-t{font:300 clamp(1.3rem,2vw,1.8rem)/1.3 var(--f-display)}
.form__success p:last-child{color:var(--text-secondary)}

/* ---------- Stopka ---------- */
.foot{position:relative;padding-top:clamp(64px,8vw,110px);border-top:1px solid var(--line);overflow:hidden}
.foot__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:32px;align-items:start}
.foot__logo{height:32px;width:auto;margin-bottom:18px}
.foot__brand p{max-width:38ch;font-size:15px;color:var(--text-secondary)}
.foot__list{display:grid;gap:10px;margin-top:16px;font-size:15px}
.foot__list a{transition:color .3s var(--ease-out)}
.foot__list a:hover{color:var(--accent)}
.foot__word{margin-top:clamp(48px,7vw,100px);text-align:center;white-space:nowrap;font:300 clamp(3rem,13.2vw,15rem)/.82 var(--f-display);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(239,236,230,.13);-webkit-user-select:none;user-select:none}
.foot__bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:clamp(20px,3vw,36px);padding-block:22px;border-top:1px solid var(--line);font-size:13px;color:var(--text-secondary)}
.foot__bar a:hover{color:var(--text-primary)}

/* ---------- Przycisk telefonu ---------- */
.callfab{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:40;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border-radius:999px;background:var(--accent);color:#121417;font:500 15px/1 var(--f-body);box-shadow:0 14px 34px -10px rgba(0,0,0,.6);opacity:0;transform:translate3d(0,16px,0);pointer-events:none;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out),background-color .3s var(--ease-out)}
.callfab.is-on{opacity:1;transform:none;pointer-events:auto}
.callfab:hover{background:var(--accent-hover)}
.callfab svg{width:20px;height:20px}

/* ---------- Podstrony ---------- */
main.page{padding-top:150px;padding-bottom:var(--sec);min-height:70vh}
.prose{max-width:780px}
.page__title{margin:18px 0 40px;font:300 clamp(2rem,4.4vw,3.5rem)/1.1 var(--f-display);letter-spacing:-.015em}
.prose h2{margin:2.2em 0 .7em;font:400 clamp(1.25rem,2vw,1.6rem)/1.3 var(--f-display)}
.prose h3{margin:1.8em 0 .6em;font:500 1.15rem/1.35 var(--f-display)}
.prose p,.prose li{color:var(--text-secondary)}
.prose p+p{margin-top:1em}
.prose ul,.prose ol{margin:1em 0;padding-left:1.2em;list-style:disc}
.prose li+li{margin-top:.4em}
.prose a:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* ---------- Responsywność ---------- */
@media (max-width:980px){
  .focus__grid,.work__grid,.faq__grid,.cta__grid{grid-template-columns:1fr}
  .work__preview{display:none}
  .work__thumb{display:block;padding:0 0 26px}
  .work__thumb img{width:100%;border-radius:12px}
  .work__link{border-bottom:0}
  .work__item{border-bottom:1px solid var(--line)}
  .faq__head{position:static}
  .cta__person{max-width:420px}
  .foot__grid{grid-template-columns:1fr 1fr}
  .foot__brand{grid-column:1/-1}
}
@media (max-width:860px){
  .steps__line{display:none}
  .steps__list{grid-template-columns:1fr;gap:56px}
}
@media (max-width:760px){
  .oferta__grid{grid-template-columns:1fr}
  .why__labels{display:none}
  .why__row{grid-template-columns:1fr;gap:10px}
  .why__arrow svg{transform:rotate(90deg);width:24px;height:24px}
  .media__bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .media__reel{grid-column:1/-1;grid-row:auto}
  .reel{aspect-ratio:1/1}
  .media__ph--1,.media__ph--2,.media__ph--3,.media__ph--4{grid-column:auto;grid-row:auto;aspect-ratio:4/3}
  .media__ph--1{grid-column:1/-1}
  .quotes__grid{grid-template-columns:1fr}
  .quote--big{grid-row:auto}
  .form__row{grid-template-columns:1fr}
  .work__link{grid-template-columns:36px minmax(0,1fr)}
  .work__go{grid-column:2;grid-row:auto;margin-top:6px}
  .callfab{width:56px;height:56px;padding:0;justify-content:center}
  .callfab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .ap--hero{right:-18%;width:78vw;top:34%;opacity:.5}
  .hero__static{padding-top:120px}
}
@media (max-width:520px){
  .foot__grid{grid-template-columns:1fr}
  .nav__logo-img{height:28px}
}
@media (max-height:560px){.hero__cue{display:none}}

/* ---------- Ruch: ograniczony i pauzy ---------- */
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;transition-delay:0s!important}
  .js .rv,.js .h2 .vf,.js .card .ap__b,.js .card .bar,.js .why__row .why__arrow,.js .why__row .why__new{opacity:1;transform:none}
  .js .vf .vf__c,.js .focus__frame .vf__c,.js .work__frame .vf__c,.js .cta__photo .vf__c{opacity:1;transform:none}
  .why__strike{text-decoration-color:rgba(169,173,180,.8)}
  .marquee{-webkit-mask-image:none;mask-image:none}
  .marquee__track{flex-wrap:wrap;row-gap:10px}
  .marquee__track[aria-hidden]{display:none}
  .focus .fcard--soft{opacity:0}
  .focus .fcard--sharp{opacity:1;transform:none}
  .focus__lines li{opacity:1;color:var(--text-primary)}
  .focus__final{opacity:1;transform:none}
  .steps__line i{transform:none}
}

/* ====== Wiele podstron (dodane) ====== */
.nav__list{align-items:center}
.nav__list>li{position:relative;display:flex;align-items:center;gap:2px}
.nav__list>li.is-current>a{color:var(--text-primary)}
.nav__list>li.is-current>a::after{transform:scaleX(1)}
.nav__sub-btn{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;background:none;border:0;border-radius:6px;color:var(--text-secondary);cursor:pointer}
.nav__sub-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .35s var(--ease-out)}
.has-sub.is-open .nav__sub-btn svg,.has-sub:hover .nav__sub-btn svg{transform:rotate(180deg)}
.nav__sub{position:absolute;left:-18px;top:calc(100% + 10px);min-width:310px;padding:12px;background:rgba(22,25,29,.97);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -20px rgba(0,0,0,.7);opacity:0;visibility:hidden;transform:translate3d(0,-6px,0);transition:opacity .3s var(--ease-out),transform .35s var(--ease-out),visibility 0s linear .35s}
.nav__sub::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.has-sub:hover .nav__sub,.has-sub:focus-within .nav__sub,.has-sub.is-open .nav__sub{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease-out),transform .35s var(--ease-out),visibility 0s}
.nav__sub ul{display:grid;gap:2px}
.nav__sub a{display:block;padding:9px 12px;border-radius:10px;font-size:14.5px;color:var(--text-secondary);transition:background-color .25s var(--ease-out),color .25s var(--ease-out)}
.nav__sub a:hover,.nav__sub a[aria-current]{background:rgba(255,255,255,.05);color:var(--text-primary)}
.nav__sub .nav__sub-all{margin-top:8px;padding-top:12px;border-top:1px solid var(--line);border-radius:0;font:400 11.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
@media (max-width:1040px){
  .nav__menu{justify-content:flex-start;overflow-y:auto;padding-top:108px}
  .nav__list{align-items:flex-start}
  .nav__list>li{flex-wrap:wrap}
  .nav__sub-btn{width:44px;height:44px}
  .nav__sub{position:static;display:none;min-width:0;width:100%;padding:0 0 12px 2px;background:none;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav__sub::before{display:none}
  .has-sub.is-open .nav__sub{display:block}
  .nav__sub a{padding:8px 0;font-size:16px}
  .nav__sub .nav__sub-all{border-top:0;padding-top:8px}
}
.sec--tight{padding-block:clamp(40px,6vw,88px)}
.h3{font:500 clamp(1.2rem,1.6vw,1.5rem)/1.25 var(--f-display);letter-spacing:-.01em}

.phero{position:relative;padding:clamp(128px,17vh,190px) 0 clamp(40px,5vw,72px)}
.phero__in{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end}
.phero__in:not(:has(.phero__art)){grid-template-columns:minmax(0,1fr)}
.phero__text{display:grid;gap:22px;justify-items:start}
.phero__title{font:300 clamp(2.1rem,5vw,4.5rem)/1.06 var(--f-display);letter-spacing:-.02em;text-wrap:balance}
.phero__title .vf{max-width:20ch}
.js .phero__title .vf{opacity:0;transform:translate3d(0,22px,0);transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out)}
.js .phero__title .vf.in{opacity:1;transform:none}
.phero__lede{max-width:58ch}
.phero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.phero__art{place-items:center;padding:clamp(22px,3vw,40px)}
.phero__art .art{width:100%;height:auto;max-height:230px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none;font:400 12px/1.4 var(--f-mono);letter-spacing:.06em;color:var(--text-secondary)}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--line-strong)}
.crumbs a{transition:color .3s var(--ease-out)}
.crumbs a:hover{color:var(--accent)}
.crumbs [aria-current]{color:var(--text-primary)}

.band{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(201,162,74,.05),transparent 80%)}
.band__in{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px}
.band__text{display:grid;gap:20px;justify-items:start}
.band__cta{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.band__tel{font:300 clamp(1.2rem,1.8vw,1.6rem) var(--f-display);transition:color .3s var(--ease-out)}
.band__tel:hover{color:var(--accent)}

.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.svc__item{display:flex}
.svc__link{width:100%;gap:12px}
.svc__art{display:block;height:clamp(92px,8.6vw,124px);margin-bottom:8px}
.svc__art .art{height:100%;width:auto}
.svc__n{font:400 11.5px var(--f-mono);letter-spacing:.12em;color:var(--accent)}
.svc__t{font:500 clamp(1.08rem,1.35vw,1.3rem)/1.25 var(--f-display);letter-spacing:-.01em;transition:color .35s var(--ease-out)}
.svc__d{font-size:15.5px;color:var(--text-secondary)}
.svc__go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font:400 11.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);transition:color .35s var(--ease-out)}
.svc__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .45s var(--ease-out)}
.svc__link:hover .svc__t{color:var(--accent)}
.svc__link:hover .svc__go{color:var(--text-primary)}
.svc__link:hover .svc__go svg{transform:translate3d(4px,0,0)}

.wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,60px) clamp(16px,2vw,28px)}
.wgrid__link{display:grid;gap:12px}
.wgrid__img{margin:0 0 6px;aspect-ratio:1800/1080;border-radius:16px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}
.wgrid__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.wgrid__link:hover .wgrid__img img{transform:scale(1.035)}
.wgrid__meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font:400 11.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.wgrid__n{color:var(--accent)}
.wgrid__t{font:300 clamp(1.4rem,2.3vw,2rem)/1.15 var(--f-display);letter-spacing:-.012em;transition:color .35s var(--ease-out)}
.wgrid__link:hover .wgrid__t{color:var(--accent)}
.wgrid__d{max-width:52ch;color:var(--text-secondary)}
.work__all{margin-top:32px}

.svcb{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.svcb__list{padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02)}
.svcb__list .h3{margin-bottom:18px}
.checks{display:grid;gap:12px}
.checks li,.cmp__list--check li{position:relative;padding-left:30px}
.checks li::before,.cmp__list--check li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:1.8px solid var(--accent);border-bottom:1.8px solid var(--accent);transform:rotate(-45deg)}
.checks--sm{margin:12px 0 26px;font-size:15px}
.prose-lite p{font-size:clamp(1.02rem,1.2vw,1.12rem);color:var(--text-secondary)}
.prose-lite p+p{margin-top:1em}
.prose-lite .h3{margin-bottom:16px}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.links a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;font-size:14.5px;transition:border-color .3s var(--ease-out),color .3s var(--ease-out)}
.links a:hover{border-color:var(--accent);color:var(--accent)}
.links--col{flex-direction:column;align-items:flex-start;margin:12px 0 26px}

.case__shot{position:relative;display:block;margin:0 0 clamp(40px,5vw,72px);padding:14px}
.case__shot img{width:100%;height:auto;border-radius:14px;background:var(--panel)}
.case__body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,6vw,96px)}
.case__side{align-self:start;padding:clamp(22px,2.6vw,32px);border:1px solid var(--line);border-radius:18px}
.case__ext{color:var(--accent);text-decoration:underline;text-underline-offset:4px;word-break:break-all}
.case__nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(48px,6vw,90px);padding-top:26px;border-top:1px solid var(--line)}
.case__nav a{display:grid;gap:8px;padding:12px 0}
.case__nav a:last-child{justify-items:end;text-align:right}
.case__nav a:last-child .kicker{flex-direction:row-reverse}
.case__navt{font:300 clamp(1.2rem,2vw,1.7rem)/1.2 var(--f-display);transition:color .3s var(--ease-out)}
.case__nav a:hover .case__navt{color:var(--accent)}
.js .case__shot .vf__c,.js .about__photo .vf__c{opacity:0;transform:scale(.15);transition:opacity .5s var(--ease-out),transform 1s var(--ease-out)}

.about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.about__photo{position:relative;display:block;margin:0;padding:14px}
.about__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:14px;background:#0d0e10}
.about__text{display:grid;gap:22px;justify-items:start}
.about__quote{margin:6px 0 0;padding:4px 0 4px 24px;border-left:1.5px solid var(--accent)}
.about__quote p{font:300 clamp(1.15rem,1.7vw,1.5rem)/1.4 var(--f-display)}
.about__quote footer{margin-top:12px;font:400 11.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.role{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.6vw,32px);border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}
.role__n{font:400 11.5px var(--f-mono);letter-spacing:.12em;color:var(--accent)}
.role h3{font:500 1.12rem/1.3 var(--f-display)}
.role p{font-size:15.5px;color:var(--text-secondary)}
.gear{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.gear__art{padding:clamp(24px,3vw,40px)}
.gear__art .art{width:100%;height:auto}
.gear>div:last-child{display:grid;gap:20px;justify-items:start}
.values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.values li{display:grid;gap:10px;padding:clamp(22px,3vw,36px) clamp(12px,2vw,28px) clamp(22px,3vw,36px) 0;border-bottom:1px solid var(--line)}
.values li:nth-child(odd){border-right:1px solid var(--line)}
.values li:nth-child(even){padding-left:clamp(16px,3vw,40px)}
.values h3{font:300 clamp(1.2rem,1.8vw,1.55rem)/1.3 var(--f-display)}
.values p{color:var(--text-secondary)}
.kdata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:36px;border-top:1px solid var(--line)}
.kdata__v{margin-top:14px;font:300 clamp(1.05rem,1.4vw,1.25rem)/1.65 var(--f-display)}
.kdata__v a{transition:color .3s var(--ease-out)}
.kdata__v a:hover{color:var(--accent)}

.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(14px,1.6vw,24px)}
.post-card{display:grid;gap:10px}
.post-card__img{margin:0 0 6px;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}
.post-card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.post-card:hover .post-card__img img{transform:scale(1.04)}
.post-card__meta{font:400 11.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.post-card__t{font:300 clamp(1.12rem,1.55vw,1.38rem)/1.3 var(--f-display);transition:color .3s var(--ease-out)}
.post-card:hover .post-card__t{color:var(--accent)}
.post-card__d{font-size:15px;color:var(--text-secondary)}
.nav-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:48px}
.page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;font-size:14px}
.page-numbers.current{background:var(--accent);border-color:var(--accent);color:#121417}
.article{max-width:820px;margin-inline:auto}
.article__img{margin:0 0 40px;border-radius:16px;overflow:hidden}
.article__img img{width:100%}
.article .prose{max-width:none}
.prose img{height:auto;margin:1.5em 0;border-radius:12px}
.faq__list--wide{max-width:920px}

.cmp__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);align-items:stretch}
.cmp__card{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2.4vw,32px);border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.02)}
.cmp__card--us{border-color:rgba(201,162,74,.45);background:linear-gradient(180deg,rgba(201,162,74,.08),rgba(201,162,74,.015))}
.cmp__label{margin-top:8px;font:400 12px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary)}
.cmp__card--us .cmp__label{color:var(--accent)}
.cmp__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.cmp__price strong{font:300 clamp(2rem,4vw,3.3rem)/1 var(--f-display);letter-spacing:-.02em;color:var(--text-secondary)}
.cmp__card--us .cmp__price strong{font-weight:500;color:var(--accent)}
.cmp__price span{color:var(--text-secondary)}
.cmp__note{font-size:13px;color:var(--text-secondary)}
.cmp__intro{margin-top:10px;font-weight:500}
.cmp__list{display:grid;gap:10px}
.cmp__list--minus li{position:relative;padding-left:30px;color:var(--text-secondary)}
.cmp__list--minus li::before{content:"";position:absolute;left:3px;top:.78em;width:12px;height:1.8px;background:var(--err)}
.cmp__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:18px}

.scene{margin:0 0 6px;border-radius:16px;overflow:hidden;background:radial-gradient(70% 80% at 50% 72%,rgba(201,162,74,.09),transparent 70%),rgba(0,0,0,.2);border:1px solid var(--line)}
.scn{display:block;width:100%;height:auto;overflow:visible}
.scn__ground{stroke:var(--line-strong);stroke-width:1.5;stroke-dasharray:2 7;stroke-linecap:round}
.scn__head{fill:var(--canvas);stroke:var(--text-primary);stroke-width:3}
.scn__limb{fill:none;stroke:var(--text-primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.scn__face{fill:none;stroke:var(--text-primary);stroke-width:2.2;stroke-linecap:round}
.scn__tool,.scn__tool *{fill:none;stroke:var(--text-secondary);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.scn__tool .g{stroke:var(--accent)}
.scn__rhead{fill:#1d2126;stroke:var(--accent);stroke-width:2}
.scn__q{font:500 46px var(--f-display);fill:var(--accent)}
.scn__spark{fill:var(--accent)}
.scn__cap{font:400 10px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;fill:var(--text-secondary)}
.scn__arms-down{opacity:0}
.scn__r,.scn__q,.scn__spark,.scn__emp,.scn__client,.scn__m{transform-box:fill-box}
.scn__r,.scn__spark{transform-origin:50% 50%}
.scn__q{transform-origin:50% 100%}
.scn__emp,.scn__client,.scn__m{transform-origin:50% 100%}
.scene.is-armed:not(.is-play) *{animation-play-state:paused!important}
.scene.is-armed .scn__item{animation:throwX .85s linear var(--t) both}
.scene.is-armed .scn__y{animation:throwY .85s var(--t) both}
.scene.is-armed .scn__r{animation:tumble .85s var(--ease-out) var(--t) both}
.scene.is-armed .scn__emp{animation:flinch .5s ease-in-out 3.05s both}
.scene.is-armed .scn__q{animation:qpop .6s cubic-bezier(.34,1.56,.64,1) 3.25s both}
.scene.is-armed .scn__qwrap{animation:bob 3.4s ease-in-out 3.9s infinite alternate}
.scene.is-armed .scn__m{animation:rise .8s var(--ease-out) calc(.3s + var(--i)*.22s) both}
.scene.is-armed .scn__arms-down{animation:fadeOut .25s linear 1.8s both}
.scene.is-armed .scn__arms-up{animation:fadeIn .25s linear 1.8s both}
.scene.is-armed .scn__client{animation:hop .55s var(--ease-io) 1.85s 2 both}
.scene.is-armed .scn__spark{animation:qpop .5s cubic-bezier(.34,1.56,.64,1) calc(2.1s + var(--i)*.15s) both,twinkle 3.2s ease-in-out calc(2.9s + var(--i)*.4s) infinite alternate}
@keyframes throwX{from{transform:translate3d(calc(-1*var(--dx)),0,0)}to{transform:none}}
@keyframes throwY{0%{transform:translate3d(0,calc(-1*var(--dy)),0);animation-timing-function:cubic-bezier(.2,.6,.4,1)}42%{transform:translate3d(0,calc(-1*var(--dy) - 58px),0);animation-timing-function:cubic-bezier(.6,0,.9,.5)}100%{transform:none}}
@keyframes tumble{from{transform:rotate(-120deg)}to{transform:none}}
@keyframes flinch{0%,100%{transform:none}30%{transform:translate3d(-3px,0,0) rotate(-2deg)}60%{transform:translate3d(3px,0,0) rotate(2deg)}}
@keyframes qpop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes bob{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-7px,0)}}
@keyframes rise{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:none}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes hop{0%,100%{transform:none}50%{transform:translate3d(0,-12px,0)}}
@keyframes twinkle{from{opacity:1}to{opacity:.35}}

@media (max-width:980px){
  .svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svcb,.case__body,.about,.gear{grid-template-columns:1fr}
  .about__photo{max-width:420px}
  .phero__in{grid-template-columns:1fr}
  .phero__art{display:none}
  .roles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .posts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){.cmp__grid{grid-template-columns:1fr}}
@media (max-width:760px){
  .wgrid,.kdata,.values{grid-template-columns:1fr}
  .values li:nth-child(odd){border-right:0}
  .values li:nth-child(even){padding-left:0}
}
@media (max-width:600px){
  .svc,.roles,.posts{grid-template-columns:1fr}
  .case__nav{grid-template-columns:1fr}
  .case__nav a:last-child{justify-items:start;text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .js .phero__title .vf,.js .case__shot .vf__c,.js .about__photo .vf__c{opacity:1;transform:none}
}
/* ====== Hero scroll-wideo ====== */
.hero--scrub{height:1400vh}
.hero--scrub .hero__stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0;display:block}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s var(--ease-out);will-change:transform;transform:translateZ(0)}
.hero__poster,.hero__static-bg{position:absolute;inset:0;background-size:cover;background-position:70% 50%}
.hero__static-bg{display:none}
.video-ready .hero__video{opacity:1}
.video-failed .hero__video{display:none}
.hero--scrub .hero__scrim{background:radial-gradient(ellipse 120% 90% at 50% 45%,rgba(10,10,18,0) 35%,rgba(10,10,18,.62) 100%),linear-gradient(90deg,rgba(12,13,16,.55) 0%,rgba(12,13,16,.15) 40%,rgba(12,13,16,0) 60%)}
.hero__ring{position:absolute;left:50%;bottom:28px;width:36px;height:36px;margin-left:-18px;color:var(--accent);transform:rotate(-90deg);transition:opacity .6s var(--ease-out)}
.hero__ring circle{transition:stroke-dashoffset .15s linear}
.hero__ring.is-done,.hero__ring.is-failed{opacity:0}
.hero--scrub .hero__cue{display:none}
.hero__hud{position:absolute;right:clamp(16px,3vw,40px);top:96px;display:flex;align-items:center;gap:14px;padding:8px 12px;font:400 11.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);z-index:3}
.hero__rec{display:inline-flex;align-items:center;gap:7px}
.hero__rec i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:recblink 2.4s var(--ease-io) infinite}
.hero__bands{position:absolute;inset:0;pointer-events:none}
.band{position:absolute;inset:0;display:flex;align-items:center;opacity:0;text-shadow:var(--tshadow);pointer-events:none}
.band.is-on{pointer-events:auto}
.band::before{content:"";position:absolute;inset:-4%;pointer-events:none;opacity:calc(.25 + .75*var(--k,1));background:radial-gradient(ellipse 46% 62% at 22% 52%,rgba(5,5,10,.7) 0%,rgba(5,5,10,.46) 46%,rgba(5,5,10,0) 76%)}
.band__in{position:relative;display:grid;gap:18px;justify-items:start;max-width:min(100%,560px);margin-left:max(var(--gut),calc((100% - var(--wrap))/2));margin-right:0;padding-top:40px}
.band__kicker{opacity:var(--k,1)}
.band__h{font:300 clamp(2rem,4.6vw,4.2rem)/1.06 var(--f-display);letter-spacing:-.02em;max-width:14ch;text-wrap:balance}
.band__sub{max-width:40ch;color:var(--text-secondary);font-size:clamp(1rem,1.25vw,1.2rem);opacity:clamp(0,calc((var(--k,1) - .55)*3),1);transform:translate3d(0,calc((1 - clamp(0,calc((var(--k,1) - .55)*3),1))*14px),0)}
.band__cta{display:flex;flex-wrap:wrap;gap:12px;opacity:clamp(0,calc((var(--k,1) - .72)*4),1);transform:translate3d(0,calc((1 - clamp(0,calc((var(--k,1) - .72)*4),1))*14px),0)}
.band .btn{text-shadow:none}
.band__txt .w{display:inline-block;white-space:pre}
.band__txt .c{display:inline-block}
/* wejścia per pasmo */
.band--focus .band__txt{position:relative}
.band--focus .band__txt .c{--kc:clamp(0,calc((var(--k,0) - var(--th,0))*2.4),1);opacity:var(--kc);filter:blur(calc((1 - var(--kc))*8px))}
.band--slide .band__txt .w{--kc:clamp(0,calc((var(--k,0) - var(--th,0))*3),1);opacity:var(--kc);transform:translate3d(calc((1 - var(--kc))*40px),0,0)}
.band--rise .band__txt .w{--kc:clamp(0,calc((var(--k,0) - var(--th,0))*3),1);opacity:var(--kc);transform:translate3d(0,calc((1 - var(--kc))*36px),0)}
.band--type .band__txt .c{--kc:clamp(0,calc((var(--k,0) - var(--th,0))*6),1);opacity:var(--kc)}
/* finał: biały nagłówek, złota kropka, wizjer wokół bloku */
.band--final .band__in{max-width:min(100%,780px)}
.band--final .band__h{font-weight:300;color:#fff;font-size:clamp(2.2rem,4.7vw,4.3rem);max-width:none;text-wrap:normal;letter-spacing:-.025em}
.band--final .band__txt .w{--kc:clamp(0,calc((var(--k,0) - var(--th,0))*3),1);opacity:var(--kc);transform:translate3d(0,calc((1 - var(--kc))*26px),0);filter:blur(calc((1 - var(--kc))*6px))}
.band--final .band__txt .w:last-child .c:last-child{color:var(--accent)}
.band--final .band__sub{color:rgba(255,255,255,.82);font-size:clamp(1.05rem,1.3vw,1.25rem)}
.band__box{position:relative;display:grid;gap:18px;justify-items:start;padding:22px 28px 22px 16px;margin-left:-16px}
.band__rule{display:block;width:calc(var(--k,0)*64px);height:1px;background:var(--accent);opacity:.9}
.band__box::before,.band__box::after,.band__c{content:"";position:absolute;width:24px;height:24px;border:1px solid rgba(201,162,74,.85);opacity:clamp(0,calc((var(--k,0) - .35)*2.5),1);pointer-events:none}
.band__box::before{left:0;top:0;border-right:0;border-bottom:0;transform:translate3d(calc((1 - var(--k,0))*-10px),calc((1 - var(--k,0))*-10px),0)}
.band__box::after{right:0;bottom:0;border-left:0;border-top:0;transform:translate3d(calc((1 - var(--k,0))*10px),calc((1 - var(--k,0))*10px),0)}
.band__c--tr{right:0;top:0;border-left:0;border-bottom:0;transform:translate3d(calc((1 - var(--k,0))*10px),calc((1 - var(--k,0))*-10px),0)}
.band__c--bl{left:0;bottom:0;border-right:0;border-top:0;transform:translate3d(calc((1 - var(--k,0))*-10px),calc((1 - var(--k,0))*10px),0)}
.is-pinned .band{opacity:0!important}
.is-pinned .band:last-child{opacity:1!important}
/* Telefony: pionowa wersja filmu, krótszy hero, napisy w dolnej części */
@media (max-width:720px),(orientation:portrait) and (max-width:1024px){
  .hero--scrub{height:800vh}
  .hero__poster,.hero__static-bg{background-position:50% 50%}
  .hero__static-bg{background-image:var(--bg-m)!important}
  .hero--scrub .hero__scrim{background:linear-gradient(0deg,rgba(12,13,16,.86) 0%,rgba(12,13,16,.42) 40%,rgba(12,13,16,0) 66%),linear-gradient(180deg,rgba(12,13,16,.55) 0%,rgba(12,13,16,0) 22%)}
  .band{align-items:flex-end}
  .band::before{inset:0;background:linear-gradient(0deg,rgba(5,5,10,.72) 0%,rgba(5,5,10,.32) 44%,rgba(5,5,10,0) 68%)}
  .band__in{padding:0 0 max(72px,calc(env(safe-area-inset-bottom) + 64px));gap:14px;max-width:100%}
  .band__h{font-size:clamp(1.85rem,8vw,2.6rem);max-width:15ch}
  .band__sub{font-size:1rem;max-width:34ch}
  .band__cta .btn{flex:1 1 auto;justify-content:center}
  .band__box{padding:18px 20px 18px 12px;margin-left:-12px}
  .band__box::before,.band__box::after,.band__c{width:20px;height:20px}
  .band--final .band__h{font-size:clamp(1.75rem,7vw,2.5rem)}
  .hero__hud{top:72px;right:14px;gap:10px;padding:6px 10px;font-size:10px}
  .hero__ring{bottom:16px;width:30px;height:30px;margin-left:-15px}
}
@media (orientation:landscape) and (pointer:coarse) and (max-height:560px),(prefers-reduced-motion:reduce){
  .hero--scrub{height:auto}
  .hero--scrub .hero__stage{position:relative;height:auto;min-height:100vh;min-height:100svh;display:grid;align-items:end}
  .hero__video,.hero__poster,.hero__ring,.hero__hud,.hero__bands{display:none}
  .hero__static-bg{display:block}
  .hero--scrub .hero__scrim{background:linear-gradient(90deg,rgba(12,13,16,.86) 0%,rgba(12,13,16,.5) 52%,rgba(12,13,16,.1) 78%),linear-gradient(0deg,rgba(12,13,16,.8),transparent 42%)}
}
@media not all and ((orientation:landscape) and (pointer:coarse) and (max-height:560px)){@media not all and (prefers-reduced-motion:reduce){
  .hero--scrub .hero__static{display:none}
}}
.hero--savedata .hero__static{display:block!important}
.hero--savedata.hero--scrub{height:auto}
.hero--savedata.hero--scrub .hero__stage{position:relative;height:auto;min-height:100vh;min-height:100svh;display:grid;align-items:end}
.hero--savedata .hero__video,.hero--savedata .hero__poster,.hero--savedata .hero__ring,.hero--savedata .hero__hud,.hero--savedata .hero__bands{display:none}
.hero--savedata .hero__static-bg{display:block}
/* ====== Brief v2: nawigacja, asystent, pasek, strony usług, cennik, zespół, miasta ====== */
.nav__in{gap:16px}
.nav__top{display:none}
.nav__tel{font:500 14.5px var(--f-body);color:var(--text-primary);white-space:nowrap}
.nav__tel--bar{margin-left:auto}
.nav__cta.btn{--h:44px;padding:0 18px;font-size:14.5px;margin:0}
.nav__sub--mega{left:-18px;min-width:620px;padding:14px}
.nav__sub--mega ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}
.nav__sub--mega a{display:grid;gap:2px;padding:10px 12px}
.nav__sub--mega strong{font:500 14.5px/1.3 var(--f-body);color:var(--text-primary)}
.nav__sub--mega span{font-size:12.5px;color:var(--text-secondary)}
.nav__sub--mega a:hover strong,.nav__sub--mega a[aria-current] strong{color:var(--accent)}
@media (max-width:1240px){.nav__tel--bar{display:none}}
@media (max-width:1040px){
  .nav__top{display:grid;gap:14px;justify-items:start;margin-bottom:28px}
  .nav__tel--menu{font-size:1.1rem}
  .nav__tel--bar,.nav__cta{display:none}
  .nav__sub--mega{position:static;min-width:0;padding:0 0 10px 12px;background:none;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}
  .has-sub.is-open .nav__sub--mega{display:block}
  .nav__sub--mega ul{grid-template-columns:1fr}
  .nav__sub--mega span{display:none}
  .nav__menu{overflow-y:auto;justify-content:flex-start;padding-top:88px}
}
/* pasek na telefonie */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;gap:10px;padding:10px max(12px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));background:rgba(14,16,19,.94);border-top:1px solid var(--line);backdrop-filter:blur(10px);transform:translate3d(0,0,0);transition:transform .4s var(--ease-out)}
.mbar__ai.btn{flex:1 1 auto;--h:50px}
.mbar__tel{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-primary)}
.mbar__tel svg{width:22px;height:22px}
body.near-foot .mbar{transform:translate3d(0,110%,0)}
/* pływający przycisk asystenta */
.aifab{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:40;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 20px 0 16px;border:0;border-radius:999px;background:var(--accent);color:#121417;font:500 15px/1 var(--f-body);cursor:pointer;box-shadow:0 14px 34px -10px rgba(0,0,0,.6);transition:transform .3s var(--ease-out),opacity .3s var(--ease-out),background-color .3s var(--ease-out)}
.aifab:hover{background:var(--accent-hover);transform:translateY(-2px)}
.aifab.is-hidden,body.near-foot .aifab{opacity:0;pointer-events:none;transform:translate3d(0,12px,0)}
.aifab__dot{width:9px;height:9px;border-radius:50%;background:#121417;box-shadow:0 0 0 0 rgba(18,20,23,.5);animation:aipulse 2.2s var(--ease-io) infinite}
@keyframes aipulse{0%{box-shadow:0 0 0 0 rgba(18,20,23,.45)}70%{box-shadow:0 0 0 9px rgba(18,20,23,0)}100%{box-shadow:0 0 0 0 rgba(18,20,23,0)}}
@media (max-width:760px){
  .mbar{display:flex}
  .aifab{display:none}
  body{padding-bottom:72px}
  .callfab{display:none}
}
/* panel asystenta */
.ai{position:fixed;inset:0;z-index:70}
.ai__backdrop{position:absolute;inset:0;background:rgba(8,9,11,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity .35s var(--ease-out)}
.ai__panel{position:absolute;right:0;top:0;bottom:0;width:min(100%,460px);display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);box-shadow:-30px 0 60px -30px rgba(0,0,0,.8);transform:translate3d(100%,0,0);transition:transform .45s var(--ease-out)}
.ai.is-open .ai__backdrop{opacity:1}
.ai.is-open .ai__panel{transform:none}
.ai__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 16px;border-bottom:1px solid var(--line)}
.ai__t{margin:6px 0 0;font:500 1.15rem/1.3 var(--f-display)}
.ai__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-primary);cursor:pointer}
.ai__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ai__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.ai__frame{flex:1 1 auto;width:100%;border:0;background:var(--canvas)}
.ai__fallback{padding:22px;overflow:auto}
.ai__lead{margin:0 0 18px;color:var(--text-secondary)}
.ai__alt{margin-top:18px;font-size:14px;color:var(--text-secondary)}
.ai__alt a{color:var(--accent)}
html.ai-open{overflow:hidden}
/* formularz oddzwonienia */
.cb .form__row{grid-template-columns:repeat(2,minmax(0,1fr))}
.cb--compact{margin-top:0}
.cb--compact .form__row{grid-template-columns:1fr}
.form__note{margin:0;font-size:13.5px;color:var(--text-secondary)}
/* odpowiedź na start, data, okruszki */
.start{max-width:64ch}
.start p{margin:0 0 .8em;font-size:clamp(1.08rem,1.35vw,1.26rem);line-height:1.55;color:var(--text-primary)}
.upd{margin:4px 0 0;font:400 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.phero--wide .phero__in{grid-template-columns:1fr}
.phero--wide .vf{max-width:30ch}
/* z czym przychodzą klienci */
.pain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.pain li{position:relative;padding:22px 22px 22px 54px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);font-size:1.02rem;color:var(--text-primary)}
.pain li::before{content:"";position:absolute;left:22px;top:26px;width:18px;height:18px;border:1px solid var(--accent);border-radius:50%;background:radial-gradient(circle,var(--accent) 0 3px,transparent 3.5px)}
/* tabela cen */
.ptable{width:100%;border-collapse:collapse;font-size:1rem}
.ptable th,.ptable td{padding:16px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ptable th{font:400 11.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}
.ptable td:first-child{font:500 1.02rem var(--f-display);color:var(--text-primary);white-space:nowrap}
.ptable td:nth-child(2){color:var(--text-secondary)}
.ptable td:last-child{white-space:nowrap;color:var(--accent);font-weight:500}
.ptable--2 td:nth-child(2){color:var(--accent);font-weight:500;white-space:nowrap;text-align:right}
.pnote{margin:14px 0 0;font-size:14px;color:var(--text-secondary)}
@media (max-width:760px){.ptable,.ptable thead,.ptable tbody,.ptable tr,.ptable td{display:block}.ptable thead{display:none}.ptable tr{padding:14px 0;border-bottom:1px solid var(--line)}.ptable td{padding:3px 0;border:0;white-space:normal!important}.ptable--2 td:nth-child(2){text-align:left}.pain{grid-template-columns:1fr}}
/* pakiety */
.pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.pk__card{position:relative;display:grid;align-content:start;gap:12px;padding:clamp(22px,2.6vw,34px);border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.02)}
.pk__card--hot{border-color:var(--accent-muted);background:linear-gradient(180deg,rgba(201,162,74,.09),rgba(201,162,74,.02))}
.pk__tag{position:absolute;right:18px;top:18px;padding:6px 10px;border-radius:999px;background:var(--accent);color:#121417;font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.pk__name{font:500 1.25rem var(--f-display)}
.pk__price{font:300 clamp(1.6rem,2.4vw,2.2rem)/1.1 var(--f-display);letter-spacing:-.02em}
.pk__price small{display:block;margin-top:4px;font:400 13px var(--f-body);color:var(--text-secondary)}
.pk__list{display:grid;gap:8px;margin:6px 0 0;padding:0;list-style:none;color:var(--text-secondary);font-size:.98rem}
.pk__list li{position:relative;padding-left:22px}
.pk__list li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;border-radius:50%;border:1px solid var(--accent)}
.pk__intro{font-size:.95rem;color:var(--text-primary)}
.cmp__table{width:100%;border-collapse:collapse;margin-top:8px}
.cmp__table th,.cmp__table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.98rem}
.cmp__table th{font:500 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.cmp__table td:last-child{color:var(--text-primary)}
.cmp__table td:first-child{color:var(--text-secondary)}
.cmp__foot{margin-top:12px;font-size:13px;color:var(--text-secondary)}
@media (max-width:860px){.pk{grid-template-columns:1fr}}
/* trzy punkty z ikonami */
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.three li{display:grid;gap:10px;padding:clamp(20px,2.4vw,30px);border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02)}
.three strong{font:500 1.1rem var(--f-display);color:var(--text-primary)}
.three span{color:var(--text-secondary)}
.three i{display:block;width:34px;height:34px;border:1px solid var(--accent);border-radius:10px;background:radial-gradient(circle at 50% 50%,rgba(201,162,74,.35),transparent 70%)}
@media (max-width:760px){.three{grid-template-columns:1fr}}
/* usługi na stronie głównej (5 kafelków) */
.svch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.svch li{display:grid;align-content:start;gap:12px;padding:clamp(22px,2.6vw,32px);border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.02)}
.svch li:nth-child(4),.svch li:nth-child(5){grid-column:span 1}
.svch h3{margin:0;font:500 1.15rem var(--f-display)}
.svch p{margin:0;color:var(--text-secondary)}
.svch__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.svch__links a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;font-size:14px;transition:border-color .3s var(--ease-out),color .3s var(--ease-out)}
.svch__links a:hover{border-color:var(--accent);color:var(--accent)}
.svch__art{height:72px}
@media (max-width:980px){.svch{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.svch{grid-template-columns:1fr}}
/* kroki 4 */
.steps--4 .steps__list{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1040px){.steps--4 .steps__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.steps--4 .steps__list{grid-template-columns:1fr}}
.steps__bar{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--text-secondary)}
.steps__bar span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--accent)}
/* pasek zaufania */
.tbar{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;font:400 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.tbar b{color:var(--text-primary);font-weight:500}
.tbar .star{color:var(--accent)}
/* zespół */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.team__card{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.02);transition:border-color .3s var(--ease-out)}
.team__card:hover{border-color:var(--accent-muted)}
.team__photo{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#20242A,#15181c)}
.team__photo img{width:100%;height:100%;object-fit:cover;display:block}
.team__ph{position:absolute;inset:0;display:grid;place-items:center;font:300 3rem var(--f-display);color:var(--accent);opacity:.7}
.team__name{font:500 1.1rem var(--f-display)}
.team__role{font-size:.95rem;color:var(--text-secondary)}
@media (max-width:980px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.team{grid-template-columns:1fr}}
.person{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(28px,4vw,64px);align-items:start}
.person__photo{position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#1a1d22}
.person__photo img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.person{grid-template-columns:1fr}.person__photo{max-width:420px}}
/* region */
.region{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.region__map{position:relative;border:1px solid var(--line);border-radius:24px;padding:24px;background:rgba(255,255,255,.02)}
.region__map svg{width:100%;height:auto;display:block}
.region__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.region__list a{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid var(--line);border-radius:14px;font:500 1.02rem var(--f-display);transition:border-color .3s var(--ease-out),color .3s var(--ease-out)}
.region__list a:hover{border-color:var(--accent);color:var(--accent)}
.region__list small{font:400 12px var(--f-mono);letter-spacing:.08em;color:var(--text-secondary)}
@media (max-width:860px){.region{grid-template-columns:1fr}}
/* AI poleca */
.aiq{position:relative;overflow:hidden;border:1px solid var(--accent-muted);border-radius:26px;padding:clamp(28px,4vw,56px);background:linear-gradient(135deg,rgba(201,162,74,.12),rgba(201,162,74,.02) 60%)}
.aiq__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center}
.aiq__q{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.aiq__q li{padding:12px 16px;border:1px solid var(--line);border-radius:999px;font-size:.95rem;color:var(--text-secondary);background:rgba(18,20,23,.6)}
.aiq__q li::before{content:"„"}
.aiq__q li::after{content:"”"}
.aiq__sub{margin:12px 0 0;font-size:14px;color:var(--text-secondary)}
@media (max-width:860px){.aiq__grid{grid-template-columns:1fr}}
/* opinie: lista */
.rev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin:0;padding:0;list-style:none}
.rev .quote{height:100%}
.rev__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font:400 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.rev__meta a{color:var(--accent)}
@media (max-width:760px){.rev{grid-template-columns:1fr}}
/* realizacje: wyniki, filtry */
.kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0 0 clamp(32px,4vw,56px);padding:0;list-style:none}
.kpi li{padding:clamp(20px,2.4vw,30px);border:1px solid var(--accent-muted);border-radius:20px;background:linear-gradient(180deg,rgba(201,162,74,.09),rgba(201,162,74,.02))}
.kpi b{display:block;font:300 clamp(2rem,3.4vw,3rem)/1 var(--f-display);color:var(--accent);letter-spacing:-.02em}
.kpi span{display:block;margin-top:8px;color:var(--text-secondary)}
@media (max-width:640px){.kpi{grid-template-columns:1fr}}
.case__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.case__block h2{margin:0 0 12px;font:500 1.1rem var(--f-display);color:var(--accent)}
.case__block p,.case__block li{color:var(--text-secondary)}
@media (max-width:860px){.case__grid{grid-template-columns:1fr}}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(28px,3vw,44px)}
.filters select{padding:12px 16px;background:var(--panel);border:1px solid var(--line-strong);border-radius:999px;color:var(--text-primary);font:inherit}
.wgrid__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wgrid__tags span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;font:400 11px var(--f-mono);letter-spacing:.06em;color:var(--text-secondary)}
.wgrid__res{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:8px;background:rgba(201,162,74,.12);color:var(--accent);font:500 13px var(--f-body)}
.empty{padding:24px;border:1px dashed var(--line-strong);border-radius:16px;color:var(--text-secondary)}
/* strony miast: tytuł usług w miastach */
.cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.cities li{display:grid;gap:8px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}
.cities a{font:500 1.05rem var(--f-display);color:var(--accent)}
.cities p{margin:0;color:var(--text-secondary);font-size:.98rem}
@media (max-width:640px){.cities{grid-template-columns:1fr}}
/* linki pokrewne */
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.rel a{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;transition:border-color .3s var(--ease-out)}
.rel a:hover{border-color:var(--accent)}
.rel strong{font:500 1.02rem var(--f-display)}
.rel span{font-size:14px;color:var(--text-secondary)}
@media (max-width:760px){.rel{grid-template-columns:1fr}}
/* wiedza */
.post__meta{display:flex;flex-wrap:wrap;gap:8px 18px;font:400 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.post__box{display:grid;gap:12px;margin-top:clamp(32px,4vw,56px);padding:clamp(22px,2.6vw,32px);border:1px solid var(--accent-muted);border-radius:20px;background:linear-gradient(180deg,rgba(201,162,74,.08),rgba(201,162,74,.02))}
/* bez menu (landing) */
body.is-bare .nav__in{justify-content:space-between}
/* dziękujemy */
.thanks{min-height:70vh;display:grid;align-items:center}
/* ---------- Realizacje: 3 kolumny, filtry, szerokie pole ---------- */
.wgrid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,3vw,44px) clamp(14px,1.6vw,24px)}
.wgrid--3 .wgrid__t{font-size:clamp(1.2rem,1.7vw,1.5rem)}
.filters{align-items:center}
.filters__count{font:400 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.case__wide{grid-column:span 2}
@media (max-width:980px){.wgrid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.case__wide{grid-column:auto}}
@media (max-width:640px){.wgrid--3{grid-template-columns:1fr}.filters select{flex:1 1 100%}}
/* ---------- Strona główna wg briefu: pasek zaufania, kontakt, region, hero ---------- */
.tbar-sec{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}
.tbar-sec .tbar{justify-content:center;margin:0}
.tbar__sep{color:var(--accent-muted)}
.tbar a{color:inherit}
.tbar a:hover{color:var(--accent)}
.band__note{max-width:44ch;margin:0;font-size:14px;color:rgba(255,255,255,.7);opacity:clamp(0,calc((var(--k,1) - .8)*5),1)}
.hero__static .band__note{opacity:1}
.ways{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,1.6vw,22px)}
.ways__card{display:grid;align-content:start;gap:14px;padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.02)}
.ways__card--hot{border-color:var(--accent-muted);background:linear-gradient(180deg,rgba(201,162,74,.1),rgba(201,162,74,.02))}
.ways__card p{margin:0;color:var(--text-secondary)}
.ways__card .h3{margin:0}
.ways__card .form{margin-top:6px}
.svch__all{border-color:var(--accent-muted);background:linear-gradient(180deg,rgba(201,162,74,.09),rgba(201,162,74,.02))}
.region__pulse{transform-origin:center;transform-box:fill-box;animation:rmk-pulse 2.6s ease-out infinite}
@keyframes rmk-pulse{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.region__pulse{animation:none}}
@media (max-width:860px){.ways{grid-template-columns:1fr}}
@media (max-width:760px){.tbar-sec .tbar{justify-content:flex-start;font-size:12px}.band__note{display:none}.hero__static .band__note{display:block}}
/* hero: pasmo 1 – nagłówek w 2 liniach */
.band--focus .band__in{max-width:min(100%,760px)}
.band--focus .band__h{max-width:17ch;font-size:clamp(2rem,4.3vw,4rem)}
@media (max-width:760px){.band--focus .band__h{max-width:17ch}.band--focus .band__cta .btn--ghost{display:none}}

/* cta-band: wlasny uklad (nie dziedziczy z pasm hero) */
.sec.band .band__in{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px;width:min(100% - 2*var(--gut),var(--wrap));max-width:none;margin-inline:auto;padding:0}
@media (max-width:760px){.sec.band .band__in{padding:0;gap:22px}}

/* ====================================================================
   Podstrony v3: hero z kadrem i metryczką, karty realizacji i artykułów,
   karta projektu, artykuł ze spisem treści, rytm sekcji
   ==================================================================== */

/* <button class="btn"> bez tła przeglądarki (np. „Wyczyść”, „Zapytaj asystenta”) */
button.btn:not(.btn--gold){background-color:transparent}

/* ---------- rytm podstron ---------- */
.is-sub .sec{padding-block:clamp(64px,8vw,116px)}
.is-sub .sec.sec--tight{padding-block:clamp(44px,5.5vw,80px)}
.is-sub .sec.sec--list{padding-top:clamp(36px,4.5vw,60px)}
.is-sub .sec.sec--case,.is-sub .sec.sec--post{padding-top:clamp(40px,5vw,72px)}
.is-sub .sec__head{margin-bottom:clamp(28px,3.6vw,52px)}
.is-sub .h2{font-size:clamp(1.75rem,3.3vw,3rem)}
.sec--panel,.is-sub .sec.cmp{background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.008));border-block:1px solid var(--line)}

/* nagłówek sekcji w dwóch kolumnach */
.sec__head.sec__head--split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;column-gap:clamp(32px,6vw,96px);row-gap:18px;justify-items:stretch}
.sec__head--split>div{display:grid;gap:20px;justify-items:start}
.sec__head--split>p{justify-self:end;margin:0;max-width:46ch}
.sec__head--split>p.lede{justify-self:start}

/* nagłówek z lewej, treść z prawej */
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.split__head{display:grid;gap:20px;justify-items:start;position:sticky;top:110px}

/* ---------- hero podstron ---------- */
.phero{padding:clamp(108px,14vh,148px) 0 0}
.phero .crumbs{margin-bottom:clamp(22px,3vw,40px)}
.phero .phero__in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.phero.has-media .phero__in{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.phero .phero__text{display:grid;gap:22px;justify-items:start;max-width:900px;min-width:0}
.phero .phero__title{font:300 clamp(2.1rem,4.4vw,4.1rem)/1.06 var(--f-display);letter-spacing:-.02em;text-wrap:balance}
.phero.has-media .phero__title{font-size:clamp(2rem,3.6vw,3.4rem)}
.phero .phero__title .vf{max-width:22ch}
.js .phero .phero__title .vf{opacity:1;transform:none}
.phero .start{max-width:60ch}
.phero .start p{color:rgba(239,236,230,.86)}
.phero .phero__cta{margin-top:4px}
.phero__media{position:relative;min-width:0}

/* kadr: ramka z narożnikami wizjera */
.frame{position:relative;margin:0;padding:12px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.008))}
.frame>.vf__c{width:20px;height:20px}
.frame>.vf__c--tl{left:-9px;top:-9px}
.frame>.vf__c--tr{right:-9px;top:-9px}
.frame>.vf__c--bl{left:-9px;bottom:-9px}
.frame>.vf__c--br{right:-9px;bottom:-9px}
.frame--img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:14px;background:var(--panel)}
.frame--art{display:grid;place-items:center;padding:clamp(24px,3vw,40px);aspect-ratio:16/11}
.frame--art .art{width:100%;height:auto;max-height:260px}
.frame--facts{display:grid;gap:clamp(14px,1.6vw,22px);padding:clamp(22px,2.6vw,34px)}
.frame__art{display:grid;place-items:center}
.frame__art .art{width:min(100%,300px);height:auto;max-height:150px}
.facts{display:grid;margin:0;padding:0;list-style:none}
.facts li{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--line)}
.facts b{font:300 clamp(1.35rem,2.1vw,1.95rem)/1.1 var(--f-display);letter-spacing:-.02em;color:var(--accent);overflow-wrap:anywhere}
.facts span{font-size:14.5px;color:var(--text-secondary)}
.frame--map{padding:clamp(14px,2vw,24px)}
.frame--map .rmap{display:block;width:100%;height:auto}
.phero--post .frame--img img{aspect-ratio:auto;max-height:540px;object-fit:contain}
.phero--person.has-media .phero__in{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.phero--person .frame--img img{aspect-ratio:4/5}
.frame .team__ph--xl{position:relative;inset:auto;display:grid;place-items:center;aspect-ratio:4/5;border-radius:14px;background:linear-gradient(160deg,#20242A,#15181c);font-size:clamp(4rem,8vw,7rem);opacity:1}

/* metryczka (pasek faktów pod hero) */
.spec{display:flex;flex-wrap:wrap;align-items:center;row-gap:10px;margin:clamp(36px,5vw,60px) 0 0;padding:16px 0;border-block:1px solid var(--line);list-style:none;font:400 11.5px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.spec li{display:inline-flex;align-items:center}
.spec li+li::before{content:"";flex:none;width:4px;height:4px;margin:0 16px;border-radius:50%;background:var(--accent-muted)}
.spec__first{color:var(--text-primary)}
.spec__first::before{content:"";flex:none;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--accent);animation:recblink 2.4s var(--ease-io) infinite}

/* ---------- filtry ---------- */
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:clamp(24px,3vw,40px)}
.fchips{display:flex;flex-wrap:wrap;gap:8px}
.fchip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text-primary);font:500 14px/1 var(--f-body);cursor:pointer;transition:border-color .3s var(--ease-out),background-color .3s var(--ease-out),color .3s var(--ease-out)}
.fchip sup{position:static;font:400 10.5px/1 var(--f-mono);color:var(--text-secondary)}
.fchip:hover{border-color:var(--text-primary)}
.fchip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#121417}
.fchip[aria-pressed="true"] sup{color:rgba(18,20,23,.68)}
.fchip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.filters__sel{display:flex;flex-wrap:wrap;gap:8px}
.filters__sel select{min-height:42px;padding:0 16px;background:var(--panel);border:1px solid var(--line-strong);border-radius:999px;color:var(--text-primary);font:inherit}
.filters__count{margin:0 0 0 auto;font:400 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.filters__count:empty{display:none}
div.empty{display:grid;gap:14px;justify-items:start;margin-top:8px}

/* ---------- karty realizacji i artykułów ---------- */
.wcards,.pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,26px);margin:0;padding:0;list-style:none}
.wcard,.pcard{display:flex;min-width:0}
.wcard[hidden],.pcard[hidden]{display:none}
.wcard__link,.pcard__link{position:relative;display:flex;flex-direction:column;width:100%;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));transition:border-color .4s var(--ease-out),transform .5s var(--ease-out)}
.wcard__link:hover,.pcard__link:hover{border-color:var(--accent-muted);transform:translate3d(0,-3px,0)}
.wcard__img,.pcard__img{position:relative;margin:10px 10px 0;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--panel)}
.wcard__img img,.pcard__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.wcard__link:hover .wcard__img img,.pcard__link:hover .pcard__img img{transform:scale(1.04)}
.wcard__img>.vf__c,.pcard__img>.vf__c{z-index:2;width:16px;height:16px;border-color:#fff;opacity:0;transform:scale(.5);transition:opacity .4s var(--ease-out),transform .6s var(--ease-out)}
.wcard__img>.vf__c--tl,.pcard__img>.vf__c--tl{left:12px;top:12px}
.wcard__img>.vf__c--tr,.pcard__img>.vf__c--tr{right:12px;top:12px}
.wcard__img>.vf__c--bl,.pcard__img>.vf__c--bl{left:12px;bottom:12px}
.wcard__img>.vf__c--br,.pcard__img>.vf__c--br{right:12px;bottom:12px}
.wcard__link:hover .vf__c,.pcard__link:hover .vf__c,.wcard__link:focus-visible .vf__c,.pcard__link:focus-visible .vf__c{opacity:1;transform:none}
.wcard__body,.pcard__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1;padding:clamp(18px,2vw,26px)}
.wcard__meta{font:400 11px/1.6 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.wcard__t,.pcard__t{font:300 clamp(1.22rem,1.65vw,1.55rem)/1.18 var(--f-display);letter-spacing:-.012em;transition:color .3s var(--ease-out)}
.pcard__t{font-size:clamp(1.12rem,1.45vw,1.36rem);line-height:1.28}
.wcard__link:hover .wcard__t,.pcard__link:hover .pcard__t{color:var(--accent)}
.wcard__d,.pcard__d{font-size:15.5px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wcard__res{padding:7px 11px;border-radius:9px;background:rgba(201,162,74,.12);font-size:14px;color:var(--text-primary)}
.wcard__res b{color:var(--accent);font-weight:600}
.wcard__sub{font:400 11.5px var(--f-mono);letter-spacing:.08em;color:var(--text-secondary)}
.wcard__go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font:400 11.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);transition:color .3s var(--ease-out)}
.wcard__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .45s var(--ease-out)}
a:hover .wcard__go{color:var(--text-primary)}
a:hover .wcard__go svg{transform:translate3d(4px,0,0)}
.pcard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font:400 11px/1.6 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.pcard__meta span:first-child:not(.pcard__new),.pcard__new+span{color:var(--accent)}
.pcard__new{padding:4px 8px;border-radius:6px;background:var(--accent);color:#121417;letter-spacing:.12em}

/* wyróżniona karta: poziomo, na dwie kolumny (realizacje) lub całą szerokość (wiedza) */
.wcard--feature{grid-column:span 2}
.pcard--feature{grid-column:1/-1}
.wcard--feature .wcard__link,.pcard--feature .pcard__link{flex-direction:row;align-items:stretch}
.wcard--feature .wcard__img,.pcard--feature .pcard__img{flex:0 0 58%;margin:10px;aspect-ratio:auto;min-height:320px}
.wcard--feature .wcard__body,.pcard--feature .pcard__body{justify-content:center;padding:clamp(22px,2.6vw,40px) clamp(22px,2.6vw,40px) clamp(22px,2.6vw,40px) 10px}
.wcard--feature .wcard__go,.pcard--feature .wcard__go{margin-top:8px}
.wcard--feature .wcard__t,.pcard--feature .pcard__t{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.1}
.pcard--feature .pcard__img{flex-basis:55%;min-height:360px}
.is-filtered .wcard--feature,.is-filtered .pcard--feature{grid-column:auto}
.is-filtered .wcard--feature .wcard__link,.is-filtered .pcard--feature .pcard__link{flex-direction:column}
.is-filtered .wcard--feature .wcard__img,.is-filtered .pcard--feature .pcard__img{flex:none;margin:10px 10px 0;aspect-ratio:16/10;min-height:0}
.is-filtered .wcard--feature .wcard__body,.is-filtered .pcard--feature .pcard__body{padding:clamp(18px,2vw,26px)}
.is-filtered .wcard--feature .wcard__t,.is-filtered .pcard--feature .pcard__t{font-size:clamp(1.22rem,1.65vw,1.55rem)}

/* paginacja */
.pagination{margin-top:clamp(28px,3vw,44px)}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;font:400 13px var(--f-mono)}
.pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#121417}

/* ---------- realizacja: opis + karta projektu ---------- */
.case{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:clamp(32px,5vw,80px);align-items:start}
.case__main{display:grid;gap:clamp(32px,4vw,52px);min-width:0;max-width:760px}
.case__h{margin:0 0 16px;font:300 clamp(1.35rem,2vw,1.8rem)/1.2 var(--f-display);letter-spacing:-.012em}
.case__sheet{position:sticky;top:104px;display:grid;gap:18px;padding:clamp(22px,2.4vw,30px);border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}
.case__sheet .btn{width:100%}
.sheet{display:grid;margin:0}
.sheet>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.sheet dt{font:400 11px/1.7 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.sheet dd{margin:0;font-size:15px;color:var(--text-primary);overflow-wrap:anywhere}
.sheet a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-muted);text-underline-offset:3px}
.sheet a:hover{text-decoration-color:var(--accent)}
.sheet__list{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.case__video{margin:clamp(36px,5vw,64px) 0 0;aspect-ratio:16/9;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#000}
.case__video iframe,.case__video video{display:block;width:100%;height:100%;border:0}
.case__video--file{aspect-ratio:auto}
.kpi{margin-bottom:clamp(28px,3.6vw,48px)}

/* poprzednia / następna */
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,20px);margin-top:clamp(40px,5vw,72px)}
.pnav__a{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 20px 12px 12px;border:1px solid var(--line);border-radius:18px;transition:border-color .3s var(--ease-out)}
.pnav__a--prev{grid-template-columns:auto 96px minmax(0,1fr);padding:12px 12px 12px 20px}
.pnav__a--prev svg{order:-1;transform:rotate(180deg)}
.pnav__a:hover{border-color:var(--accent-muted)}
.pnav__img{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--panel)}
.pnav__img img{display:block;width:100%;height:100%;object-fit:cover}
.pnav__txt{display:grid;gap:6px;min-width:0}
.pnav__t{font:300 clamp(1.05rem,1.5vw,1.35rem)/1.2 var(--f-display);transition:color .3s var(--ease-out)}
.pnav__a:hover .pnav__t{color:var(--accent)}
.pnav__a>svg{width:20px;height:20px;fill:none;stroke:var(--text-secondary);stroke-width:1.6}

/* ---------- artykuł ---------- */
.post{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,6vw,96px);align-items:start}
.post__body{min-width:0;max-width:740px}
.post__aside{position:sticky;top:104px;display:grid;gap:16px}
.toc{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}
.toc ol{display:grid;margin:14px 0 0;padding:0;list-style:none;counter-reset:toc}
.toc li{counter-increment:toc}
.toc a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.4;color:var(--text-secondary);transition:color .3s var(--ease-out)}
.toc li:first-child a{border-top:0}
.toc a::before{content:counter(toc,decimal-leading-zero);font:400 11px/1.9 var(--f-mono);color:var(--accent)}
.toc a:hover{color:var(--text-primary)}
.post__mini{display:grid;gap:12px;justify-items:start;padding:22px;border:1px solid var(--accent-muted);border-radius:18px;background:linear-gradient(180deg,rgba(201,162,74,.08),rgba(201,162,74,.02))}
.post__mini p:not(.kicker){font-size:14.5px;color:var(--text-secondary)}
.post__box{margin-top:clamp(40px,5vw,64px)}
.post__box p{color:var(--text-secondary)}
.post__svc{display:grid;gap:4px}
.post__svc span{font:400 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.post__svc a{display:inline-flex;align-items:center;gap:10px;font:300 clamp(1.2rem,1.8vw,1.5rem)/1.2 var(--f-display);color:var(--text-primary)}
.post__svc a svg{width:18px;height:18px;fill:none;stroke:var(--accent);stroke-width:1.6;transition:transform .45s var(--ease-out)}
.post__svc a:hover{color:var(--accent)}
.post__svc a:hover svg{transform:translate3d(4px,0,0)}
.post__svc em{font-style:normal;font-size:15px;color:var(--text-secondary)}
.post__cta{display:flex;flex-wrap:wrap;gap:12px}

/* treść długich tekstów */
.prose{font-size:clamp(1.02rem,1.15vw,1.1rem);line-height:1.75}
.prose p,.prose li{color:rgba(239,236,230,.8)}
.prose>:first-child{margin-top:0}
.prose h2{margin:2em 0 .7em;font:300 clamp(1.4rem,2.1vw,1.85rem)/1.25 var(--f-display);letter-spacing:-.012em;color:var(--text-primary);scroll-margin-top:110px}
.prose h3{margin:1.7em 0 .5em;font:600 clamp(1.06rem,1.25vw,1.16rem)/1.4 var(--f-body);color:var(--text-primary);scroll-margin-top:110px}
.prose strong,.prose b{color:var(--text-primary);font-weight:600}
.prose ul{list-style:none;padding-left:0}
.prose ul>li{position:relative;padding-left:24px}
.prose ul>li::before{content:"";position:absolute;left:2px;top:.85em;width:9px;height:1.5px;background:var(--accent)}
.prose ol{padding-left:1.5em;list-style:decimal}
.prose ol>li::marker{color:var(--accent);font-family:var(--f-mono);font-size:.9em}
.prose blockquote{margin:1.6em 0;padding:2px 0 2px 22px;border-left:2px solid var(--accent);font:300 clamp(1.1rem,1.5vw,1.3rem)/1.5 var(--f-display);color:var(--text-primary)}
.prose table{width:100%;margin:1.6em 0;border-collapse:collapse;font-size:.95em}
.prose th,.prose td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{font:400 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.prose figure{margin:1.6em 0}
.prose figure img,.prose img{border-radius:14px}
.prose hr{margin:2.4em 0;border:0;border-top:1px solid var(--line)}
.prose--page{max-width:820px}

/* ---------- strona usługi ---------- */
.pain--stack{grid-template-columns:1fr}
.svcb.svcb--v3{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}
.svcb--v3 .svcb__list,.svcb--even .svcb__list{display:grid;gap:18px;align-content:start;padding:clamp(24px,3vw,40px);background:var(--canvas)}
.svcb--v3 .svcb__list .h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.2rem)}
.svcb--v3 .svcb__text{padding-top:clamp(8px,1.4vw,20px)}
.checks.checks--2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.svcb__cta{margin-top:22px}
.svcb.svcb--even{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.ptable-wrap{padding:clamp(6px,1.2vw,14px) clamp(14px,2vw,28px);border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02)}
.ptable-wrap .ptable tbody tr:last-child td{border-bottom:0}
.ptable-wrap .ptable a{transition:color .3s var(--ease-out)}
.ptable-wrap .ptable a:hover{color:var(--accent)}
.cities.cities--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cities--4 li{padding:0;background:var(--canvas)}
.cities--4 a{display:flex;flex-direction:column;gap:10px;height:100%;padding:20px 22px;font:inherit;color:inherit;border-radius:inherit;transition:border-color .3s var(--ease-out)}
.cities--4 li:hover{border-color:var(--accent-muted)}
.cities__name{font:400 1.25rem/1.2 var(--f-display);color:var(--accent)}
.cities__txt{font-size:15px;color:var(--text-secondary)}
.more2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.rel.rel--col{grid-template-columns:1fr;margin-top:14px}
.rel.rel--3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* opinie */
.rev.rev--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rev.rev--masonry{display:block;columns:2 340px;column-gap:clamp(14px,1.6vw,22px)}
.rev--masonry>li{break-inside:avoid;margin-bottom:clamp(14px,1.6vw,22px)}
.quote .rev__meta{margin-top:6px}

/* kroki */
.steps__list.steps__list--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps__list.steps__list--9{grid-template-columns:repeat(3,minmax(0,1fr))}
.three.three--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sec--panel .three li,.sec--panel .ptable-wrap,.sec--panel .rel a{background:var(--canvas)}

/* kontakt */
.kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.kgrid__v{margin-top:14px;font:300 clamp(1.05rem,1.35vw,1.2rem)/1.7 var(--f-display)}
.kgrid__v a{transition:color .3s var(--ease-out)}
.kgrid__v a:hover{color:var(--accent)}
.kgrid__v.kgrid__v--sm{font:400 15.5px/1.6 var(--f-body);color:var(--text-secondary)}

/* mapa regionu */
.rmap__pulse{transform-origin:center;transform-box:fill-box;animation:rmk-pulse 2.6s ease-out infinite}
.region__map .rmap{display:block;width:100%;height:auto}

/* stopka: odstęp między linkami */
.foot__links{display:inline-flex;flex-wrap:wrap;gap:8px 22px}

/* ---------- responsywność ---------- */
@media (max-width:1100px){
  .wcards,.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wcard--feature{grid-column:1/-1}
  .cities.cities--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .three.three--4,.steps__list.steps__list--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  .post{grid-template-columns:1fr}
  .post__aside{position:static;order:-1}
  .post__mini{display:none}
}
@media (max-width:900px){
  .phero.has-media .phero__in,.phero--person.has-media .phero__in{grid-template-columns:1fr}
  .phero--person .phero__media{max-width:420px}
  .case{grid-template-columns:1fr}
  .case__sheet{position:static}
  .split{grid-template-columns:1fr}
  .split__head{position:static}
}
@media (max-width:860px){
  .sec__head.sec__head--split{grid-template-columns:1fr}
  .sec__head--split>p{justify-self:start}
  .svcb.svcb--v3,.svcb.svcb--even,.more2,.kgrid{grid-template-columns:1fr}
  .checks.checks--2{grid-template-columns:1fr}
  .rev.rev--3{grid-template-columns:1fr}
  .steps__list.steps__list--9{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .phero{padding-top:104px}
  .spec{font-size:10.5px;letter-spacing:.1em}
  .spec li+li::before{margin:0 10px}
  .pnav{grid-template-columns:1fr}
  .rel.rel--3{grid-template-columns:1fr}
  .filters__count{margin-left:0}
}
@media (max-width:640px){
  .wcards,.pcards,.cities.cities--4,.three.three--4,.steps__list.steps__list--4,.steps__list.steps__list--9{grid-template-columns:1fr}
  .wcard--feature .wcard__link,.pcard--feature .pcard__link{flex-direction:column}
  .wcard--feature .wcard__img,.pcard--feature .pcard__img{flex:none;margin:10px 10px 0;aspect-ratio:16/10;min-height:0}
  .wcard--feature .wcard__body,.pcard--feature .pcard__body{padding:18px}
  .wcard--feature .wcard__t,.pcard--feature .pcard__t{font-size:1.5rem}
  .frame>.vf__c--tl,.frame>.vf__c--bl{left:-6px}
  .frame>.vf__c--tr,.frame>.vf__c--br{right:-6px}
  .pnav__a,.pnav__a--prev{grid-template-columns:72px minmax(0,1fr);padding:10px 14px 10px 10px}
  .pnav__a>svg{display:none}
}
@media (prefers-reduced-motion:reduce){
  .rmap__pulse,.spec__first::before{animation:none}
  .wcard__link:hover,.pcard__link:hover{transform:none}
}

.svcb.svcb--even{align-items:stretch}
.svcb--even .svcb__list{display:flex;flex-direction:column}
.svcb__foot{margin-top:auto!important;padding-top:18px;border-top:1px solid var(--line);font:500 11px/1.6 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.svcb__foot strong{color:var(--accent);font-weight:500}

/* ---------- Kontakt: podgląd rozmowy z asystentem w karcie „Droga 1” */
.ways__card--hot{display:flex;flex-direction:column;align-items:stretch}
.ways__card--hot .band__cta{margin:0}
.chat{margin-top:auto;display:grid;gap:9px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.28)}
.chat__k{display:flex;align-items:center;gap:8px;margin:0 0 4px!important;font:500 10px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary)!important}
.chat__k::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(201,162,74,.18)}
.chat__b{max-width:86%;margin:0!important;padding:10px 14px;border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.06);color:var(--text-primary)!important;font-size:.875rem;line-height:1.45}
.chat__b--me{justify-self:end;border-radius:14px 14px 4px 14px;background:rgba(201,162,74,.16)}
.js .ways__card--hot .chat__b{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.js .ways__card--hot.in .chat__b{opacity:1;transform:none}
.js .ways__card--hot.in .chat__b:nth-of-type(2){transition-delay:.5s}
.js .ways__card--hot.in .chat__b:nth-of-type(3){transition-delay:1.1s}
.js .ways__card--hot.in .chat__b:nth-of-type(4){transition-delay:1.7s}
@media (prefers-reduced-motion:reduce){.js .ways__card--hot .chat__b{opacity:1;transform:none;transition:none}}

/* ---------- Siatka usług: dział marketingu jako szeroka karta na start */
.svc__item--wide{grid-column:1/-1}
.svc__item--wide .svc__link{grid-template-columns:clamp(150px,16vw,230px) minmax(0,1fr) auto;align-items:center;column-gap:clamp(22px,3.4vw,56px);row-gap:10px;border-color:var(--accent-muted);background:linear-gradient(100deg,rgba(201,162,74,.12),rgba(201,162,74,.02) 60%)}
.svc__item--wide .svc__art{grid-column:1;grid-row:1/span 4;margin:0;height:clamp(104px,9.5vw,148px)}
.svc__item--wide .svc__n,.svc__item--wide .svc__t,.svc__item--wide .svc__d,.svc__item--wide .svc__inc{grid-column:2}
.svc__item--wide .svc__t{font-size:clamp(1.45rem,2.1vw,2rem)}
.svc__item--wide .svc__d{font-size:1.05rem;color:var(--text-primary)}
.svc__inc{font:400 11.5px/1.7 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.svc__item--wide .svc__go{grid-column:3;grid-row:1/span 4;margin:0;padding:12px 20px;border:1px solid var(--accent-muted);border-radius:999px;color:var(--accent)}
.svc__item--wide .svc__link:hover .svc__go{background:var(--accent);color:var(--canvas)}
@media (max-width:980px){
  .svc__item--wide{grid-column:auto}
  .svc__item--wide .svc__link{grid-template-columns:1fr}
  .svc__item--wide .svc__art{grid-row:auto;height:clamp(92px,8.6vw,124px)}
  .svc__item--wide .svc__n,.svc__item--wide .svc__t,.svc__item--wide .svc__d,.svc__item--wide .svc__inc,.svc__item--wide .svc__go{grid-column:1;grid-row:auto}
  .svc__item--wide .svc__go{justify-self:start;margin-top:6px}
  .svc__item--wide .svc__t{font-size:clamp(1.08rem,1.35vw,1.3rem)}
}
@media (max-width:640px){.btn{white-space:normal;text-align:center;line-height:1.25;padding-top:10px;padding-bottom:10px}}

/* ---------- Ikony usług v2: kreska jak u ludzików, jeden złoty akcent, bez przysłony */
.ico{display:block;overflow:visible}
.ico *{vector-effect:non-scaling-stroke}
.ico .i-ln{fill:none;stroke:rgba(239,236,230,.78);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ico .i-dm{fill:none;stroke:rgba(239,236,230,.3);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.ico .i-ds{fill:none;stroke:rgba(239,236,230,.28);stroke-width:1.2;stroke-dasharray:2 4;stroke-linecap:round}
.ico .i-gs{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ico .i-cv{fill:none;stroke:var(--canvas);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ico .i-fw{fill:rgba(239,236,230,.72)}
.ico .i-fl{fill:rgba(239,236,230,.16)}
.ico .i-gd{fill:var(--accent)}
.ico .i-bg{fill:var(--canvas)}
.ico .i-cur{fill:#EFECE6;stroke:var(--canvas);stroke-width:1.2;stroke-linejoin:round}
.ico .i-tx{font:600 7.5px/1 var(--f-mono);fill:var(--canvas)}
.ico .i-tg{font:500 6.5px/1 var(--f-mono);letter-spacing:.12em;fill:rgba(239,236,230,.5)}
.ico .i-side .i-ln{stroke:rgba(239,236,230,.5)}
.ico [class*="a-"]{transform-box:fill-box;transform-origin:center;transition:transform .6s var(--ease-out),opacity .6s var(--ease-out),stroke-dashoffset 1.2s var(--ease-out)}
.ico .a-rec{animation:recblink 2.4s var(--ease-io) infinite}
.ico .a-cur{transform:translate(6px,4px)}
.ico .a-arm-l{transform-origin:100% 0}
.ico .a-arm-r{transform-origin:0 0}
.ico .a-flag{transform-origin:0 50%}
:is(.svch li,.svc__link,.frame):hover .ico .a-cur{transform:none}
:is(.svch li,.svc__link,.frame):hover .ico .a-btn{animation:ico-press .5s .45s var(--ease-out)}
:is(.svch li,.svc__link,.frame):hover .ico .a-drop{animation:ico-drop .7s var(--ease-out)}
:is(.svch li,.svc__link,.frame):hover .ico .a-badge{animation:ico-pop .5s .5s var(--ease-out)}
:is(.svch li,.svc__link,.frame):hover .ico .a-h1{animation:ico-float 1.4s var(--ease-out)}
:is(.svch li,.svc__link,.frame):hover .ico .a-h2{animation:ico-float 1.4s .25s var(--ease-out)}
:is(.svch li,.svc__link,.frame):hover .ico .a-focus{transform:scale(.7)}
:is(.svch li,.svc__link,.frame):hover .ico .a-r1{animation:ico-ring 1.2s var(--ease-out)}
:is(.svch li,.svc__link,.frame):hover .ico .a-r2{animation:ico-ring 1.2s .15s var(--ease-out)}
:is(.svch li,.svc__link,.frame):hover .ico .a-r3{animation:ico-ring 1.2s .3s var(--ease-out)}
:is(.svch li,.svc__link,.frame):hover .ico .a-ad{transform:translateX(3px)}
:is(.svch li,.svc__link,.frame):hover .ico .a-star{animation:ico-pop .45s var(--ease-out) both}
:is(.svch li,.svc__link,.frame):hover .ico .a-star--1{animation-delay:.08s}
:is(.svch li,.svc__link,.frame):hover .ico .a-star--2{animation-delay:.16s}
:is(.svch li,.svc__link,.frame):hover .ico .a-star--3{animation-delay:.24s}
:is(.svch li,.svc__link,.frame):hover .ico .a-star--4{animation-delay:.32s}
:is(.svch li,.svc__link,.frame):hover .ico .a-top{transform:scaleX(1.12);transform-origin:0 50%}
:is(.svch li,.svc__link,.frame):hover .ico .a-spark{transform:rotate(90deg) scale(1.15)}
:is(.svch li,.svc__link,.frame):hover .ico .a-route{stroke-dashoffset:-24}
:is(.svch li,.svc__link,.frame):hover .ico .a-flag{animation:ico-wave .9s var(--ease-io) 2}
:is(.svch li,.svc__link,.frame):hover .ico .a-arm-l{transform:rotate(100deg)}
:is(.svch li,.svc__link,.frame):hover .ico .a-arm-r{transform:rotate(-100deg)}
@keyframes ico-press{50%{transform:scale(.86)}}
@keyframes ico-drop{0%{transform:translateY(-18px);opacity:0}60%{transform:translateY(2px);opacity:1}100%{transform:none}}
@keyframes ico-pop{0%{transform:scale(.4);opacity:.3}60%{transform:scale(1.25);opacity:1}100%{transform:none}}
@keyframes ico-float{0%{transform:none;opacity:1}60%{transform:translateY(-10px) scale(1.1);opacity:.4}100%{transform:none;opacity:1}}
@keyframes ico-ring{50%{transform:scale(1.1);opacity:.5}}
@keyframes ico-wave{50%{transform:skewY(-8deg) scaleX(.9)}}
/* rozmiary w kontenerach */
.svch__art{display:block;height:clamp(76px,7vw,96px);margin:0 0 10px}
.svch__art .art{height:100%;width:auto}
.svch li{align-content:start}
@media (prefers-reduced-motion:reduce){.ico [class*="a-"]{transition:none!important;animation:none!important}.ico .a-cur{transform:none}}

/* ---------- Header nad hero (5.10): WP dodaje klasę .page do <body> na stronach, stara reguła .page dawała 150px pustego pasa; teraz tylko main.page */
.admin-bar .nav{top:32px}
@media (max-width:782px){.admin-bar .nav{top:46px}}
@media (max-width:600px){.admin-bar .nav{top:0}}
.hero--scrub .hero__scrim::after{content:"";position:absolute;inset:0 0 auto;height:clamp(140px,22vh,220px);background:linear-gradient(180deg,rgba(10,11,14,.62),rgba(10,11,14,0));pointer-events:none}

/* HUD w hero (REC / czas / scena) zawsze pod menu, także z paskiem WordPressa po zalogowaniu */
.admin-bar{--adm:32px}
@media (max-width:782px){.admin-bar{--adm:46px}}
@media (max-width:600px){.admin-bar{--adm:0px}}
.hero__hud{top:calc(var(--adm,0px) + 98px)}
@media (max-width:720px),(orientation:portrait) and (max-width:1024px){.hero__hud{top:calc(var(--adm,0px) + 88px)}}
/* ====================================================================
   Szkło v4 (5.10): styl „iPhone” – półprzezroczyste bąbelki z odblaskiem,
   duże zaokrąglenia, sprężysty ruch. Kolory marki bez zmian (ciemny + złoto).
   ==================================================================== */
:root{
  --spring:cubic-bezier(.34,1.56,.64,1);
  --g-brd:rgba(255,255,255,.11);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.11);
  --g-sh:0 26px 50px -30px rgba(0,0,0,.75);
  --g-bg:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
  --g-gold-bg:linear-gradient(180deg,rgba(214,176,88,.17),rgba(201,162,74,.04));
  --g-gold-brd:rgba(222,186,98,.36);
  --liquid-gold:linear-gradient(180deg,#EACE80 0%,#D1AB52 46%,#B98F3A 100%);
  --liquid-gold-hi:linear-gradient(180deg,#F2D98E 0%,#D9B45C 46%,#C29842 100%);
}

/* ---------- Menu: pływająca szklana kapsuła */
.nav{padding-top:12px;background:none!important;border-bottom:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.nav .nav__in{position:relative;isolation:isolate;height:60px;padding:0 8px 0 22px}
.nav .nav__in::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:999px;background:linear-gradient(180deg,rgba(30,33,38,.5),rgba(18,20,24,.38));-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 36px -16px rgba(0,0,0,.75);transition:background .5s var(--ease-out)}
.nav.is-solid .nav__in::before{background:linear-gradient(180deg,rgba(30,33,38,.8),rgba(18,20,24,.72))}
.nav__logo-img{height:30px}
.nav__list{gap:2px}
.nav__list>li>a{padding:9px 14px;border-radius:999px;transition:background-color .3s var(--ease-out),color .3s var(--ease-out)}
.nav__list>li>a::after{display:none}
.nav__list>li>a:hover{background:rgba(255,255,255,.08)}
.nav__list>li.is-current>a{background:rgba(255,255,255,.12);color:var(--text-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.has-sub{display:flex;align-items:center}
.nav__sub{border-radius:26px;background:linear-gradient(180deg,rgba(32,35,40,.82),rgba(20,22,26,.78));-webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 60px -20px rgba(0,0,0,.8)}
.nav__sub a{border-radius:14px}
.nav__cta.btn{--h:44px;padding:0 20px;font-size:14.5px}
@media (max-width:1040px){
  .nav .nav__in{height:58px;padding:0 6px 0 18px}
  .nav__burger{width:46px;height:46px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
  .nav__menu{background:rgba(12,13,16,.86);-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6)}
  .nav__list>li>a{padding:4px 0;background:none!important;box-shadow:none!important}
  .nav__sub{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none}
}

/* ---------- Plakietki REC / czas / scena w hero */
.hero__hud.chip{padding:0;gap:8px}
.hero__hud.chip span{min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px -10px rgba(0,0,0,.6)}

/* ---------- Przyciski: płynne złoto i szklane kapsuły, sprężyste naciśnięcie */
.btn{transition:transform .5s var(--spring),background .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s var(--ease-out),color .35s var(--ease-out)}
.btn:active{transform:scale(.95)}
.btn--gold,.aifab{background:var(--liquid-gold);color:#17140c;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(90,60,10,.3),0 10px 26px -10px rgba(201,162,74,.6)}
.btn--gold:hover,.aifab:hover{background:var(--liquid-gold-hi);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(90,60,10,.3),0 16px 36px -12px rgba(201,162,74,.8);transform:translateY(-2px)}
.btn--gold:active,.aifab:active{transform:scale(.95)}
.btn--ghost{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border-color:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.13);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4)}
.btn--ghost:hover{border-color:rgba(255,255,255,.3);background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.05))}
.aifab{border:0}

/* ---------- Karty: szkło z odblaskiem podążającym za kursorem */
.wcard__link,.pcard__link,.card,.svch li,.ways__card,.svcb__list,.svcb--v3 .svcb__list,.svcb--even .svcb__list,.cmp__card,.pk__card,.three li,.pain li,.rel a,.cities li,.ptable-wrap,.case__sheet,.toc,.frame,.kgrid>div,.faq__list{
  --sheen:radial-gradient(340px circle at var(--mx,-999px) var(--my,-999px),rgba(255,255,255,.075),transparent 62%);
  background:var(--sheen),var(--g-bg);border:1px solid var(--g-brd);box-shadow:var(--g-hi),var(--g-sh)}
.wcard__link,.pcard__link,.card,.svch li,.ways__card,.svcb__list,.cmp__card,.pk__card,.three li,.case__sheet,.frame,.faq__list{border-radius:28px}
.pain li,.rel a,.cities li,.ptable-wrap,.toc{border-radius:22px}
.cmp__card--us,.pk__card--hot,.ways__card--hot,.svch li.svch__all,.svc__item--wide .svc__link,.post__box,.aiq{
  --sheen:radial-gradient(340px circle at var(--mx,-999px) var(--my,-999px),rgba(255,236,190,.1),transparent 62%);
  background:var(--sheen),var(--g-gold-bg);border:1px solid var(--g-gold-brd);box-shadow:inset 0 1px 0 rgba(255,232,178,.22),0 30px 60px -32px rgba(201,162,74,.45)}
.post__box,.aiq{border-radius:28px}
.wcard__img,.pcard__img{border-radius:20px}
.frame--img img{border-radius:18px}
.kgrid>div{padding:clamp(22px,2.6vw,32px);border-radius:28px}
.wcard__link,.pcard__link,.card,.svch li,.rel a,.cities li{transition:transform .6s var(--spring),border-color .35s var(--ease-out),box-shadow .45s var(--ease-out)}
.wcard__link:hover,.pcard__link:hover,.card:hover,.svch li:hover,.rel a:hover,.cities li:hover{transform:translate3d(0,-5px,0);border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 34px 60px -30px rgba(0,0,0,.85)}
.svc__item--wide .svc__link:hover,.svch li.svch__all:hover{border-color:rgba(232,200,120,.6)}
.pk__tag{background:var(--liquid-gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}

/* ---------- Bez etykiet nad nagłówkami (5.10): nagłówek mówi sam za siebie; zostaje tylko etykieta w hero strony głównej */
.kicker:not(.band__kicker):has(+ h1,+ h2){display:none}
.hero__static>.kicker.rv{display:flex}

/* ---------- Metryczka pod nagłówkiem podstrony jako kapsuły */
.spec{gap:8px;padding:0;border-block:0}
.spec li{min-height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.spec li+li::before{display:none}

/* ---------- Filtry i wybór: kapsuły */
.fchip,.filters select,.chip span{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);transition:transform .45s var(--spring),background .3s var(--ease-out),border-color .3s var(--ease-out)}
.fchip:active{transform:scale(.94)}
.fchip[aria-pressed="true"],.chip input:checked+span{background:var(--liquid-gold);border-color:transparent;color:#17140c;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 20px -10px rgba(201,162,74,.6)}

/* ---------- FAQ jak lista w Ustawieniach iPhone'a */
.faq__list{padding:4px clamp(18px,2.4vw,28px);border-top:1px solid var(--g-brd)}
.faq__list .qa:last-child{border-bottom:0}
.qa__icon{border-color:rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.14);transition:transform .55s var(--spring),border-color .3s var(--ease-out)}

/* ---------- Formularz: pola jak w iOS, zgoda jako przełącznik */
.field input,.field textarea{border-radius:16px;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.field input:focus,.field textarea:focus{border-color:rgba(214,176,88,.75);box-shadow:0 0 0 4px rgba(201,162,74,.16)}
.check{grid-template-columns:48px 1fr;align-items:center}
.check input{-webkit-appearance:none;appearance:none;position:relative;width:46px;height:28px;margin:0;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.3);cursor:pointer;transition:background .3s var(--ease-out)}
.check input::before{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#F4F1EA;box-shadow:0 2px 6px rgba(0,0,0,.4);transition:transform .5s var(--spring)}
.check input:checked{background:var(--accent);border-color:transparent}
.check input:checked::before{transform:translateX(18px)}
.check input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* ---------- Opinie jak wiadomości (dymki z awatarem) */
.quote{gap:14px;padding:0;border:0;background:none;box-shadow:none}
.quote .quote__mark{display:none}
.quote blockquote{
  --sheen:radial-gradient(340px circle at var(--mx,-999px) var(--my,-999px),rgba(255,255,255,.08),transparent 62%);
  position:relative;padding:22px 24px;border-radius:28px 28px 28px 8px;background:var(--sheen),linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 22px 44px -28px rgba(0,0,0,.8)}
.quote blockquote p{color:rgba(239,236,230,.9)}
.quote--big blockquote{padding:clamp(26px,3vw,40px)}
.quote figcaption{position:relative;min-height:44px;padding:2px 0 0 56px;border-top:0}
.quote__av{position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--liquid-gold);color:#17140c;font:500 14px/1 var(--f-display);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 16px -6px rgba(201,162,74,.55)}

/* ---------- Pasek na telefonie i asystent: pływające bąbelki */
@media (max-width:760px){
  .mbar{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:8px;border-radius:30px;background:linear-gradient(180deg,rgba(32,35,40,.66),rgba(18,20,24,.6));-webkit-backdrop-filter:blur(24px) saturate(1.7);backdrop-filter:blur(24px) saturate(1.7);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 18px 40px -12px rgba(0,0,0,.75)}
  .mbar__tel{border-radius:50%;border-color:rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
  body{padding-bottom:92px}
}
.ai__panel{border-radius:30px 0 0 30px;overflow:hidden}
@media (max-width:600px){.ai__panel{border-radius:30px 30px 0 0}}

@media (prefers-reduced-motion:reduce){
  .wcard__link:hover,.pcard__link:hover,.card:hover,.svch li:hover,.rel a:hover,.cities li:hover,.btn--gold:hover,.aifab:hover{transform:none}
}
/* Hero na telefonie: treść nad pływającym paskiem (asystent + telefon) */
@media (max-width:760px){
  .band__in{padding-bottom:max(108px,calc(env(safe-area-inset-bottom) + 100px))}
  .hero__static{padding-bottom:calc(108px + env(safe-area-inset-bottom))}
}

/* ---------- Bez telefonu w nagłówku (5.10): główna droga to asystent; numer zostaje w stopce i na stronie Kontakt */
.nav__cta--bare{display:inline-flex!important}
@media (max-width:600px){.nav__cta--bare.btn{--h:40px;padding:0 14px;font-size:13.5px}}
.mbar__ai.btn{flex:1 1 100%}

/* ---------- Asystent jako arkusz iOS: szklany panel z dynamiczną sprężyną, na telefonie wysuwany od dołu */
.ai__backdrop{background:rgba(6,7,9,.45);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}
.ai__panel{top:14px;bottom:14px;right:14px;width:min(100% - 28px,440px);border-radius:32px;background:linear-gradient(180deg,rgba(34,37,42,.88),rgba(20,22,26,.92));-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 40px 80px -20px rgba(0,0,0,.85);overflow:hidden;transform:translate3d(calc(100% + 28px),0,0);transition:transform .6s cubic-bezier(.22,1.18,.36,1)}
.ai.is-open .ai__panel{transform:none}
.ai__head{border-bottom-color:rgba(255,255,255,.08)}
.ai__close{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);transition:transform .45s var(--spring)}
.ai__close:active{transform:scale(.9)}
.ai__frame{background:transparent}
@media (max-width:600px){
  /* Telefon: asystent na cały ekran (7.10), cienki nagłówek, odstępy na wycięcie i pasek iPhone'a */
  .ai__panel{top:0;left:0;right:0;bottom:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;padding-bottom:env(safe-area-inset-bottom,0px);transform:translate3d(0,100%,0)}
  .ai__head{align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px 16px}
  .ai__panel .ai__who{gap:10px}
  .ai__panel .ai__who .aichip__av{width:36px;height:36px}
  .ai__panel .ai__who .aichip__av .ai-ico{width:19px;height:19px}
  .ai__panel .ai__who .kicker{font-size:9px}
  .ai__t{margin:2px 0 0;font-size:.95rem;line-height:1.25}
  .ai__close{flex:none;width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){.ai__panel{transition:none}}
@media (min-width:601px){.admin-bar .ai__panel{top:calc(var(--adm,0px) + 14px)}}

/* ---------- Płynne przewijanie (Lenis, 5.10) */
html{scroll-padding-top:96px}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent],.lenis .ai__panel,.lenis .nav__menu{overscroll-behavior:contain}

/* ---------- Ikony w kartach korzyści (zamiast pustego kwadracika) */
.three li{align-content:start}
.three i{display:none}
.three__ico{display:block;width:56px;height:56px;margin-bottom:8px}
.three__ico .mini{width:100%;height:100%}
/* ---------- Realizacje: wyróżniona karta w proporcji mockupu (5.10) */
.wcard--feature .wcard__img{aspect-ratio:16/10;min-height:0;align-self:center}
/* ---------- Realizacje: Zobacz na żywo (5.10) */
.golinks{display:flex;flex-wrap:wrap;gap:10px}
.golink{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 18px;border-radius:999px;border:1px solid rgba(239,236,230,.16);background:rgba(255,255,255,.045);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-primary);font:500 15px/1.2 var(--f-body);text-decoration:none;transition:border-color .3s,color .3s,background-color .3s,transform .5s var(--ease-out)}
.golink svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--ease-out)}
.golink:hover,.golink:focus-visible{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}
.golink:hover svg,.golink:focus-visible svg{transform:translate(2px,-2px)}
.golink--www{border-color:rgba(201,162,74,.45);color:var(--accent);background:rgba(201,162,74,.08)}
@media (max-width:600px){.golinks{display:grid;grid-template-columns:1fr}.golink{justify-content:space-between}}
/* ---------- Opinie z Google (dane z wtyczki Trustindex, 5.10) */
.gscore{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.gscore b{font:500 1.25em/1 var(--f-display);color:var(--text-primary)}
.gscore__stars,.quote__stars{color:var(--accent);letter-spacing:.12em}
.quote__stars{margin:0 0 10px;font-size:15px;line-height:1}
.quote__stars .is-off{color:rgba(239,236,230,.22)}
.quote__av--img{object-fit:cover;background:var(--panel-2);padding:0}

/* ---------- Karuzela opinii z Google (strona główna, 5.10) */
.gcar{position:relative;margin-inline:calc(var(--gut) * -1)}
.gcar::after{content:"";position:absolute;top:0;right:0;bottom:18px;width:clamp(24px,6vw,90px);background:linear-gradient(90deg,transparent,var(--canvas));pointer-events:none;transition:opacity .4s}
.gcar.is-end::after{opacity:0}
.gcar__list{display:flex;align-items:stretch;gap:18px;margin:0;padding:6px var(--gut) 18px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gcar__list::-webkit-scrollbar{display:none}
.gcar__list:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:24px}
.gcar__item{display:flex;flex:0 0 clamp(280px,31vw,410px);scroll-snap-align:start}
.gcar .quote{flex:1 1 auto;width:100%}
.gcar .quote blockquote{flex:1 1 auto}
.sec__head .gcar__nav{display:flex;gap:10px;align-self:end;justify-self:end}
.gcar__btn{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);color:var(--text-primary);cursor:pointer;transition:border-color .3s,color .3s,opacity .3s,transform .5s var(--spring,cubic-bezier(.2,1.4,.4,1))}
.gcar__btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gcar__btn--prev svg{transform:scaleX(-1)}
.gcar__btn:hover:not(:disabled),.gcar__btn:focus-visible{border-color:var(--accent);color:var(--accent)}
.gcar__btn:active:not(:disabled){transform:scale(.92)}
.gcar__btn:disabled{opacity:.35;cursor:default}
.quote__txt{position:relative}
.gcar .quote__txt:not(.is-open){display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.gcar .quote__txt p+p{margin-top:.6em}
.quote__more{margin-top:10px;padding:0;border:0;background:none;color:var(--accent);font:500 14px/1.2 var(--f-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.sec__head .gcar__nav{display:none}.gcar__item{flex-basis:84%}}

/* ---------- Mapa Polski w sekcji Region i na stronach miast (5.10) */
.rmap{position:relative;--z:0;overflow:hidden;isolation:isolate}
.region__map{padding:0}
.region__map .rmap{border-radius:23px}
.frame--map{padding:12px}
.frame--map .rmap{border-radius:14px}
.rmap>svg{display:block;width:100%;height:auto}
.rmap__pl{fill:rgba(201,162,74,.035)}
.rmap__wm{fill:rgba(201,162,74,.055);opacity:calc(.4 + var(--z) * .6)}
.rmap__in{fill:none;stroke:rgba(239,236,230,.15);stroke-width:1;stroke-linejoin:round}
.rmap__out{fill:none;stroke:rgba(201,162,74,.55);stroke-width:1.2;stroke-linejoin:round}
.rmap__pod{fill:rgba(201,162,74,.17);stroke:var(--accent);stroke-width:1.4;stroke-linejoin:round}
.rmap__ln{stroke:rgba(201,162,74,.55);stroke-width:1.2;stroke-dasharray:4 6;opacity:clamp(0,calc((var(--z) - .6) * 2.5),1);transition:stroke .3s}
.rmap__ln.is-hl,.rmap__ln.is-hov{stroke:var(--accent);stroke-dasharray:none}
.rmap__pin{position:absolute;z-index:1;width:0;height:0;opacity:clamp(0,calc((var(--z) - .55) * 2.4),1)}
.rmap__pin--home,.rmap__pin.is-hl{opacity:1}
.rmap__dot{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--text-primary);box-shadow:0 0 0 4px rgba(18,20,23,.55);transition:background .3s,transform .4s var(--ease-out)}
.rmap__pin--home .rmap__dot{left:-6px;top:-6px;width:12px;height:12px}
.rmap__pin--home .rmap__dot,.rmap__pin.is-hl .rmap__dot,.rmap__pin.is-hov .rmap__dot{background:var(--accent)}
.rmap__pin.is-hl .rmap__dot,.rmap__pin.is-hov .rmap__dot{transform:scale(1.3)}
.rmap__pin--home .rmap__dot::after{content:"";position:absolute;inset:-9px;border:1.2px solid rgba(201,162,74,.7);border-radius:50%;animation:rmk-pulse 2.6s ease-out infinite}
.rmap__lbl{position:absolute;top:-7px;white-space:nowrap;font:500 12.5px/1.1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(239,236,230,.9);text-shadow:0 1px 10px rgba(18,20,23,.95),0 0 3px rgba(18,20,23,.9);transition:color .3s}
.rmap__pin--r .rmap__lbl{left:15px}
.rmap__pin--l .rmap__lbl{right:15px}
.rmap__pin--home .rmap__lbl{right:24px}
.rmap__pin--b .rmap__lbl{top:13px;left:0;transform:translateX(-50%)}
.rmap__pin--home .rmap__lbl,.rmap__pin.is-hl .rmap__lbl,.rmap__pin.is-hov .rmap__lbl{color:var(--accent)}
.rmap__cap,.rmap__hint{position:absolute;left:clamp(16px,2.6vw,26px);margin:0;font:400 11px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(239,236,230,.45);text-shadow:0 1px 8px rgba(18,20,23,.9);pointer-events:none}
.rmap__cap{bottom:clamp(14px,2.4vw,22px);display:grid}
.rmap__cap span{grid-area:1/1}
.rmap__cap0{opacity:clamp(0,calc(1 - var(--z) * 2.2),1)}
.rmap__cap1{opacity:clamp(0,calc((var(--z) - .55) * 2.4),1)}
.rmap__hint{top:clamp(14px,2.4vw,22px);display:none;opacity:clamp(0,calc(1 - var(--z) * 3),1)}
@media (hover:hover){.rmap__hint{display:block}}
@media (max-width:560px){.rmap__lbl{font-size:10.5px}.rmap__cap,.rmap__hint{font-size:9.5px}}
@media (prefers-reduced-motion:reduce){.rmap__pin--home .rmap__dot::after{animation:none}}

/* ---------- Jak zaczynamy współpracę: suwak odsłaniający kroki (5.10) */
.sld{position:relative}
.sld__bar{position:relative;height:64px;margin-bottom:clamp(30px,3.4vw,46px)}
.sld__rail{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -12px 26px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sld__fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--sx,0px) + 62px);border-radius:inherit;background:linear-gradient(90deg,rgba(201,162,74,.04),rgba(201,162,74,.26));box-shadow:inset -1px 0 0 rgba(201,162,74,.45)}
.sld__stop{position:absolute;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:rgba(239,236,230,.28);transition:background .3s,box-shadow .3s,transform .5s var(--spring)}
.sld__stop.is-on{background:var(--accent);box-shadow:0 0 0 5px rgba(201,162,74,.18);transform:scale(1.25)}
.sld__hint{position:absolute;left:84px;top:50%;transform:translateY(-50%);white-space:nowrap;font:400 12px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:transparent;background:linear-gradient(90deg,rgba(239,236,230,.32) 0%,rgba(239,236,230,.32) 40%,#EFECE6 50%,rgba(239,236,230,.32) 60%,rgba(239,236,230,.32) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:sld-shine 3s linear infinite;opacity:clamp(0,calc(1 - var(--sp,0) * 9),1);pointer-events:none}
@keyframes sld-shine{from{background-position:110% 0}to{background-position:-160% 0}}
.sld__knob{position:absolute;left:4px;top:4px;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--liquid-gold,#C9A24A);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -6px 12px rgba(120,86,20,.35),0 10px 24px -10px rgba(201,162,74,.8),0 2px 6px rgba(0,0,0,.35);color:#17140c;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:scale .35s var(--spring),box-shadow .3s}
.sld__knob:hover{scale:1.04}
.sld.is-drag .sld__knob{cursor:grabbing;scale:1.08}
.sld__knob:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}
.sld__ico{grid-area:1/1;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s,transform .45s var(--spring)}
.sld__ico--ok{opacity:0;transform:scale(.4)}
.sld.is-done .sld__ico--go{opacity:0;transform:scale(.4)}
.sld.is-done .sld__ico--ok{opacity:1;transform:none}
.sld.is-nudge .sld__knob{animation:sld-nudge 1.6s var(--ease-io,ease-in-out) 2}
@keyframes sld-nudge{0%,100%{translate:0 0}30%{translate:26px 0}50%{translate:0 0}68%{translate:12px 0}84%{translate:0 0}}
.sld.is-ready .step{position:relative}
.sld.is-ready .step__num{opacity:0;transform:translateY(28px) scale(.35);transform-origin:30% 80%;transition:opacity .2s,transform .3s}
.sld.is-ready .step h3,.sld.is-ready .step p{opacity:0;transform:translateY(14px);transition:opacity .2s,transform .3s}
.sld.is-ready .step.is-on .step__num{opacity:1;transform:none;animation:sld-num 1.2s ease-out;transition:opacity .25s,transform .8s cubic-bezier(.18,1.9,.4,1)}
.sld.is-ready .step.is-on h3{opacity:1;transform:none;transition:opacity .5s .12s,transform .7s .12s var(--ease-out)}
.sld.is-ready .step.is-on p{opacity:1;transform:none;transition:opacity .5s .22s,transform .7s .22s var(--ease-out)}
@keyframes sld-num{0%{color:var(--accent)}35%{color:var(--accent)}100%{color:transparent}}
@media (max-width:1040px){
  .sld{padding-left:62px}
  .sld__bar{position:absolute;left:0;top:0;bottom:0;width:48px;height:auto;margin:0}
  .sld__rail{left:50%;right:auto;width:2px;margin-left:-1px;overflow:visible;border:0;border-radius:2px;background:rgba(239,236,230,.12);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .sld__fill{right:0;bottom:auto;width:auto;height:calc(var(--sx,0px) + 22px);background:linear-gradient(180deg,rgba(201,162,74,.15),var(--accent));box-shadow:none}
  .sld__stop{left:50%;top:auto}
  .sld__hint{display:none}
  .sld__knob{left:2px;top:0;width:44px;height:44px;cursor:default;touch-action:auto}
  .sld__knob:hover{scale:none}
  .sld__ico{width:18px;height:18px;transform:rotate(90deg)}
  .sld.is-done .sld__ico--ok{transform:none}
  .steps--4 .sld__list{grid-template-columns:1fr;gap:clamp(40px,7vw,56px)}
}
@media (prefers-reduced-motion:reduce){.sld__hint,.sld.is-nudge .sld__knob,.sld.is-ready .step.is-on .step__num{animation:none}}

/* ---------- Nagłówki z literami uciekającymi od kursora (data-flee) (5.10) */
.fl__w{display:inline-block;white-space:nowrap}
.fl__c{display:inline-block;transition:transform .6s cubic-bezier(.2,1.75,.35,1);will-change:transform}

/* ---------- Pakiety na stronie głównej: ceny pod zdrapką (5.10) */
.scr{position:relative;justify-self:stretch;padding:4px 0}
.scr__foil{position:absolute;top:-6px;right:-12px;bottom:-6px;left:-12px;z-index:2;display:block;margin:0;padding:0;border:0;border-radius:14px;background:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='12' fill='%23E2C276' stroke='%23866322' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='7.5' fill='none' stroke='%23866322' stroke-width='1.2' stroke-dasharray='2 2'/%3E%3C/svg%3E") 16 16,pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:opacity .6s var(--ease-out)}
.scr__foil canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;box-shadow:0 10px 26px -14px rgba(201,162,74,.65)}
.scr__foil:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}
.scr.is-done .scr__foil{opacity:0;pointer-events:none}
.scr.is-done .pk__price{animation:scr-pop 1s var(--spring,ease-out)}
@keyframes scr-pop{0%{transform:scale(.9);filter:drop-shadow(0 0 0 rgba(201,162,74,0))}40%{transform:scale(1.06);filter:drop-shadow(0 0 16px rgba(201,162,74,.65))}100%{transform:none;filter:none}}
.scr .pk__price{transform-origin:0 60%}
.scr__flake{position:absolute;z-index:3;width:5px;height:4px;border-radius:1px;background:linear-gradient(135deg,#F3DB93,#B98F3A);pointer-events:none;animation:scr-fall .9s cubic-bezier(.3,.6,.6,1) forwards}
@keyframes scr-fall{to{transform:translate(var(--fx),var(--fy)) rotate(var(--fr));opacity:0}}

/* ---------- Asystent AI: ikona (dymek z iskrą), „awatar” z kropką online i krótki napis „Zaczynamy?” (6.10) */
.ai-ico{flex:none;width:1.3em;height:1.3em;overflow:visible}
.btn>.ai-ico{margin-left:-.2em}
.ai-ico__b{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.ai-ico__s{fill:currentColor;transform-box:fill-box;transform-origin:50% 50%;transition:transform .6s var(--spring,ease-out)}
[data-assist]:hover .ai-ico__s{transform:rotate(90deg) scale(1.15)}
.nav__cta .ai-ico__s,.aichip .ai-ico__s,.ai__who .ai-ico__s{animation:ai-twinkle 4.5s var(--ease-io,ease-in-out) infinite}
@keyframes ai-twinkle{0%,72%,100%{transform:none}80%{transform:scale(.5) rotate(45deg)}88%{transform:scale(1.2) rotate(90deg)}}
.aichip{gap:12px}
.aichip__av{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2B2720,#121417 70%);color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(23,20,12,.35)}
.aichip__av .ai-ico{width:21px;height:21px;margin:0}
.aichip__on{position:absolute;right:0;top:0;width:10px;height:10px;border-radius:50%;background:#52C98A;box-shadow:0 0 0 2px #121417}
.aichip__on::after{content:"";position:absolute;inset:0;border-radius:50%;background:#52C98A;animation:ai-on 2.4s ease-out infinite}
@keyframes ai-on{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.6);opacity:0}}
.aichip__txt{display:grid;gap:4px;text-align:left;line-height:1}
.aichip__txt b{font:600 15px/1 var(--f-body);letter-spacing:.005em}
.aichip__txt small{font:400 10.5px/1 var(--f-mono);letter-spacing:.05em;opacity:.75;white-space:nowrap}
.aifab.aichip{gap:12px;min-height:58px;padding:0 22px 0 8px}
.mbar__ai.aichip{--h:56px;gap:12px;justify-content:center;padding:0 18px 0 8px}
.ai__who{display:flex;align-items:center;gap:14px}
.ai__who .aichip__av{width:46px;height:46px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(201,162,74,.35)}
.ai__who .aichip__av .ai-ico{width:24px;height:24px}
@media (prefers-reduced-motion:reduce){.ai-ico__s,.aichip__on::after{animation:none!important}}

/* ---------- Usługi: „Dlaczego warto…” – korzyści z ikonami (6.10) */
.bnf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.bnf__item{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.4vw,30px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));transition:border-color .35s var(--ease-out),transform .5s var(--spring,ease-out)}
.bnf__item:hover{border-color:var(--accent-muted);transform:translateY(-3px)}
.bnf__ico{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:14px;background:radial-gradient(circle at 30% 25%,rgba(201,162,74,.22),rgba(201,162,74,.06));box-shadow:inset 0 0 0 1px rgba(201,162,74,.35);color:var(--accent)}
.bnf__ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bnf__t{font:500 clamp(1.05rem,1.3vw,1.2rem)/1.3 var(--f-display);letter-spacing:-.005em}
.bnf__item p{color:var(--text-secondary);font-size:.98rem;line-height:1.55}
@media (max-width:980px){.bnf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.bnf{grid-template-columns:1fr}}

/* ---------- Usługi: wynik w stylu Google PageSpeed Insights (6.10) */
.psi-sec .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:center}
.psi-sec__text{display:grid;gap:18px;justify-items:start}
.psi{padding:clamp(18px,2.4vw,30px);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.psi__tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.25)}
.psi__tab{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--text-secondary);font:500 14px var(--f-body);cursor:pointer;transition:background-color .3s,color .3s}
.psi__tab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.psi__tab[aria-selected="true"]{background:rgba(255,255,255,.1);color:var(--text-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.psi__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.psi__gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 22px;padding:0;list-style:none}
.psi__g{--c:#0CCE6B;--cb:rgba(12,206,107,.1);display:grid;justify-items:center;align-content:start;gap:10px;text-align:center}
.psi__g--o{--c:#FFA400;--cb:rgba(255,164,0,.1)}
.psi__g--r{--c:#FF4E42;--cb:rgba(255,78,66,.1)}
.psi__ring{position:relative;width:clamp(70px,7vw,92px);aspect-ratio:1}
.psi__ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.psi__ring .bg{fill:var(--cb)}
.psi__ring .fg{fill:none;stroke:var(--c);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v,0));transition:stroke-dashoffset 1.5s var(--ease-out)}
.psi__num{position:absolute;inset:0;display:grid;place-items:center;font:500 clamp(1.3rem,2vw,1.7rem)/1 var(--f-mono);color:var(--c)}
.psi__lbl{font-size:13px;line-height:1.3;color:var(--text-secondary)}
.psi__m{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0;padding-top:18px;border-top:1px solid var(--line);font-size:14px}
.psi__m div{display:flex;justify-content:space-between;gap:12px}
.psi__m dt{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}
.psi__m dt::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#0CCE6B}
.psi__m dd{margin:0;font:500 14px var(--f-mono);color:var(--text-primary);white-space:nowrap}
.psi__foot{margin:16px 0 0;font:400 11.5px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}
@media (max-width:980px){.psi-sec .wrap{grid-template-columns:1fr}}
@media (max-width:540px){.psi__gauges{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.psi__m{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.psi__ring .fg{transition:none}}
.psi__agent{display:flex;align-items:center;gap:10px;margin:18px 0 0;padding:12px 14px;border-radius:14px;background:rgba(12,206,107,.08);box-shadow:inset 0 0 0 1px rgba(12,206,107,.25);font-size:14px;color:var(--text-primary)}
.psi__agent b{color:#0CCE6B;font:500 14px var(--f-mono)}
.psi__agent-ico svg{display:block;width:18px;height:18px;fill:none;stroke:#0CCE6B;stroke-width:1.6;stroke-linejoin:round}
/* ---------- Zespół: kursor rękawicy bokserskiej (6.10): włącza się polem „Kursor: rękawica bokserska” w panelu osoby */
@media (hover:hover) and (pointer:fine){
.team__card--glove,.team__card--glove *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 32 32'%3E%3Cg transform='rotate(-38 16 16)' stroke='%233A0A0E' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M10.6 21.6L22.6 21.6L22.1 29.2Q22 30 21.2 30L11.9 30Q11.1 30 11 29.2Z' fill='%23F3EEE4'/%3E%3Cpath d='M11 24.2H22.2' fill='none' stroke='%23D7262E' stroke-width='1.6'/%3E%3Cpath d='M14.4 26.4l4.2 2M18.6 26.4l-4.2 2' fill='none' stroke-width='.9'/%3E%3Cpath d='M11 22.4C8 20.4 7 15.6 8 11.2C9.2 5.4 14 2.2 19.2 3C24.4 3.9 26.6 9 25.6 14.2C25 18 23.6 20.8 22.2 22.4Z' fill='%23D7262E'/%3E%3Cpath d='M8.6 12.2C5.4 12.6 4.6 16.8 6.8 19C8.6 20.8 11.8 20.2 12.6 17.8C12.9 15.4 11.2 13 8.6 12.2Z' fill='%23C21D26'/%3E%3Cpath d='M12.8 11.6C15.8 12.8 20.6 12.8 24.8 10.6' fill='none' stroke-width='.9' opacity='.75'/%3E%3Cpath d='M12.6 6.4C14.6 4.6 18.4 4.2 21 5.6' fill='none' stroke='%23fff' stroke-width='1.5' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") 11 6,pointer}
.team__card--glove:active,.team__card--glove :active{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 32 32'%3E%3Cg transform='rotate(-38 16 16)' stroke='%233A0A0E' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M10.6 21.6L22.6 21.6L22.1 29.2Q22 30 21.2 30L11.9 30Q11.1 30 11 29.2Z' fill='%23F3EEE4'/%3E%3Cpath d='M11 24.2H22.2' fill='none' stroke='%23D7262E' stroke-width='1.6'/%3E%3Cpath d='M14.4 26.4l4.2 2M18.6 26.4l-4.2 2' fill='none' stroke-width='.9'/%3E%3Cpath d='M11 22.4C8 20.4 7 15.6 8 11.2C9.2 5.4 14 2.2 19.2 3C24.4 3.9 26.6 9 25.6 14.2C25 18 23.6 20.8 22.2 22.4Z' fill='%23D7262E'/%3E%3Cpath d='M8.6 12.2C5.4 12.6 4.6 16.8 6.8 19C8.6 20.8 11.8 20.2 12.6 17.8C12.9 15.4 11.2 13 8.6 12.2Z' fill='%23C21D26'/%3E%3Cpath d='M12.8 11.6C15.8 12.8 20.6 12.8 24.8 10.6' fill='none' stroke-width='.9' opacity='.75'/%3E%3Cpath d='M12.6 6.4C14.6 4.6 18.4 4.2 21 5.6' fill='none' stroke='%23fff' stroke-width='1.5' opacity='.6'/%3E%3C/g%3E%3Cpath d='M3.6 9.8L1.2 9.4M4.6 5.8L2.8 4M8.2 3.4L7.4 1.2' stroke='%23FFD24A' stroke-width='1.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") 11 6,pointer}
}
/* ---------- O nas: historia z osią czasu, cytat, misja i wizja (6.10) */
.tline{list-style:none;margin:10px 0 0;padding:0;display:grid}
.tline li{position:relative;display:grid;gap:5px;padding:0 0 26px 30px}
.tline li:last-child{padding-bottom:0}
.tline li::before{content:"";position:absolute;left:5px;top:18px;bottom:2px;width:1px;background:linear-gradient(180deg,rgba(201,162,74,.7),rgba(201,162,74,.12))}
.tline li:last-child::before{display:none}
.tline li::after{content:"";position:absolute;left:0;top:4px;width:11px;height:11px;border-radius:50%;border:1px solid var(--accent);background:var(--canvas)}
.tline li:last-child::after{background:var(--accent);box-shadow:0 0 0 5px rgba(201,162,74,.16)}
.tline__when{font:500 .72rem/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.tline__t{font:500 1.04rem/1.35 var(--f-display);color:var(--text-primary)}
.tline__txt{font-size:.95rem;line-height:1.55;color:var(--text-secondary);max-width:38ch}
.story__body blockquote{margin:1.4em 0 1.5em;padding:clamp(24px,3vw,36px);border:1px solid var(--g-gold-brd);border-radius:28px;background:var(--g-gold-bg);box-shadow:inset 0 1px 0 rgba(255,232,178,.2),0 30px 60px -34px rgba(201,162,74,.4)}
.story__body blockquote p{margin:0;font:300 clamp(1.45rem,2.5vw,2.15rem)/1.22 var(--f-display);letter-spacing:-.016em;color:var(--text-primary)}
.story__body blockquote cite{display:block;margin-top:16px;font:500 .74rem/1.3 var(--f-mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.story__body h3{margin-top:2em}
.mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.mv__card{display:grid;align-content:start;gap:16px;padding:clamp(26px,3.2vw,44px);border:1px solid var(--g-brd);border-radius:28px;background:var(--g-bg);box-shadow:var(--g-hi),var(--g-sh)}
.mv__card--gold{border-color:var(--g-gold-brd);background:var(--g-gold-bg);box-shadow:inset 0 1px 0 rgba(255,232,178,.2),0 30px 60px -34px rgba(201,162,74,.4)}
.mv__lbl{font:500 .74rem/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.mv__big{font:300 clamp(1.3rem,2.1vw,1.8rem)/1.3 var(--f-display);letter-spacing:-.012em;color:var(--text-primary);text-wrap:balance}
.mv__txt{color:var(--text-secondary);line-height:1.65;max-width:52ch}
@media (max-width:760px){.mv{grid-template-columns:1fr}.tline{margin-top:4px}}
/* ---------- Strona osoby: „Kim jest…”, fakty, „Na co dzień” i usługi; krótki opis na kartach zespołu (6.10) */
.osfacts{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px;width:100%;max-width:440px}
.osfacts li{display:grid;grid-template-columns:minmax(84px,auto) 1fr;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--g-brd);border-radius:20px;background:var(--g-bg);box-shadow:var(--g-hi)}
.osfacts b{font:300 clamp(1.35rem,2vw,1.75rem)/1.1 var(--f-display);letter-spacing:-.01em;color:var(--accent)}
.osfacts span{font-size:.95rem;line-height:1.45;color:var(--text-secondary)}
.os__svc-t{margin:0 0 18px;font:400 clamp(1.15rem,1.6vw,1.4rem)/1.3 var(--f-display);color:var(--text-primary)}
.rel.rel--1{grid-template-columns:1fr}
.team__short{margin-top:-2px;font-size:.92rem;line-height:1.55;color:rgba(239,236,230,.68)}
/* ---------- Usługi na stronie głównej: malowanie kwadracików myszą (6.10) */
.svch li{position:relative;isolation:isolate;overflow:hidden}
.svch li>*:not(.svch__px){position:relative;z-index:1}
.svch__px{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
/* ---------- Hero podstron v4 (6.10): nagłówek bez narożników, „kadr” jak ekran aparatu, spokojny pasek metryczki */
.phero--v4 .phero__tt{display:inline-block;max-width:22ch}
.js .phero--v4 .phero__tt{animation:phero-up .9s .05s var(--ease-out) both}
@keyframes phero-up{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
.phero--v4.has-media .phero__in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.phero--v4 .start p{color:rgba(239,236,230,.62)}
.phero--v4 .start p+p{margin-top:.8em}
.phero--v4 .start__hl{color:var(--text-primary)}
.kadr{display:grid;gap:12px;padding:12px;border-radius:28px}
.kadr__hud{display:flex;align-items:center;gap:12px;margin:0;padding:6px 8px 0;font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);min-width:0}
.kadr__rec{display:flex;align-items:center;gap:10px;min-width:0}
.kadr__rec::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(201,162,74,.75);animation:recblink 2.4s var(--ease-io) infinite}
.kadr__lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kadr__screen{position:relative;display:grid;place-items:center;min-height:clamp(210px,21vw,280px);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;background:radial-gradient(110% 85% at 50% 45%,rgba(201,162,74,.09),transparent 62%),linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.14))}
.kadr__screen::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(33.333% - .5px),rgba(255,255,255,.045) 0,rgba(255,255,255,.045) calc(33.333% + .5px),transparent 0,transparent calc(66.666% - .5px),rgba(255,255,255,.045) 0,rgba(255,255,255,.045) calc(66.666% + .5px),transparent 0),linear-gradient(180deg,transparent calc(33.333% - .5px),rgba(255,255,255,.045) 0,rgba(255,255,255,.045) calc(33.333% + .5px),transparent 0,transparent calc(66.666% - .5px),rgba(255,255,255,.045) 0,rgba(255,255,255,.045) calc(66.666% + .5px),transparent 0)}
.kadr--img .kadr__screen,.kadr--map .kadr__screen{min-height:0;background:var(--panel)}
.kadr--img .kadr__screen::before,.kadr--map .kadr__screen::before{display:none}
.kadr__art{position:relative;width:min(58%,290px);padding:clamp(30px,4vw,52px) 0}
.kadr__art .art{display:block;width:100%;height:auto;max-height:190px}
.kadr__num{position:relative;display:grid;gap:10px;justify-items:center;margin:0;padding:clamp(40px,5vw,66px) 24px;text-align:center}
.kadr__num b{font:300 clamp(2rem,3.6vw,3.2rem)/1 var(--f-display);letter-spacing:-.03em;color:var(--accent);text-shadow:0 0 40px rgba(201,162,74,.25)}
.kadr__num b.is-long{font-size:clamp(1.5rem,2.4vw,2.1rem)}
.kadr__num span{max-width:30ch;font-size:14.5px;line-height:1.45;color:var(--text-secondary)}
.kadr__img{width:100%;margin:0}
.kadr__img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.phero--person .kadr__img img{aspect-ratio:4/5}
.phero--post .kadr__img img{aspect-ratio:auto;max-height:520px;object-fit:contain}
.kadr__img .team__ph--xl{border-radius:0}
.kadr__map{width:100%;padding:10px}
.kadr__map .rmap{display:block;width:100%;height:auto}
.kadr__focus{position:absolute;inset:16% 20%;pointer-events:none;animation:kadr-lock 1.2s .35s var(--ease-out) both}
.kadr--num .kadr__focus{inset:17% 9%}
.kadr--img .kadr__focus{inset:9% 11%}
.kadr__focus i{position:absolute;width:16px;height:16px;border:0 solid var(--accent)}
.kadr__focus i:nth-child(1){left:0;top:0;border-left-width:1.5px;border-top-width:1.5px}
.kadr__focus i:nth-child(2){right:0;top:0;border-right-width:1.5px;border-top-width:1.5px}
.kadr__focus i:nth-child(3){left:0;bottom:0;border-left-width:1.5px;border-bottom-width:1.5px}
.kadr__focus i:nth-child(4){right:0;bottom:0;border-right-width:1.5px;border-bottom-width:1.5px}
.kadr--img .kadr__focus i{border-color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
@keyframes kadr-lock{0%{opacity:0;transform:scale(1.32)}55%{opacity:1;transform:scale(.96)}78%{transform:scale(1.015)}100%{opacity:1;transform:none}}
.kadr__subject{animation:kadr-sharp 1.15s .15s var(--ease-out) both}
@keyframes kadr-sharp{from{opacity:.3;filter:blur(10px)}to{opacity:1;filter:blur(0)}}
.kadr__read{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 22px;margin:0;padding:8px 10px 8px;list-style:none}
.kadr__read li{display:grid;gap:5px;align-content:start;min-width:0;padding-left:14px;border-left:1px solid rgba(201,162,74,.38)}
.kadr__read b{font:300 clamp(1.15rem,1.6vw,1.45rem)/1.15 var(--f-display);letter-spacing:-.015em;color:var(--accent)}
.kadr__read b.is-long{font-size:clamp(.95rem,1.15vw,1.08rem);letter-spacing:0;overflow-wrap:anywhere}
.kadr__read span{font-size:13.5px;line-height:1.45;color:var(--text-secondary)}
.phero--v4 .spec{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;margin:clamp(40px,5vw,64px) 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--line);font:400 11.5px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.phero--v4 .spec li{display:inline-flex;align-items:center;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.phero--v4 .spec li+li::before{display:block;content:"";flex:none;width:3px;height:3px;margin:0 14px;border-radius:50%;background:rgba(239,236,230,.32)}
.phero--v4 .spec__first{color:var(--text-primary)}
.phero--v4 .spec__first::before{content:"";flex:none;width:6px;height:6px;margin-right:10px;border-radius:50%;background:var(--accent);animation:none}
@media (max-width:980px){.phero--v4.has-media .phero__in{grid-template-columns:1fr}.phero--v4 .phero__media{width:100%;max-width:560px}.phero--person .phero__media{max-width:420px}}
@media (max-width:640px){.kadr__screen{min-height:180px}.kadr__art{width:52%}.phero--v4 .spec{font-size:10.5px;letter-spacing:.1em}.phero--v4 .spec li+li::before{margin:0 10px}}
@media (prefers-reduced-motion:reduce){.js .phero--v4 .phero__tt,.kadr__focus,.kadr__subject,.kadr__rec::before{animation:none}}
/* ---------- Hero v4 – poprawki (6.10): mniejszy kadr przy zdjęciu osoby, mapa bez przycinania etykiet */
.phero--v4.phero--person.has-media .phero__in{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
.kadr--map .kadr__screen{overflow:visible}
.kadr__map{padding:10px 26px 10px 10px}
@media (max-width:980px){.phero--v4.phero--person.has-media .phero__in{grid-template-columns:1fr}}
/* ---------- Zdjęcia i video: wejście z rozmyciem – kadr na cały ekran, „Ustaw ostrość” przez przytrzymanie (6.10) */
.js main[data-focus-gate]{animation:fgate-pre 2.5s linear}
.js main[data-focus-gate].fgate-ready{animation:none}
@keyframes fgate-pre{from,to{filter:blur(16px)}}
html.fgate-on{overflow:hidden}
.fgate{--p:0;--in:clamp(14px,2.4vw,32px);position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(10,11,13,calc(.32 - .32 * var(--p)));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity .55s var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.fgate::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(1 - var(--p));background:linear-gradient(90deg,transparent calc(33.333% - .5px),rgba(255,255,255,.07) 0,rgba(255,255,255,.07) calc(33.333% + .5px),transparent 0,transparent calc(66.666% - .5px),rgba(255,255,255,.07) 0,rgba(255,255,255,.07) calc(66.666% + .5px),transparent 0),linear-gradient(180deg,transparent calc(33.333% - .5px),rgba(255,255,255,.07) 0,rgba(255,255,255,.07) calc(33.333% + .5px),transparent 0,transparent calc(66.666% - .5px),rgba(255,255,255,.07) 0,rgba(255,255,255,.07) calc(66.666% + .5px),transparent 0)}
.fgate__frame{position:absolute;inset:calc(var(--in) + var(--p) * 16px);pointer-events:none}
.fgate__frame i{position:absolute;width:clamp(34px,4vw,58px);height:clamp(34px,4vw,58px);border:0 solid rgba(239,236,230,.92);transition:border-color .25s var(--ease-out),filter .25s var(--ease-out)}
.fgate__frame i:nth-child(1){left:0;top:0;border-left-width:2px;border-top-width:2px}
.fgate__frame i:nth-child(2){right:0;top:0;border-right-width:2px;border-top-width:2px}
.fgate__frame i:nth-child(3){left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}
.fgate__frame i:nth-child(4){right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}
.fgate__hud{position:absolute;left:calc(var(--in) + 22px);top:calc(var(--in) + 18px);display:flex;align-items:center;gap:10px;margin:0;font:500 11px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(239,236,230,.85);pointer-events:none}
.fgate__rec{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(201,162,74,.85);animation:recblink 1.6s var(--ease-io) infinite}
.fgate__hold{position:relative;display:grid;justify-items:center;gap:14px;margin:0;padding:8px;border:0;background:none;color:var(--text-primary);font:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.fgate__ring{position:relative;display:block;width:clamp(92px,9vw,112px);aspect-ratio:1;transform:scale(calc(1 - var(--p) * .1));border-radius:50%}
.fgate__ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.fgate__ring .bg{fill:rgba(10,11,13,.28);stroke:rgba(239,236,230,.6);stroke-width:1.5}
.fgate__ring .pr{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;filter:drop-shadow(0 0 6px rgba(201,162,74,.7))}
.fgate__ring::before,.fgate__ring::after{content:"";position:absolute;left:50%;top:50%;background:rgba(239,236,230,.85);transform:translate(-50%,-50%)}
.fgate__ring::before{width:1.5px;height:20px}
.fgate__ring::after{width:20px;height:1.5px}
.fgate__lbl{font:300 clamp(1.3rem,2.1vw,1.7rem)/1.2 var(--f-display);letter-spacing:-.01em;text-shadow:0 2px 22px rgba(0,0,0,.55)}
.fgate__hint{font:500 11px/1.4 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(239,236,230,.72)}
.fgate__hold:focus{outline:none}
.fgate__hold{border-radius:20px}.fgate.kb .fgate__hold:focus-visible{outline:1px dashed rgba(239,236,230,.55);outline-offset:6px}
.fgate.is-hint .fgate__hint{color:var(--accent);animation:fgate-nudge .45s var(--ease-out)}
@keyframes fgate-nudge{0%,100%{transform:none}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.fgate.is-lock .fgate__frame i{border-color:var(--accent);filter:drop-shadow(0 0 10px rgba(201,162,74,.85))}
.fgate.is-lock .fgate__ring .bg{stroke:var(--accent)}
.fgate.is-lock .fgate__rec{animation:none}
.fgate.is-done{opacity:0;pointer-events:none}
/* ---------- Realizacja (6.10): historia projektu z animowanymi ikonami, pozycje w Google, linki „na żywo” */
.case__h{margin:0 0 12px;font:500 1.15rem/1.3 var(--f-display);color:var(--accent)}
.case__sheet{position:sticky;top:110px;align-self:start}
.live__t{margin:26px 0 12px;font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}
.live{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.live__a{position:relative;display:grid;gap:4px;min-width:0;padding:14px 44px 14px 16px;border:1px solid var(--g-brd);border-radius:18px;background:var(--g-bg);box-shadow:var(--g-hi);transition:border-color .3s var(--ease-out),transform .45s var(--spring)}
.live__a:hover{border-color:var(--accent-muted);transform:translate3d(0,-2px,0)}
.live__a--www{border-color:var(--g-gold-brd);background:var(--g-gold-bg)}
.live__k{font:500 10.5px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.live__v{overflow:hidden;font-size:14.5px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}
.live__a svg{position:absolute;right:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:var(--text-secondary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s var(--ease-out)}
.live__a:hover svg{stroke:var(--accent)}
.gpos{margin:clamp(36px,4vw,56px) 0 0;padding:clamp(20px,2.6vw,30px);border:1px solid var(--g-gold-brd);border-radius:28px;background:var(--g-gold-bg);box-shadow:inset 0 1px 0 rgba(255,232,178,.2),0 30px 60px -34px rgba(201,162,74,.35)}
.gpos__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:16px}
.gpos__head .case__h{margin:0}
.gpos__date{font:500 11px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.gpos__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.gpos__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}
.gpos__bar{display:flex;align-items:center;gap:12px;min-width:0;min-height:52px;padding:0 20px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(10,11,13,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.gpos__lens{flex:none;width:18px;height:18px;fill:none;stroke:var(--text-secondary);stroke-width:2;stroke-linecap:round}
.gpos__q{display:inline-block;max-width:100%;overflow:hidden;font:400 15px/1.2 var(--f-mono);color:var(--text-primary);white-space:nowrap;text-overflow:clip}
.gpos__pos{display:flex;align-items:center;gap:8px;min-width:104px;justify-content:flex-end}
.gpos__pos b{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--accent);border-radius:50%;font:400 1.15rem/1 var(--f-display);color:var(--accent)}
.gpos__pos.is-top b{background:var(--accent);color:#15171a;box-shadow:0 0 26px rgba(201,162,74,.45)}
.gpos__pos small{font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.gpos__note{margin:14px 0 0;font-size:13px;color:var(--text-secondary)}
.js .gpos.in .gpos__q{width:0;animation:gpos-type calc(var(--n) * 42ms) calc(var(--i) * 320ms + 250ms) steps(var(--n)) forwards}
.js .gpos.in .gpos__pos{animation:gpos-pop .5s calc(var(--i) * 320ms + var(--n) * 42ms + 300ms) var(--spring) both}
@keyframes gpos-type{to{width:calc(var(--n) * 1ch + 2px)}}
@keyframes gpos-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.story{position:relative;display:grid;gap:clamp(30px,3.4vw,44px);margin:clamp(40px,4.4vw,64px) 0 0;padding:0;list-style:none}
.story::before{content:"";position:absolute;left:31.5px;top:44px;bottom:44px;width:1px;background:linear-gradient(180deg,rgba(201,162,74,.55),rgba(201,162,74,.08))}
.story__step{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:clamp(18px,2.4vw,28px);align-items:start}
.story__ico{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--g-brd);border-radius:20px;background:linear-gradient(180deg,#20242a,#16191d);box-shadow:var(--g-hi),0 18px 30px -18px rgba(0,0,0,.85);color:var(--text-primary)}
.story__body{min-width:0;padding-top:4px}
.story__list{margin-top:4px}
.story__cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.sic{width:40px;height:40px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sic__bull,.sic__cloth,.sic__bar{fill:rgba(201,162,74,.22)}
.sic__bull,.sic__cloth,.sic__bar,.sic__ck,.sic__up,.sic__uph,.sic__arrow{stroke:var(--accent)}
.sic__path{stroke-dasharray:1;stroke-dashoffset:0}
.sic__ck,.sic__up{stroke-dasharray:1;stroke-dashoffset:0}
.sic__arrow,.sic__board,.sic__flag,.sic__bar{transform-box:fill-box}
.sic__board{transform-origin:50% 50%}
.sic__arrow{transform-origin:0 100%}
.sic__cloth{transform-box:fill-box;transform-origin:0 50%}
.sic__flag{transform-origin:0 100%}
.sic__bar{transform-origin:50% 100%}
.js .story__step.in .sic__arrow{animation:sic-shoot .5s .3s cubic-bezier(.55,0,.8,.2) both,sic-quiver .5s .8s ease-out}
.js .story__step.in .sic__board{animation:sic-hit .45s .78s ease-out}
.js .story__step.in .sic__bull{animation:sic-bull .4s .78s ease-out both}
.js .story__step.in .sic__path{animation:sic-draw 1s .3s var(--ease-out) both}
.js .story__step.in .sic__flag{animation:sic-flag-in .45s 1.1s var(--spring) both}
.js .story__step.in .sic__cloth{animation:sic-wave 1.2s 1.4s ease-in-out 2}
.js .story__step.in .sic__ck{animation:sic-draw .4s var(--ease-out) both}
.js .story__step.in .sic__ck--1{animation-delay:.35s}
.js .story__step.in .sic__ck--2{animation-delay:.6s}
.js .story__step.in .sic__ck--3{animation-delay:.85s}
.js .story__step.in .sic__bar{animation:sic-grow .6s var(--ease-out) both}
.js .story__step.in .sic__bar--1{animation-delay:.3s}
.js .story__step.in .sic__bar--2{animation-delay:.45s}
.js .story__step.in .sic__bar--3{animation-delay:.6s}
.js .story__step.in .sic__up{animation:sic-draw .7s .9s var(--ease-out) both}
.js .story__step.in .sic__uph{animation:sic-fade .3s 1.5s both}
@keyframes sic-shoot{from{opacity:0;transform:translate(18px,-18px)}to{opacity:1;transform:none}}
@keyframes sic-quiver{0%,100%{transform:none}25%{transform:rotate(-4deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-1.5deg)}}
@keyframes sic-hit{0%,100%{transform:none}35%{transform:translate(-1.5px,1.5px) scale(.97)}}
@keyframes sic-bull{from{fill:rgba(201,162,74,.22)}50%{fill:var(--accent)}to{fill:rgba(201,162,74,.55)}}
@keyframes sic-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes sic-flag-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:none}}
@keyframes sic-wave{0%,100%{transform:none}50%{transform:skewY(-8deg)}}
@keyframes sic-grow{from{transform:scaleY(0)}to{transform:none}}
@keyframes sic-fade{from{opacity:0}to{opacity:1}}
@media (max-width:640px){.story::before{left:23.5px;top:34px;bottom:34px}.story__step{grid-template-columns:48px minmax(0,1fr);gap:14px}.story__ico{width:48px;height:48px;border-radius:15px}.sic{width:30px;height:30px}.gpos__pos small{display:none}.gpos__pos{min-width:0}.gpos__bar{padding:0 14px;min-height:48px}.gpos__q{font-size:13.5px}.gpos__pos b{width:42px;height:42px;font-size:1rem}}
@media (prefers-reduced-motion:reduce){.js .story__step.in .sic *,.js .story__step.in .sic__arrow,.js .story__step.in .sic__board,.js .gpos.in .gpos__q,.js .gpos.in .gpos__pos{animation:none!important}.js .gpos.in .gpos__q{width:auto}}
@media (max-width:980px){.case__sheet{position:static}}
.case__main>.gpos,.case__main>.story{margin-top:0}
/* ---------- Telefon: asystent jako okrągła ikonka w prawym dolnym rogu, widoczna dopiero po zjechaniu z hero (6.10) */
@media (max-width:760px){
  .mbar{display:none!important}
  body{padding-bottom:0}
  .aifab.aichip{display:grid;place-items:center;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:60px;height:60px;min-height:0;padding:0;gap:0;border-radius:50%;transition:opacity .35s var(--ease-out),transform .5s var(--spring)}
  .aifab .aichip__av{width:44px;height:44px}
  .aifab .aichip__av .ai-ico{width:22px;height:22px}
  .aifab .aichip__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  body:not(.past-hero) .aifab{opacity:0;pointer-events:none;transform:translate3d(0,18px,0) scale(.85)}
}


/* ---------- REMARKED 2.0 (8.10): podtytuł H1 z nazwą usługi, przewaga pod startem, „połowa etatu” */
.phero__sub{display:block;margin-top:.95em;font:400 12px/1.5 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);text-wrap:pretty}
.phero .phero__title.phero__title--long{font-size:clamp(1.75rem,3.1vw,2.75rem)}
.phero__title--long .phero__tt{max-width:28ch}
.adv{display:grid;gap:10px;margin:4px 0 24px;padding:0;list-style:none}
.adv li{display:flex;align-items:center;gap:12px;font-size:14.5px;line-height:1.4;color:var(--text-secondary)}
.adv b{font-weight:500;color:var(--text-primary)}
.adv__ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:radial-gradient(circle at 30% 25%,rgba(201,162,74,.22),rgba(201,162,74,.06));box-shadow:inset 0 0 0 1px rgba(201,162,74,.35);color:var(--accent)}
.adv__ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:600px){.adv{margin-bottom:18px}}
.cmp__half{margin:4px 0 0;font-size:15px;font-weight:500;color:var(--text-primary)}
.ways.ways--one{grid-template-columns:minmax(0,640px);justify-content:center}

/* ---------- Okno zgód na ciasteczka (8.10, inc/consent.php) */
.ck{position:fixed;z-index:120;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);width:min(460px,calc(100% - 2*clamp(12px,2vw,24px)));padding:20px 22px;border-radius:22px;background:rgba(18,20,23,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--g-brd,rgba(255,255,255,.12));box-shadow:0 24px 60px rgba(0,0,0,.45)}
.ck[hidden]{display:none}
.ck__t{margin:0 0 6px;font:500 1rem/1.3 var(--f-display);color:var(--text-primary)}
.ck__d{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-secondary)}
.ck__d a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ck__opts{display:grid;gap:10px;margin:14px 0 0}
.ck__opts[hidden]{display:none}
.ck__opt{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--text-secondary)}
.ck__opt input{flex:none;width:16px;height:16px;margin-top:2px;accent-color:var(--accent)}
.ck__opt b{font-weight:500;color:var(--text-primary)}
.ck__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ck__btns .btn{min-height:42px;padding-inline:16px;font-size:14px}
.ck__btns .btn[hidden]{display:none}
.foot__ck{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.foot__links .foot__ck{margin-left:18px}
@media (max-width:600px){.ck{left:8px;right:8px;bottom:8px;width:auto;padding:16px}.ck__btns .btn{flex:1 1 auto}}

/* ---------- Realizacje: laptop bokiem (3D) i telefon zamiast kadru (8.10, page-hero „devices”) */
.phero__media--dev{position:relative}
.dev3{position:relative;margin:0;aspect-ratio:4/3.05;perspective:1800px;perspective-origin:42% 22%;isolation:isolate}
.dev3::before{content:"";position:absolute;inset:0 -4% -4% -4%;z-index:0;pointer-events:none;background:radial-gradient(58% 13% at 52% 93%,rgba(201,162,74,.3),transparent 72%),radial-gradient(46% 44% at 56% 42%,rgba(201,162,74,.13),transparent 72%);filter:blur(14px)}
.dev3__lap,.dev3__phone{z-index:2}
.dev3__lap{position:absolute;left:15%;top:8%;width:68%;transform-style:preserve-3d;transform-origin:50% 100%;transform:rotateX(-15deg) rotateY(-22deg)}
.dev3__lid{position:relative;aspect-ratio:16/10.5;padding:2% 2% 3%;border-radius:2.6% / 4%;background:linear-gradient(#1a1c21,#0b0c0f);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 0 0 3px #050608;transform-origin:50% 100%;transform:rotateX(8deg)}
.dev3__lid::before{content:"";position:absolute;left:50%;top:.8%;width:.8%;aspect-ratio:1;margin-left:-.4%;border-radius:50%;background:#2a2e35}
.dev3__scr{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2px;background:#fff}
.dev3__scr img,.dev3__pscr img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.dev3__deck{position:absolute;left:0;top:100%;width:100%;aspect-ratio:100/68;transform-style:preserve-3d;transform-origin:50% 0;transform:rotateX(90deg);border-radius:0 0 3.5% 3.5% / 0 0 5% 5%;background:linear-gradient(180deg,#16171b 0,#2c2f35 3%,#3a3e45 45%,#474b53 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.dev3__keys{position:absolute;left:7%;right:7%;top:8%;height:43%;border-radius:1.6% / 3%;background-color:#121316;background-image:repeating-linear-gradient(90deg,transparent 0 calc(100%/15 - 1.5px),rgba(255,255,255,.07) 0 calc(100%/15)),repeating-linear-gradient(180deg,transparent 0 calc(100%/6 - 1.5px),rgba(255,255,255,.07) 0 calc(100%/6));box-shadow:inset 0 0 0 1px rgba(0,0,0,.6)}
.dev3__pad{position:absolute;left:33%;width:34%;top:57%;height:35%;border-radius:4% / 7%;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.dev3__lip{position:absolute;left:0;top:100%;width:100%;aspect-ratio:100/2.1;transform-origin:50% 0;transform:rotateX(-90deg);background:linear-gradient(#6a6e76,#2a2d32)}
.dev3__shadow{position:absolute;inset:-2% -6% -16% -4%;transform:translateZ(-10px);background:radial-gradient(closest-side,rgba(0,0,0,.9),rgba(0,0,0,0));filter:blur(18px)}
.dev3__phone{position:absolute;right:1%;bottom:2%;width:21%;transform-origin:50% 100%;transform:rotateX(-8deg) rotateY(-16deg)}
.dev3__pbody{position:relative;aspect-ratio:100/206;padding:4.4%;border-radius:15% / 7%;background:linear-gradient(140deg,#5a5e66 0%,#24272d 10%,#121418 42%,#1b1e23 70%,#4c5058 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 0 0 3px #0a0b0d,5px 3px 0 -1px #2e3137,6px 3px 0 -1px #50545b}
.dev3__pscr{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12% / 5.6%;background:#05060a;transform:translateZ(0)}
.dev3__island{position:absolute;left:50%;top:1.9%;width:31%;height:3.5%;margin-left:-15.5%;border-radius:999px;background:#000;z-index:2}
.dev3__glare{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 72%,rgba(255,255,255,.05) 100%)}
.dev3__floor{position:absolute;right:-3%;bottom:0;width:32%;height:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);filter:blur(7px);z-index:1}
.dev3__floor--lap{left:8%;right:auto;bottom:9%;width:68%;height:13%;filter:blur(16px);background:radial-gradient(closest-side,rgba(0,0,0,.85),transparent)}
.js .dev3__lap{animation:dev3-lap 1.1s .05s cubic-bezier(.2,.8,.2,1) backwards}
.js .dev3__phone{animation:dev3-ph 1s .35s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes dev3-lap{from{opacity:0;transform:rotateX(-15deg) rotateY(-36deg) translate3d(0,5%,0)}}
@keyframes dev3-ph{from{opacity:0;transform:translate3d(0,12%,0) rotateX(-8deg) rotateY(-16deg)}}
@media (hover:hover){.dev3__lap,.dev3__phone{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.dev3:hover .dev3__lap{transform:rotateX(-14deg) rotateY(-17deg)}.dev3:hover .dev3__phone{transform:translate3d(0,-3%,0) rotateX(-8deg) rotateY(-12deg)}}
@media (prefers-reduced-motion:reduce){.js .dev3__lap,.js .dev3__phone{animation:none}.dev3__lap,.dev3__phone{transition:none}}

/* ---------- Menu (15.10): przyciski asystent + zadzwoń i „Rozwiń” przy usługach. Nagłówek zostaje w szklanej kapsule (decyzja 15.10) */
.nav__call svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
@media (min-width:1041px){.nav__sub-lbl{display:none}}
@media (max-width:1040px){
  .nav__top{width:100%;max-width:440px;justify-items:stretch;gap:12px}
  .nav__top .btn{width:100%;justify-content:center}
  .nav__sub-btn{width:auto;height:34px;gap:6px;margin-left:14px;padding:0 11px 0 14px;border:1px solid var(--line-strong);border-radius:999px;font:500 13px/1 var(--f-body);color:var(--text-secondary)}
  .nav__sub-btn svg{width:13px;height:13px}
  .nav__sub-lbl::before{content:"Rozwiń"}
  .has-sub.is-open .nav__sub-lbl::before{content:"Zwiń"}
  .has-sub.is-open .nav__sub-btn{color:var(--accent);border-color:rgba(201,162,74,.5)}
}
@media (min-width:761px){.sh-cap__cta .btn{white-space:nowrap}}
/* ---------- Usługi na głównej: 8 kafelków, złote linki wyglądające jak przyciski (15.10) */
@media (min-width:1181px){.svch--8{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:981px) and (max-width:1180px){.svch--8{grid-template-columns:repeat(2,minmax(0,1fr))}}
.svch__links a{border-color:rgba(201,162,74,.55);color:var(--accent);background:rgba(201,162,74,.08);font-weight:500}
.svch__links a::after{content:"→";margin-left:7px;transition:transform .3s var(--ease-out)}
.svch__links a:hover{border-color:var(--accent);background:var(--accent);color:#141414}
.svch__links a:hover::after{transform:translateX(3px)}
/* Pakiety: opis „dla kogo” zamiast listy */
.pk--for .pk__for{margin:14px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.55}
/* ---------- Strona główna 15.10: realizacje rotujące, FAQ z dwoma przyciskami, region PL↔LT, logotyp w stopce */
.wrot:not(.is-b) .wcards>li:nth-child(n+4),.wrot.is-b .wcards>li:nth-child(-n+3){display:none}
.wrot .wcards>li.is-swap{animation:wrot-in .8s var(--ease-out) both}
.wrot .wcards>li.is-swap:nth-child(3n+2){animation-delay:.08s}
.wrot .wcards>li.is-swap:nth-child(3n){animation-delay:.16s}
@keyframes wrot-in{from{opacity:0;transform:translate3d(0,16px,0)}}
@media (prefers-reduced-motion:reduce){.wrot .wcards>li.is-swap{animation:none}}
.faq__cta{margin-top:16px;flex-wrap:wrap}
.region__lt{margin-top:20px;padding:14px 16px;border:1px solid rgba(201,162,74,.35);border-radius:16px;background:rgba(201,162,74,.06);font-size:15px;line-height:1.55;color:var(--text-secondary)}
.region__lt b{color:var(--accent);font-weight:500}
.foot__word--logo{font-size:0;line-height:0;-webkit-text-stroke:0;padding:0 var(--gut)}
.foot__word--logo img{display:block;width:min(100%,1480px);height:auto;margin:0 auto}@media (max-width:1040px){.nav__sub-btn{display:inline-flex;align-items:center;justify-content:center}}