.nav-inner,.nav-logo{display:flex;align-items:center}.mobile-menu a,.nav-link{letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none}.ctrl-btn:hover .static-icon,.hero-sub,.mode-toggle:hover .mode-icon{opacity:.7}.hero-sub,.mobile-menu a,.nav-link{text-transform:uppercase}.hero-cta,.mobile-menu a,.nav-link,.nav-logo{text-decoration:none}audio,nav{width:100%}#realizacje,#uslugi{background:var(--bg-section)}#hero,.audio-note,footer{text-align:center}:root{--bg-main:#fff;--text-main:#111;--bg-section:#f8f8f8;--bg-grid:#e0e0e0;--bg-card:#f8f8f8;--bg-card-hover:#fff;--text-card-p:#666;--line-color:#111;--icon-filter:none;--mode-icon-filter:brightness(0) invert(1);--bg-social:#fff;--social-shadow:rgba(0,0,0,0.15);--social-icon-filter:none}body.high-contrast{--bg-main:#111;--text-main:#fff;--bg-section:#111;--bg-grid:#333;--bg-card:#1a1a1a;--bg-card-hover:#222;--text-card-p:#bbb;--line-color:#fff;--icon-filter:invert(1) brightness(2);--mode-icon-filter:invert(85%) sepia(5%) saturate(121%) hue-rotate(3deg) brightness(92%) contrast(90%);--bg-social:#222;--social-shadow:rgba(255,255,255,0.1);--social-icon-filter:invert(1) brightness(2)}*{margin:0;padding:0;box-sizing:border-box;outline:0!important}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg-main);color:var(--text-main);overflow-x:hidden;transition:background .3s,font-size .2s,color .3s}nav{position:absolute;top:0;left:0;z-index:1000;transition:transform .35s,background .35s,box-shadow .35s;background:0 0}nav.is-fixed{position:fixed;top:-100px;background:#111}nav.is-visible{transform:translateY(100px);box-shadow:0 1px 0 #333}.nav-inner{max-width:1100px;margin:0 auto;padding:1rem 2rem;min-height:64px;justify-content:space-between;transition:padding .3s}.nav-link,.static-icon{transition:opacity .2s}nav.is-fixed .nav-inner{padding:.5rem 2rem}.nav-controls,.nav-links{align-items:center;display:flex}.logo-default{display:block;height:90px;width:auto}.logo-sticky,nav.is-fixed .logo-default{display:none}.logo-sticky{height:30px;width:auto}nav.is-fixed .logo-sticky{display:block}.nav-links{gap:2rem;list-style:none}.nav-link{font-size:.85rem}.nav-link:hover{opacity:.5}.nav-controls{gap:.2rem;margin-left:1rem}.ctrl-btn,.ctrl-btn-mob,.mode-toggle{background:0 0!important;border:none!important;box-shadow:none!important;cursor:pointer;padding:4px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.hamburger,.mobile-close{border:none;cursor:pointer}.ctrl-btn:focus,.mode-toggle:focus{outline:0!important;background:0 0!important}#cennik::before,.hero-bg::after{background:rgba(0,0,0,.7);content:''}.static-icon{width:34px;filter:brightness(0) invert(1)}.mode-icon{width:41px;filter:var(--mode-icon-filter);transition:filter .3s,opacity .2s}.ctrl-btn-mob img{width:38px;filter:invert(1)}.hamburger{display:none;flex-direction:column;gap:5px;background:0 0;padding:.3rem}#hero,#kontakt,.mobile-menu{background:#111}.hamburger span{display:block;width:24px;height:1px;background:#fff}#hero,.mobile-menu.open{display:flex}.mobile-menu{display:none;position:fixed;inset:0;z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}.mobile-menu a{font-size:1.5rem}.mobile-close{position:absolute;top:1.5rem;right:2rem;background:0 0;color:#fff;font-size:1.5rem}#cennik,.hero-bg{background-size:cover;background-position:center}#hero{height:100vh;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:-20% 0;background-image:url('../img/background.webp');background-repeat:no-repeat;z-index:0;will-change:transform}.hero-bg::after{position:absolute;inset:0}#cennik .section-inner,.hero-content{position:relative;z-index:1}.hero-content h1{font-size:clamp(2.5rem, 7vw, 5.5rem);font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.03em;display:flex;flex-direction:column;align-items:center}.hero-sub{font-size:.85rem;letter-spacing:.4em;font-weight:300;margin-bottom:1.2rem}.hero-separator{width:30px;height:1px;background:rgba(255,255,255,.2);margin-bottom:2rem}.hero-content h1 .fade-line{display:block;opacity:0;animation:1.5s .3s forwards heroLineFadeIn}.hero-content h1 .typing-container{display:block;position:relative;color:#aaa;font-weight:300}.hero-content h1 .typing-line{display:inline-block;overflow:hidden;white-space:nowrap;width:0;border-right:3px solid transparent;animation:2s steps(17,end) forwards heroTypingEffect,.75s step-end infinite heroCursorBlink;animation-delay:2s,2s}@keyframes heroLineFadeIn{to{opacity:1}}@keyframes heroTypingEffect{from{width:0}to{width:100%}}@keyframes heroCursorBlink{from,to{border-color:transparent}50%{border-color:#aaa}}.hero-cta{margin-top:3rem;display:inline-block;padding:1rem 2.5rem;border:1px solid #444;color:#fff;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;transition:background .2s,color .2s}.audio-note,.section-num{color:#bbb;text-transform:uppercase}.contact-submit:hover,.hero-cta:hover{background:#fff;color:#111;border-color:#fff}.scroll-line{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:60px;background:linear-gradient(to bottom,transparent,#444)}.audio-box{margin:2rem auto 0;max-width:320px;padding:1rem;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:.5s cubic-bezier(.175, .885, .32, 1.275);z-index:990;opacity:0;animation:1s 2.5s forwards heroLineFadeIn}.audio-note{font-size:.65rem;letter-spacing:.2em;margin-bottom:.8rem}audio{height:35px;filter:invert(.9)}.audio-box.is-sticky{position:fixed;bottom:2rem;right:2rem;margin:0;background:rgba(17,17,17,.95);box-shadow:0 10px 30px rgba(0,0,0,.5);border-color:#333;transform:scale(1);width:360px;max-width:calc(100vw - 4rem)}section{padding:8rem 2rem}.section-inner{max-width:1100px;margin:0 auto}.section-header{margin-bottom:4rem}.section-num{font-size:.7rem;letter-spacing:.25em;margin-bottom:.75rem}.section-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.1;color:var(--text-main)}.section-line{width:32px;height:1px;background:var(--line-color);margin-top:1.5rem;transition:background .3s}#uslugi{transition:background .3s,color .3s}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--bg-grid);transition:background .3s}.service-card{background:var(--bg-card);padding:2.5rem 2rem;transition:background .2s}.service-card:hover{background:var(--bg-card-hover)}.service-icon{width:84px;height:84px;margin-bottom:1.5rem;filter:var(--icon-filter);transition:filter .3s}.service-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.8rem}.service-card p{font-size:.875rem;color:var(--text-card-p);line-height:1.75;transition:color .3s}.service-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:4rem;align-items:center}.service-bottom-text h3{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.service-bottom-img{background:#d0d0d0;aspect-ratio:4/3;width:100%;overflow:hidden}.service-bottom-img img{width:100%;height:100%;object-fit:cover;display:block}.observe-me{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.fade-left{transform:translateX(-50px)}.fade-right{transform:translateX(50px)}.fade-in{transform:translateY(30px)}.portfolio-cat,.portfolio-title{transform:translateY(15px);opacity:0}.observe-me.is-in-view{opacity:1;transform:translate(0,0)}#cennik{position:relative;background-image:url('../img/background2.webp');background-attachment:fixed}#cennik::before{position:absolute;inset:0;z-index:0}#cennik .section-title{color:#fff}#cennik .section-line{background:#555}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1rem}.pricing-card{background:rgba(15,15,15,.85);backdrop-filter:blur(8px);border:1px solid #333;padding:2.5rem 2rem;color:#fff;transition:.3s}.pricing-card:hover{background:rgba(0,0,0,.95);border-color:#888;transform:translateY(-12px);box-shadow:0 15px 35px rgba(0,0,0,.5)}.pricing-name{font-size:.7rem;text-transform:uppercase;color:#aaa;margin-bottom:.75rem}.pricing-price{font-size:2.8rem;font-weight:700;margin-bottom:.4rem}.pricing-price sub{font-size:1rem;font-weight:400}.pricing-list{list-style:none;font-size:.85rem;color:#bbb}.pricing-list li{padding:.4rem 0;display:flex;align-items:center;gap:.6rem}.pricing-list li::before{content:'';width:4px;height:4px;background:#666}.abonament-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.abonament-half{display:flex;flex-direction:column;gap:2rem;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.03)}.abonament-text{width:100%}.abonament-price-big{font-size:clamp(1.7rem, 5vw, 2.95rem);line-height:1.1;word-break:break-word}.abonament-desc{color:#aaa;font-size:.9rem;margin-top:.5rem}.abonament-features{width:100%}.abonament-features ul{display:grid;grid-template-columns:1fr;gap:.5rem}#realizacje{transition:background .3s}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bg-grid);transition:background .3s}.portfolio-item{position:relative;overflow:hidden;aspect-ratio:4/3;cursor:pointer}.portfolio-bg{width:100%;height:100%;transition:transform .6s cubic-bezier(.165, .84, .44, 1)}.portfolio-item:hover .portfolio-bg{transform:scale(1.1)}.portfolio-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;transition:background .4s}.portfolio-item:hover .portfolio-overlay{background:rgba(0,0,0,.8)}.portfolio-title{color:#fff;font-size:1.1rem;font-weight:600;transition:.4s}.portfolio-cat{color:#aaa;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.4rem;transition:.4s .1s}.portfolio-item:hover .portfolio-cat,.portfolio-item:hover .portfolio-title{transform:translateY(0);opacity:1}#kontakt{color:#fff}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:start}.contact-detail{margin-bottom:1.8rem}.contact-detail-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:#555;margin-bottom:.4rem}.contact-detail-value{font-size:1rem;color:#fff;font-weight:400}.contact-form{display:flex;flex-direction:column}.form-row{border-bottom:1px solid #222;padding:1.2rem 0}.form-row input,.form-row textarea{width:100%;background:0 0;border:none;color:#fff;font-family:inherit;font-size:.9rem;outline:0}.form-row input::placeholder,.form-row textarea::placeholder{color:#444}.contact-submit{margin-top:2rem;align-self:flex-start;background:0 0;border:1px solid #333;color:#666;padding:.8rem 2.2rem;text-transform:uppercase;cursor:pointer;transition:.2s}.cookie-banner,.scroll-top-btn{background:#111;font-size:.75rem;position:fixed}footer{background:#000;padding:3rem 2rem}footer p{font-size:.75rem;color:#444}.scroll-top-btn{bottom:2rem;left:50%;transform:translateX(-50%) translateY(20px);z-index:998;color:#fff;border:1px solid #111;padding:.6rem 1.2rem;text-transform:uppercase;cursor:pointer;opacity:0;visibility:hidden;transition:.3s}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.contact-layout,.service-bottom-row,.services-grid,.abonament-container{grid-template-columns:1fr}.contact-layout{gap:3rem}}#my-form .math-captcha-row{margin:20px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}#my-form .math-captcha-row label{font-size:1rem;color:#e0e0e0!important;margin:0;flex:1}#my-form #captcha-num1,#my-form #captcha-num2{font-weight:700;color:#fff!important;font-size:1.1rem}#my-form #captcha-answer{width:100px;background-color:#1e1e1e!important;border:1px solid #333!important;border-radius:4px;padding:10px;color:#fff!important;text-align:center;font-size:1rem;outline:0}@media (max-width:480px){#my-form .math-captcha-row{flex-direction:column;align-items:flex-start}#my-form #captcha-answer{width:100%}}.cookie-banner{bottom:0;left:0;width:100%;color:#aaa;z-index:9999;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333;transform:translateY(100%);transition:transform .4s}.cookie-banner.show,.modal-overlay.active .modal-content{transform:translateY(0)}.cookie-banner p{margin:0;padding-right:1rem}.cookie-banner button{background:#fff;color:#111;border:none;padding:.6rem 1.2rem;cursor:pointer;text-transform:uppercase;font-weight:700;font-size:.7rem;transition:background .2s;white-space:nowrap}.cookie-banner button:hover{background:#ccc}.social-sidebar{position:fixed;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:1000;padding-left:.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:var(--bg-social);border-radius:50%;box-shadow:0 4px 10px var(--social-shadow);transition:transform .3s,background .3s,filter .3s;text-decoration:none}.social-link:hover{transform:translateX(5px) scale(1.05)}.social-link img{width:1.8rem;height:1.8rem;filter:var(--social-icon-filter);transition:width .2s,height .2s,filter .3s}@media(max-width:600px){.logo-default,.nav-links{display:none}.hamburger{display:flex}.logo-sticky{display:block}.portfolio-grid{grid-template-columns:1fr}section{padding:5rem 1.5rem}.audio-box.is-sticky{right:1rem;bottom:5rem;width:calc(100vw - 2rem)}.scroll-top-btn{bottom:1rem}.cookie-banner{flex-direction:column;gap:1rem;text-align:center}.cookie-banner p{padding-right:0}.cookie-banner button{width:100%}.social-sidebar{flex-direction:row;top:auto;bottom:1rem;left:1rem;transform:none}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(5px)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:#1a1a1a;padding:3rem 2.5rem;max-width:650px;width:90%;color:#eee;position:relative;border:1px solid #333;transform:translateY(30px);transition:transform .3s;max-height:85vh;overflow-y:auto}.modal-close{position:absolute;top:1rem;right:1.5rem;background:0 0;border:none;color:#fff;font-size:1.8rem;cursor:pointer;transition:opacity .2s}.modal-close:hover{opacity:.6}.modal-content h2{margin-bottom:1.5rem;font-size:1.5rem;color:#fff}.modal-content p{font-size:.85rem;line-height:1.7;margin-bottom:1.2rem;color:#bbb;text-align:justify}

/* ── #proces – Jak pracujemy ── */
#proces{background:var(--bg-section);transition:background .3s}
.proces-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.proces-item{display:flex;flex-direction:column;gap:.75rem;padding:2rem 2rem 2rem 0;border-bottom:1px solid var(--bg-grid);transition:border-color .3s}
.proces-item:nth-child(-n+4){border-top:1px solid var(--bg-grid)}
.proces-num{font-size:.7rem;letter-spacing:.25em;color:#bbb;text-transform:uppercase}
.proces-title{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:.4rem}
.proces-desc{font-size:.875rem;color:var(--text-card-p);line-height:1.75;transition:color .3s}
.proces-link{color:inherit;font-weight:700;text-decoration:underline}
@media(max-width:900px){.proces-list{grid-template-columns:repeat(2,1fr)}.proces-item:nth-child(-n+4){border-top:none}.proces-item:nth-child(-n+2){border-top:1px solid var(--bg-grid)}}
@media(max-width:600px){.proces-list{grid-template-columns:1fr}.proces-item:nth-child(-n+2){border-top:none}.proces-item:first-child{border-top:1px solid var(--bg-grid)}}