:root{--ink:#142138;--sub:#53637a;--muted:#708098;--bg:#f8fafc;--paper:#fff;--soft:#eff6f9;--line:#dde5ec;--teal:#0d8f91;--teal2:#067677;--lime:#ddf7de;--navy:#101e35;--navy2:#203956;--gold:#efac5a;--radius:24px;--shadow:0 22px 65px rgba(18,35,58,.075)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}svg{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,5.2vw,5rem);margin-bottom:20px;font-weight:820}h2{font-size:clamp(2rem,3.6vw,3.2rem);margin-bottom:20px}h3{font-size:1.27rem}p{color:var(--sub)}.wrap{width:min(1180px,calc(100% - 42px));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--teal2);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal)}.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:12px;z-index:100}.skip:focus{left:12px}.header{position:sticky;top:0;z-index:99;border-bottom:1px solid rgba(209,223,232,.8);background:rgba(255,255,255,.93);backdrop-filter:blur(14px)}.nav{height:80px;display:flex;align-items:center;gap:28px;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:12px;font-size:1.1rem;line-height:1.1;white-space:nowrap}.logo-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:var(--navy);color:#fff;font-size:1.05rem;font-weight:900;letter-spacing:-.09em}.logo span span{display:block;color:var(--sub);font-weight:600;font-size:.67rem;letter-spacing:.065em;text-transform:uppercase;margin-top:5px}.navlinks{display:flex;gap:25px;align-items:center;font-size:.9rem;font-weight:650}.navlinks a:hover,.footer a:hover{color:var(--teal2)}.nav-cta{padding:12px 19px!important;background:var(--teal)!important;border-radius:12px;color:white!important}.nav-cta:hover{background:var(--teal2)!important}.menu-toggle{display:none;border:1px solid var(--line);border-radius:12px;background:white;padding:10px;font-size:1.5rem;line-height:1}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:13px;padding:15px 23px;font-size:.94rem;font-weight:750;transition:transform .2s,background .2s,border .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:var(--teal2)}.btn-secondary{background:white;color:var(--ink);border-color:var(--line)}.btn-dark{background:#fff;color:#16283f}.btn-outline{border-color:rgba(255,255,255,.44);color:white}.btn-small{padding:10px 15px;font-size:.85rem}.hero{position:relative;overflow:hidden;padding:85px 0 88px;background:linear-gradient(140deg,#f4f9fc 0%,#fff 47%,#edf7f6 100%)}.hero:before{content:"";position:absolute;right:-140px;top:-180px;height:610px;width:610px;border-radius:50%;border:130px solid rgba(11,152,148,.05)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:50px;position:relative}.hero h1 em{font-style:normal;color:var(--teal)}.intro{max-width:620px;font-size:1.09rem;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.facts{display:flex;gap:28px;flex-wrap:wrap;padding-top:39px}.fact{display:flex;gap:9px;align-items:center;color:var(--sub);font-weight:650;font-size:.88rem}.tick{width:24px;height:24px;border-radius:50%;background:#def5e9;color:#087c5b;display:grid;place-items:center;font-size:.83rem}.visual{position:relative;min-height:444px;display:grid;place-items:center}.halo{position:absolute;inset:24px 10px 10px 20px;border-radius:48% 52% 42% 58%;background:radial-gradient(circle at 30% 22%,#d9f4f0,#dbe8f3 55%,#e8ebf8);transform:rotate(-8deg)}.device{position:relative;width:90%;max-width:460px;background:#162942;border-radius:20px;box-shadow:0 40px 70px rgba(14,41,61,.24);padding:15px;transform:rotate(-3deg)}.device-bar{display:flex;gap:7px;height:25px;align-items:flex-start}.device-bar i{width:8px;height:8px;background:#627e91;border-radius:50%}.device-bar i:first-child{background:#ff9f9b}.device-bar i:nth-child(2){background:#f6cf7b}.device-bar i:nth-child(3){background:#8cd5a7}.device-screen{padding:28px 24px;background:#0c1728;border-radius:9px;min-height:245px}.terminal{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e3edf7;font-size:clamp(.68rem,1.23vw,.88rem);line-height:1.9}.terminal .green{color:#75d9b4}.terminal .blue{color:#83bdff}.barline{display:flex;gap:11px;align-items:center;margin:13px 0}.barline i{display:block;border-radius:8px;height:8px;width:48%;background:#1d3c51}.barline i:last-child{width:32%;background:#115a59}.float-note{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:15px 19px;background:#fff;border:1px solid #d8e7ea;border-radius:16px;box-shadow:0 15px 38px rgba(20,35,55,.13);font-size:.84rem;line-height:1.3;font-weight:800}.float-note small{display:block;color:var(--sub);font-weight:500;margin-top:5px}.float-note.one{left:-1%;bottom:4%}.float-note.two{right:-1%;top:5%}.float-icon{display:grid;place-items:center;width:41px;height:41px;background:#e2f7f1;color:#007963;border-radius:12px;font-size:1.5rem}.bar{background:#fff;border-block:1px solid var(--line)}.bar .wrap{display:flex;justify-content:space-between;gap:18px;padding-block:22px;flex-wrap:wrap}.bar strong{font-size:.87rem;letter-spacing:.015em}.bar strong:before{content:"✓";color:var(--teal);padding-right:10px;font-weight:900}.section{padding:98px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head p{max-width:560px;margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:31px;display:flex;flex-direction:column;align-items:start;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-icon{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:1.8rem;margin-bottom:21px;background:#e7f6f3;color:#07696d}.service-card:nth-child(2) .service-icon{background:#e9f0fa;color:#2d628f}.service-card:nth-child(3) .service-icon{background:#fff3e2;color:#98601e}.service-card:nth-child(4) .service-icon{background:#eef0fc;color:#5559a5}.service-card p{margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:20px}.tags span{background:#f2f6f8;color:#52637a;border-radius:8px;padding:6px 10px;font-size:.77rem;font-weight:650}.linkmore{color:var(--teal2);font-weight:800;font-size:.9rem}.linkmore:after{content:" →"}.dark-band{background:var(--navy);color:#fff;overflow:hidden;position:relative}.dark-band:before{content:"";position:absolute;right:-200px;top:-240px;width:500px;height:500px;border-radius:50%;border:95px solid rgba(58,206,185,.08)}.dark-band p{color:#c0d1e0}.dark-content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dark-band .eyebrow{color:#7ee7d7}.dark-band .mini-items{display:grid;gap:14px;margin-top:27px}.mini-items div{display:flex;gap:12px;align-items:center}.mini-items i{font-style:normal;color:#87e3ca}.card-panel{padding:30px;border-radius:23px;background:#fff;color:var(--ink);box-shadow:0 23px 60px rgba(0,0,0,.12)}.card-panel h3{margin-bottom:10px}.work-list{display:grid;gap:12px}.work-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px}.work-item strong{font-size:.87rem}.work-item small{color:var(--sub);display:block;font-size:.75rem}.work-item .tag{color:#008a6e;background:#e8f7ef;padding:6px 10px;font-size:.75rem;border-radius:8px;white-space:nowrap;font-weight:750}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:19px;padding:27px 23px}.number{display:grid;place-items:center;border-radius:13px;background:var(--navy);color:#fff;width:44px;height:44px;font-weight:800;margin-bottom:20px}.step p{font-size:.9rem;margin-bottom:0}.portfolio{background:#edf4f7}.projectgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.project-visual{height:160px;display:grid;place-items:center;background:linear-gradient(135deg,#1f4157,#0c242e);color:#e7fff9;position:relative;overflow:hidden}.project-visual:after{content:"";width:140px;height:140px;border:22px solid rgba(255,255,255,.06);position:absolute;border-radius:50%;right:-55px;top:-40px}.project-visual span{font-size:3rem}.project:nth-child(2) .project-visual{background:linear-gradient(135deg,#293e68,#701f3d)}.project:nth-child(3) .project-visual{background:linear-gradient(135deg,#134950,#227e7a)}.project-body{padding:23px}.project-kicker{color:var(--teal2);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.project h3{margin:9px 0}.project p{font-size:.89rem}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.4rem;color:var(--teal)}.faq details[open] summary:after{content:"−"}.faq details p{margin:12px 0 0;font-size:.91rem}.contact-section{padding:88px 0;background:#eff6f8}.contactbox{display:grid;grid-template-columns:.87fr 1.13fr;gap:40px}.contactaside{padding:35px}.contactaside h2{margin-bottom:19px}.contact-list{display:grid;gap:12px;margin:30px 0}.contact-line{background:white;border:1px solid var(--line);border-radius:13px;padding:14px 18px}.contact-line small{display:block;font-size:.75rem;color:#637388}.contact-line strong{font-size:1rem;word-break:break-word}.contact-line a{color:var(--teal2)}.formcard{background:#fff;padding:32px;border-radius:23px;border:1px solid var(--line);box-shadow:var(--shadow)}.formcard label{display:block;font-size:.86rem;font-weight:700;margin-bottom:6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formcard input,.formcard select,.formcard textarea{width:100%;background:#fafcfd;border:1px solid #ccd9e2;color:var(--ink);border-radius:11px;padding:12px 14px;outline-color:var(--teal)}.field{margin-bottom:16px}.formcard textarea{min-height:140px;resize:vertical}.formnotice{font-size:.78rem;margin:14px 0 0}.formstatus{font-weight:700;min-height:24px;color:#9a402a}.footer{background:#101d31;color:#d8e7f4;padding:52px 0 23px}.footer p{color:#a9bacd;font-size:.87rem}.footer-cols{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:30px;margin-bottom:35px}.footer a{display:block;font-size:.86rem;margin:8px 0}.footer .logo{color:white}.footline{border-top:1px solid rgba(255,255,255,.15);padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:.76rem;color:#a9bacd}.subhero{padding:70px 0;background:linear-gradient(140deg,#f4fafd,#e7f5f4);border-bottom:1px solid var(--line)}.subhero h1{font-size:clamp(2.5rem,5vw,4.2rem);max-width:850px}.subhero p{max-width:740px;font-size:1.08rem}.breadcrumb{font-size:.79rem;font-weight:650;color:var(--sub);margin-bottom:29px}.breadcrumb a{color:var(--teal2)}.content-layout{display:grid;grid-template-columns:1.5fr .65fr;gap:45px}.prose h2{font-size:1.8rem;margin:35px 0 17px}.prose h3{font-size:1.16rem;margin-top:23px}.prose li{margin:8px 0;color:var(--sub)}.prose ul{padding-left:22px}.asidebox{padding:26px;border:1px solid var(--line);background:#fff;border-radius:20px;align-self:start;position:sticky;top:110px}.asidebox p{font-size:.87rem}.info{padding:17px 19px;border-left:4px solid var(--teal);background:#e7f5f4;border-radius:10px;color:#30566b;margin:20px 0}.legal{max-width:880px}.legal p,.legal li{color:var(--sub)}.legal h2{font-size:1.6rem;margin-top:35px}.demo-label{background:#fff4dd;color:#795111;border:1px solid #f5dfa9;padding:8px 12px;border-radius:9px;font-weight:700;font-size:.76rem;display:inline-block;margin-bottom:15px}.hidden{display:none!important}:focus-visible{outline:3px solid #10a7a8;outline-offset:3px}@media(max-width:980px){.navlinks{gap:14px;font-size:.8rem}.hero-grid{gap:12px}.visual{min-height:365px}.device{width:95%}.float-note.two{right:0}.steps{grid-template-columns:repeat(2,1fr)}.projectgrid{grid-template-columns:repeat(2,1fr)}.contactbox{gap:15px}.faq{gap:30px}}@media(max-width:760px){.nav{height:71px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;padding:19px 25px 25px;background:white;border-bottom:1px solid var(--line);box-shadow:0 25px 30px rgba(15,25,35,.08);flex-direction:column;align-items:stretch;gap:10px}.navlinks.show{display:flex}.navlinks a{padding:10px}.nav-cta{text-align:center}.hero{padding:64px 0}.hero-grid,.dark-content,.contactbox,.faq,.content-layout{grid-template-columns:1fr}.hero-grid{gap:10px}.hero h1{font-size:clamp(2.55rem,10vw,3.8rem)}.visual{min-height:345px}.device{width:80%}.float-note.one{bottom:1%}.section{padding:69px 0}.section-head{display:block}.grid,.projectgrid{grid-template-columns:1fr}.dark-content{gap:35px}.steps{grid-template-columns:1fr 1fr}.faq{gap:13px}.contactaside{padding:5px}.footer-cols{grid-template-columns:1fr 1fr}.footer-cols>div:first-child{grid-column:1/-1}.asidebox{position:static}.facts{padding-top:25px}.subhero{padding:49px 0}}@media(max-width:490px){.wrap{width:min(100% - 30px,1180px)}.hero{padding:51px 0 60px}.actions .btn{width:100%}.visual{min-height:300px}.device{width:90%}.float-note{padding:9px;font-size:.7rem}.float-icon{width:34px;height:34px}.steps{grid-template-columns:1fr}.fields{grid-template-columns:1fr;gap:0}.formcard{padding:22px}.footer-cols{grid-template-columns:1fr}.footline{flex-direction:column;gap:4px}.bar .wrap{gap:7px}.bar strong{width:100%}.service-card{padding:24px}.project-visual{height:135px}}

/* Wersja 1.0 — osobisty profil i dostępność */
.about-section{background:linear-gradient(135deg,#ffffff 0%,#f0f7f6 100%);padding:82px 0}
.about-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:82px;align-items:center;max-width:1030px}
.about-photo-wrap{position:relative;max-width:320px;margin:auto}
.about-photo{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;box-shadow:0 26px 60px rgba(13,52,69,.18);border:7px solid #fff}
.photo-note{position:absolute;bottom:3px;right:-14px;background:#fff;border:1px solid #d3e6e9;padding:8px 16px;border-radius:99px;box-shadow:0 10px 22px #1f4a5a1c;color:#13516b;font-size:.83rem;font-weight:750}
.about-text h2{margin-bottom:18px}.about-text p{font-size:1rem;max-width:610px;margin-bottom:17px}.about-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.contact-promise{font-size:.9rem;line-height:1.9;color:#d4f0e9;font-weight:650;padding:10px 2px}
.contact-line a:hover{text-decoration:underline}
@media(max-width:760px){.about-grid{grid-template-columns:1fr;gap:35px}.about-photo-wrap{max-width:230px}.about-section{padding:62px 0}.about-text{text-align:left}}

/* v1.1: dostępny przełącznik języka PL/UA */
.language-switch{display:flex;align-items:center;gap:3px;padding:4px;border-radius:12px;background:#e9f2f4;border:1px solid #d3e4e6;white-space:nowrap}
.navlinks .language-switch a{font-size:.78rem;min-width:36px;padding:5px 8px;border-radius:8px;text-align:center;font-weight:800;color:#395267}
.navlinks .language-switch a.active,.navlinks .language-switch a[aria-current=true]{background:#0d8f91;color:#fff;box-shadow:0 2px 7px #0a777733}
.navlinks .language-switch a:hover:not(.active){background:#d5e9e9;color:#0b5758}
@media(max-width:1100px) and (min-width:761px){.navlinks{gap:10px;font-size:.8rem}.nav{gap:12px}.nav-cta{padding:10px 12px!important}.logo{gap:8px}}
@media(max-width:760px){.navlinks .language-switch{width:fit-content;align-self:flex-start;margin:8px 0 0}.navlinks .language-switch a{padding:6px 15px}.navlinks{max-height:calc(100dvh - 70px);overflow-y:auto}}
