@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+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@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:500;font-display:swap;src:url(fonts/jetbrains-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-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;}

:root{--qi-dark:#0C0A2B;--qi-gold:#D8A86A;--qi-ease:cubic-bezier(.22,1,.36,1);--qi-mono:"JetBrains Mono",ui-monospace,monospace}
.qi-note{position:fixed;left:12px;bottom:12px;z-index:9999;background:#FFF7E8;border:1px solid #F0DDBB;color:#5A4520;font:12px/1.4 Inter,sans-serif;padding:8px 12px;border-radius:8px;max-width:340px;box-shadow:0 8px 24px -12px rgba(0,0,0,.4)}
/* nagłówek */
.qi-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,#1A1750 0%,#0C0A2B 62%)!important;isolation:isolate}
#qi-cz{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.qi-hero>.container{position:relative;z-index:1;pointer-events:none}
.qi-hero>.container *{pointer-events:auto}
.qi-hero h1{color:#fff!important}
.qi-hero h1.qi-h1{font-size:clamp(30px,3.9vw,56px)!important;line-height:1.08!important;letter-spacing:-.015em;margin-bottom:22px;white-space:nowrap}
@media (max-width:575px){.qi-hero h1.qi-h1{white-space:normal}.qi-hero h1.qi-h1 .qi-br{display:none}}
.qi-hero .section-hero-content-wrapper>p{color:#C9C8D8!important}
.qi-hero .section-hero-content-wrapper>p:first-child{color:var(--qi-gold)!important;font-family:var(--qi-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.qi-hero h4{color:#fff!important}
.qi-slot{position:relative;min-height:580px;flex:1 1 52%;pointer-events:none!important}
.qi-stage{position:absolute;top:0;bottom:0;left:-8%;right:-2%}
.qi-stage>.qi-poster,.qi-stage>#qi-3d,.qi-stage>.qi-labs{position:absolute;inset:0;width:100%;height:100%;display:block}
@media (max-width:991px){.qi-slot{min-height:420px}.qi-stage{inset:0}}
.qi-slot .qi-poster{object-fit:contain;transition:opacity .7s var(--qi-ease)}.qi-slot .qi-poster.off{opacity:0}
#qi-3d{opacity:0;transition:opacity .7s var(--qi-ease)}#qi-3d.on{opacity:1}
.qi-labs{pointer-events:none;overflow:hidden}
.qi3d-lab{position:absolute;left:0;top:0;transform:translate(-9999px,-9999px);opacity:0;display:grid;grid-template-columns:22px auto 16px;grid-template-rows:auto auto;align-items:center;column-gap:8px;font:11px/1.3 var(--qi-mono);color:#C9C8D8;white-space:nowrap;transition:opacity .3s;margin-top:-10px}
.qi3d-lab i{grid-row:1;width:22px;height:1px;background:var(--qi-gold);opacity:.7}.qi3d-lab b{grid-column:2;grid-row:1;color:#fff;font-weight:500;font-size:12px;letter-spacing:.04em}
.qi3d-lab span{grid-column:2;grid-row:2;font-size:10.5px;color:#9E9CB8}.qi3d-lab em{grid-column:3;grid-row:1}
.qi3d-lab.lewy{grid-template-columns:16px auto 22px;text-align:right;translate:-100% 0}.qi3d-lab.lewy i{grid-column:3}.qi3d-lab.lewy b,.qi3d-lab.lewy span{grid-column:2}.qi3d-lab.lewy em{grid-column:1}
.qi3d-lab em{font-style:normal;width:16px;height:16px;border-radius:50%;background:#3FBF7F;color:#0C0A2B;font-weight:700;font-size:11px;display:grid;place-items:center;opacity:0;transform:scale(.4);transition:transform .3s var(--qi-ease),opacity .3s}
.qi3d-lab.ok em{opacity:1;transform:scale(1)}.qi3d-lab.bug span{color:#E0523F}.qi3d-lab.bug em{opacity:1;transform:scale(1);background:#E0523F;color:#fff}
.qi3d-lab.pipe b{color:var(--qi-gold)}.qi3d-lab.pipe.ok b{color:#3FBF7F}.qi3d-lab.mini.pipe{display:none}.qi3d-lab.mini{font-size:10px}.qi3d-lab.mini span{display:none}.qi3d-lab.mini b{font-size:10.5px}
.qi-slot::before,.qi-slot::after{display:none!important}
.qi-status{margin:22px 0 6px;font:12px var(--qi-mono);color:#8E8CA6;display:flex;align-items:center;gap:10px}
.qi-status i{width:8px;height:8px;border-radius:50%;background:#E0523F;animation:qiping 1.6s infinite}
.qi-status.ok i{background:#3FBF7F;animation:none}
@keyframes qiping{0%{box-shadow:0 0 0 0 rgba(224,82,63,.5)}70%{box-shadow:0 0 0 8px rgba(224,82,63,0)}}
.qi-replay{position:absolute;right:20px;bottom:18px;z-index:2;font:11px var(--qi-mono);color:#77759A;background:rgba(12,10,43,.6);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:6px 10px;cursor:pointer}
.qi-replay:hover{color:var(--qi-gold);border-color:var(--qi-gold)}
/* tło granatowych sekcji */
.qi-amb{isolation:isolate}
.qi-amb>canvas.qi-amb-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;border-radius:inherit}
/* certyfikaty */
#qi-certs .qgrid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
#qi-certs .qchain{position:absolute;left:12.5%;right:12.5%;top:106px;height:2px;z-index:0}
#qi-certs .qchain i{position:absolute;inset:0;background:linear-gradient(90deg,#D8A86A,#E9CFA3,#D8A86A);transform:scaleX(0);transform-origin:left}
#qi-certs.in .qchain i{transform:scaleX(1);transition:transform 2.4s cubic-bezier(.65,0,.35,1) .3s}
#qi-certs .qchain b{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#D8A86A;box-shadow:0 0 0 6px rgba(216,168,106,.2);opacity:0}
#qi-certs.in .qchain b{animation:qipulse 2.4s cubic-bezier(.65,0,.35,1) .3s forwards}
@keyframes qipulse{0%{left:0;opacity:1}95%{opacity:1}100%{left:100%;opacity:0}}
#qi-certs .qc{position:relative;z-index:1;background:#fff;border:1px solid #E3E4E8;border-radius:18px;padding:28px 26px 30px;overflow:hidden;opacity:0;transform:translateY(24px);transition:box-shadow .3s,border-color .3s,transform .3s var(--qi-ease)}
#qi-certs.in .qc{opacity:1;transform:none;transition:opacity .7s var(--qi-ease) calc(var(--i)*.6s + .2s),transform .7s var(--qi-ease) calc(var(--i)*.6s + .2s),box-shadow .3s,border-color .3s}
#qi-certs .qc:hover{border-color:#D8A86A;box-shadow:0 24px 50px -30px rgba(12,10,43,.45);transform:translateY(-4px)}
#qi-certs .qseal{position:relative;width:156px;height:156px;margin:0 auto 26px;display:grid;place-items:center}
#qi-certs .qseal svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#qi-certs .r1{fill:none;stroke:#D8A86A;stroke-width:1.5;stroke-dasharray:377;stroke-dashoffset:377}
#qi-certs.in .r1{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s var(--qi-ease) calc(var(--i)*.6s + .5s)}
#qi-certs .r2{fill:none;stroke:rgba(216,168,106,.55);stroke-width:1;stroke-dasharray:2 6;transform-origin:64px 64px;opacity:0}
#qi-certs.in .r2{opacity:1;transition:opacity .6s calc(var(--i)*.6s + 1.1s);animation:qispin 26s linear infinite}
#qi-certs .qc:hover .r2{animation-duration:6s}
@keyframes qispin{to{transform:rotate(360deg)}}
#qi-certs .qlogo{position:relative;width:128px;height:128px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 26px -14px rgba(12,10,43,.5);transform:scale(.6);opacity:0}
#qi-certs.in .qlogo{transform:none;opacity:1;transition:transform .7s cubic-bezier(.34,1.56,.64,1) calc(var(--i)*.6s + .7s),opacity .4s calc(var(--i)*.6s + .7s)}
#qi-certs .qlogo img{max-width:108px;max-height:72px;width:auto;height:auto;object-fit:contain}
#qi-certs .qscan{position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(180deg,rgba(216,168,106,0),rgba(216,168,106,.22),rgba(216,168,106,0));transform:translateY(-130px);pointer-events:none}
#qi-certs.in .qscan{animation:qiscan 1.1s var(--qi-ease) calc(var(--i)*.6s + 1s) 1 both}
@keyframes qiscan{from{transform:translateY(-130px)}to{transform:translateY(460px)}}
#qi-certs .qstamp{position:absolute;top:18px;right:16px;font:500 10px var(--qi-mono);letter-spacing:.08em;text-transform:uppercase;color:#1E7A4E;border:1.5px solid #3FBF7F;border-radius:6px;padding:4px 7px;background:#F1FBF5;opacity:0;transform:scale(1.8) rotate(-14deg)}
#qi-certs.in .qstamp{opacity:1;transform:rotate(-6deg);transition:opacity .2s calc(var(--i)*.6s + 1.7s),transform .35s cubic-bezier(.34,1.56,.64,1) calc(var(--i)*.6s + 1.7s)}
#qi-certs h3{font-size:21px;margin-bottom:10px;text-align:center}
#qi-certs p{font-size:15px;text-align:center;margin:0}
@media (max-width:991px){#qi-certs .qgrid{grid-template-columns:1fr 1fr}#qi-certs .qchain{display:none}}
@media (max-width:575px){#qi-certs .qgrid{grid-template-columns:1fr}.qi-slot{min-height:380px}}
@media (prefers-reduced-motion:reduce){#qi-certs *{transition:none!important;animation:none!important}}


.qi-plazma{position:relative;animation:qifloat 9s ease-in-out infinite;will-change:transform}
.qi-plazma img{display:block;width:100%;height:auto}
.qi-plazma canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.qi-plazma.gl img{visibility:hidden}
@keyframes qifloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.6deg)}}
@media (prefers-reduced-motion:reduce){.qi-plazma{animation:none}}


#qi-offer{position:relative}
#qi-offer .qi-suite{display:inline-flex;align-items:center;gap:8px;font:12px "JetBrains Mono",monospace;color:#8B9099;margin:-8px 0 18px;padding:6px 10px;border:1px solid #E3E4E8;border-radius:6px;opacity:0;transition:opacity .4s}
#qi-offer.in .qi-suite{opacity:1}
#qi-offer .qi-suite i{width:8px;height:8px;border-radius:50%;background:#D8A86A;animation:qiblink 1s infinite}
#qi-offer .qi-suite.done i{background:#3FBF7F;animation:none}
#qi-offer .qi-suite.done .qi-suite-s{color:#1E7A4E}
@keyframes qiblink{50%{opacity:.3}}
#qi-offer .section-offerlist-list>li{position:relative;opacity:0;transform:translateY(14px)}
#qi-offer.in .section-offerlist-list>li{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.22,1,.36,1) calc(var(--d)*1s - .2s),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--d)*1s - .2s)}
/* złota linia postępu pod wierszem */
#qi-offer .section-offerlist-list>li::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#D8A86A,#F0D3A3);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none;z-index:2}
#qi-offer.in .section-offerlist-list>li::after{animation:qisweep 1.3s cubic-bezier(.65,0,.35,1) calc(var(--d)*1s) both}
@keyframes qisweep{0%{transform:scaleX(0);opacity:1}45%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
/* ikona: strzałka → pierścień → ✓ → strzałka */
#qi-offer .section-offerlist-list-icon{position:relative;border-radius:50%;transition:background-color .3s,transform .3s cubic-bezier(.22,1,.36,1)}
#qi-offer .section-offerlist-list-icon img{transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s}
#qi-offer.in .section-offerlist-list-icon img{animation:qiicon 1.4s calc(var(--d)*1s) both}
#qi-offer .section-offerlist-list-icon::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(216,168,106,.25);border-top-color:#D8A86A;opacity:0}
#qi-offer.in .section-offerlist-list-icon::before{animation:qispin2 .55s linear calc(var(--d)*1s) 1,qiring .6s calc(var(--d)*1s) both}
#qi-offer .section-offerlist-list-icon::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#3FBF7F;color:#fff;font:700 15px Inter,sans-serif;opacity:0;transform:scale(.4)}
#qi-offer.in .section-offerlist-list-icon::after{animation:qicheck 1.4s calc(var(--d)*1s) both}
@keyframes qispin2{to{transform:rotate(360deg)}}
@keyframes qiring{0%,85%{opacity:1}100%{opacity:0}}
@keyframes qiicon{0%{opacity:1}5%,90%{opacity:0}100%{opacity:1}}
@keyframes qicheck{0%,38%{opacity:0;transform:scale(.4)}48%{opacity:1;transform:scale(1.12)}56%,80%{opacity:1;transform:scale(1)}92%,100%{opacity:0;transform:scale(.6)}}
/* najechanie: granatowe wypełnienie od lewej, złota poświata za kursorem */
#qi-offer .section-offerlist-list-item{position:relative;isolation:isolate;border-radius:10px;overflow:hidden}
#qi-offer .section-offerlist-list-item::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(216,168,106,.22),transparent 60%),#0C0A2B;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
#qi-offer .section-offerlist-list-item:hover::before,#qi-offer .section-offerlist-list-item:focus-visible::before{transform:scaleX(1)}
#qi-offer .section-offerlist-list-item h3,#qi-offer .section-offerlist-list-item p{transition:color .3s,transform .35s cubic-bezier(.22,1,.36,1)}
#qi-offer .section-offerlist-list-item:hover h3{color:#fff!important;transform:translateX(6px)}
#qi-offer .section-offerlist-list-item:hover p{color:#C9C8D8!important}
#qi-offer .section-offerlist-list-item:hover .section-offerlist-list-icon{background:#D8A86A;transform:scale(1.08)}
#qi-offer .section-offerlist-list-item:hover .section-offerlist-list-icon img{transform:rotate(45deg)}
@media (prefers-reduced-motion:reduce){#qi-offer *,#qi-offer *::before,#qi-offer *::after{animation:none!important;transition:none!important}#qi-offer .section-offerlist-list>li{opacity:1;transform:none}}


#qi-proc .section-process-list>div{opacity:0;transform:translateY(16px);overflow:visible;transition:.2s all}
#qi-proc.in .section-process-list>div{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.22,1,.36,1) calc(var(--d)*1s - .25s),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--d)*1s - .25s),background-color .2s,color .2s,box-shadow .35s}
/* złoty pasek postępu na dole karty */
#qi-proc .section-process-list>div::before{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:3px;border-radius:3px;background:linear-gradient(90deg,#D8A86A,#F0D3A3);transform:scaleX(0);transform-origin:left;opacity:.9}
#qi-proc.in .section-process-list>div::before{transform:scaleX(1);transition:transform .7s cubic-bezier(.65,0,.35,1) calc(var(--d)*1s)}
/* numer kroku i znacznik ✓ */
#qi-proc .qi-step,#qi-proc .qi-ok{position:absolute;top:8px;font:500 11px "JetBrains Mono",monospace;line-height:1;opacity:0;transform:scale(.6)}
#qi-proc .qi-step{left:10px;color:#8A6A3A;letter-spacing:.08em}
#qi-proc .qi-ok{right:10px;width:20px;height:20px;border-radius:50%;background:#3FBF7F;color:#fff;display:grid;place-items:center;font:700 12px Inter,sans-serif}
#qi-proc.in .qi-step{opacity:1;transform:none;transition:all .4s cubic-bezier(.34,1.56,.64,1) calc(var(--d)*1s - .1s)}
#qi-proc.in .qi-ok{opacity:1;transform:none;transition:all .4s cubic-bezier(.34,1.56,.64,1) calc(var(--d)*1s + .7s)}
#qi-proc .section-process-list>div:hover .qi-step{color:#D8A86A}
/* strzałki motywu: po ukończeniu kroku złote, z krótkim drgnięciem */
#qi-proc .section-process-list>div::after{transition:filter .4s}
#qi-proc.in .section-process-list>div::after{filter:invert(67%) sepia(45%) saturate(520%) hue-rotate(345deg) brightness(95%);transition:filter .4s calc(var(--d)*1s + .7s);animation:qinudge .6s ease-in-out calc(var(--d)*1s + .7s) 2}
@keyframes qinudge{50%{translate:6px 0}}
/* pętla: aktywny krok */
#qi-proc .section-process-list>div.qi-act{box-shadow:0 0 0 2px #D8A86A,0 18px 34px -22px rgba(12,10,43,.55);transform:translateY(-4px)}
#qi-proc .section-process-list>div.qi-act::after{animation:qinudge .7s ease-in-out 2}
#qi-proc .section-process-list>div:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){#qi-proc *,#qi-proc *::before,#qi-proc *::after{animation:none!important;transition:none!important}#qi-proc .section-process-list>div{opacity:1;transform:none}}