:root{color-scheme:light;--ink:#17372d;--body:#40584f;--muted:#63796d;--green:#126b4e;--dark:#0b4a37;--soft:#e9f4ec;--pale:#f7fbf8;--line:#d8e6dd;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}img{max-width:100%}p,h1,h2,h3,figure{margin-top:0}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-90px;left:16px;z-index:20;background:var(--ink);color:#fff;padding:10px 14px}.skip:focus{top:10px}section{scroll-margin-top:30px}
header{border-bottom:1px solid var(--line);background:#fff}.topbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:760;letter-spacing:-.02em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:6px;background:var(--ink);color:#fff;font-size:.9rem}nav{display:flex;align-items:center;gap:28px}nav a{color:var(--body);font-weight:650;font-size:.92rem;text-decoration:none;white-space:nowrap}nav a:hover,.inline:hover,.back:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}nav .nav-pill{color:var(--green);border:1px solid var(--green);padding:8px 14px;border-radius:5px}nav .nav-pill:hover{background:var(--soft);text-decoration:none}
.eyebrow,.label{display:block;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}.eyebrow{margin-bottom:17px}h1{font-size:clamp(3rem,5vw,5.25rem);line-height:1.08;letter-spacing:-.06em;font-weight:760;margin-bottom:25px}h1 em{font-style:normal;color:var(--green)}h2{font-size:clamp(2.05rem,3.3vw,3.2rem);line-height:1.15;letter-spacing:-.05em;margin-bottom:18px}h3{font-size:1.36rem;line-height:1.28;letter-spacing:-.03em}.lead{font-size:1.15rem;line-height:1.7;color:var(--body);max-width:57ch}.muted{color:var(--muted)}.buttons{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border:1px solid var(--green);border-radius:5px;background:var(--green);color:#fff;text-decoration:none;font-weight:740;font-size:.95rem;line-height:1.4}.button:hover{background:var(--dark)}.button.ghost{background:#fff;color:var(--ink);border-color:#aac1af}.button.ghost:hover{background:var(--soft);border-color:var(--green)}.inline,.back,.link{font-size:.94rem;font-weight:750;color:var(--green);text-decoration:none}.back{display:inline-block;margin-bottom:28px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:center;gap:8%;padding:86px 0 104px}.hero h1{max-width:12ch}.person{display:flex;align-items:center;gap:13px;margin-bottom:28px;font-weight:750}.person img{display:block;width:76px;height:99px;object-fit:contain;flex:none;border:2px solid var(--line);border-radius:10px;background:var(--soft)}.person small{display:block;color:var(--muted);font-size:.8rem;font-weight:500;line-height:1.4}.screen{min-width:0;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--pale);box-shadow:0 24px 55px rgba(23,65,44,.09)}.screen-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.screen-top strong{font-size:1.15rem}.screen-top span{color:var(--green);border:1px solid #b9dfc7;background:var(--soft);border-radius:50px;padding:4px 11px;font-size:.75rem;font-weight:760}.screen img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px}.screen p{margin:12px 0 0;color:var(--muted);font-size:.84rem}
.featured,.band{background:var(--soft);border-block:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:1fr .95fr;gap:10%;padding:88px 0}.feature-grid p:not(.eyebrow){color:var(--body);font-size:1.06rem}.feature-points{border-top:1px solid #c4decc}.feature-points div{display:grid;grid-template-columns:135px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #c4decc}.feature-points span{color:var(--body)}.section{padding-block:90px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:31px}.section-title p:last-child{color:var(--body);max-width:40ch;margin:0}.two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.big-card,.repo,.editorial-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;padding:30px;min-width:0;text-decoration:none}.big-card{min-height:255px;background:var(--pale)}.big-card:hover,.editorial-card:hover{border-color:#a5cbb3}.big-card h3{font-size:1.75rem;margin:22px 0 10px}.big-card p,.repo p,.editorial-card p{color:var(--body)}.big-card .link,.big-card .muted,.editorial-card .link{margin-top:auto}.minor-head{margin:60px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.minor-head h3{margin:0}.minor-head a{font-weight:740;color:var(--green);text-decoration:none}.repo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.repo{background:#fff;padding:22px;min-height:175px}.repo h3{font-size:1.13rem;margin-bottom:6px}.repo p{font-size:.9rem;margin-bottom:14px}.repo a{font-size:.88rem;font-weight:750;color:var(--green);margin-top:auto;text-decoration:none}.repo a:hover{text-decoration:underline}
.about{background:var(--pale);border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.2fr .72fr;align-items:center;gap:10%;padding:84px 0}.about-grid p{color:var(--body);font-size:1.05rem}.degree{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.degree b,.degree span{display:block}.degree span{color:var(--body)}.about-grid figure{justify-self:end;max-width:380px;margin:0}.about-grid figure img{display:block;width:100%;max-height:400px;object-fit:cover;object-position:center 35%;border:1px solid var(--line);border-radius:8px}.about-grid figcaption{color:var(--muted);font-size:.84rem;margin-top:7px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tags span{font-size:.88rem;font-weight:650;padding:6px 12px;border:1px solid #c8decf;border-radius:4px;background:#fff}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.editorial-card{background:var(--pale);min-height:255px}.editorial-card h3,.editorial-card h2{font-size:1.42rem;line-height:1.28;letter-spacing:-.03em;margin:19px 0 10px}.editorial-card p{font-size:.94rem}.after-grid{display:inline-block;margin-top:24px}.outside{border-top:1px solid var(--line)}.outside-grid{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:8%;padding:78px 0}.outside-grid p:not(.eyebrow){color:var(--body)}.outside-grid img{display:block;width:100%;height:280px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.contact{background:var(--soft);border-top:1px solid var(--line)}.contact-grid{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:72px 0}.contact-grid p:last-child{color:var(--body);margin:0}.social{display:flex;flex-wrap:wrap;gap:10px}.social a{display:inline-flex;padding:10px 13px;border:1px solid #acc2b2;background:#fff;border-radius:5px;font-weight:700;font-size:.9rem;text-decoration:none;color:var(--green)}.social a:hover{background:var(--pale)}
.subhero{padding:77px 0 68px}.subhero h1{max-width:15ch}.case-cover{margin-bottom:70px}.case-cover img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.case-cover p{font-size:.86rem;color:var(--muted);margin:8px 0 0}.case-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.prose p{font-size:1.07rem;color:var(--body)}.band{padding:78px 0}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}.steps article{background:#fff;border:1px solid var(--line);border-radius:7px;padding:22px;min-height:205px}.steps article>span{font-size:.78rem;font-weight:800;color:var(--green)}.steps h3{font-size:1.14rem;margin:18px 0 8px}.steps p{font-size:.92rem;color:var(--body);margin:0}.phone-shot{display:flex;justify-content:center}.phone-shot img{display:block;max-height:520px;width:auto;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 35px rgba(23,65,44,.1)}.video-box{margin-top:65px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:30px;border:1px solid var(--line);border-radius:9px;background:var(--pale);padding:20px}.video-box video{display:block;width:100%;background:var(--ink);border-radius:5px}.video-box p{color:var(--body)}.next{padding-top:75px;padding-bottom:90px}
.article{max-width:780px;padding:75px 0 100px}.article h1{font-size:clamp(2.8rem,5vw,4.8rem);max-width:15ch}.article-lead{font-size:1.22rem;color:var(--body);line-height:1.7;margin-bottom:37px}.article-body{font-size:1.1rem;line-height:1.85;color:var(--body);max-width:68ch}.article-body p{margin-bottom:23px}.article-end{border-top:1px solid var(--line);padding-top:28px;margin-top:42px}.article-end .button{font-size:.94rem}footer{background:var(--ink);color:#dbe8df}.footer{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.9rem}.footer div{display:flex;gap:18px;flex-wrap:wrap}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}
.case-screens{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.6fr);align-items:start;gap:22px;margin-bottom:72px}.case-screens figure{min-width:0;margin:0}.case-screens img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:var(--pale);border:1px solid var(--line);border-radius:8px}.case-screens figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}.steps-six{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:45px;padding:72px 0}.hero h1{max-width:15ch}.screen{max-width:770px}.repo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.steps-six{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:16px}}
@media(max-width:700px){.wrap{width:min(100% - 36px,1180px)}.topbar{min-height:72px}.brand{font-size:.88rem}.brand-mark{width:32px;height:32px;flex:none}nav{gap:12px}nav a{font-size:.84rem}nav a[href$="#o-mnie"],nav a[href$="#projekty"]{display:none}.hero{padding:58px 0 68px}.lead{font-size:1.04rem}.person img{width:66px;height:86px}.feature-grid,.about-grid,.outside-grid,.case-grid,.video-box,.case-screens{grid-template-columns:1fr;gap:28px}.feature-grid,.about-grid,.outside-grid{padding:65px 0}.feature-points div{grid-template-columns:110px 1fr}.section{padding-block:70px}.section-title{display:block}.section-title p:last-child{margin-top:10px}.two-cards,.editorial-grid{grid-template-columns:1fr}.repo-grid{grid-template-columns:1fr}.repo{min-height:0}.minor-head{align-items:flex-start;flex-direction:column;margin-top:50px}.about-grid figure{justify-self:start;max-width:100%}.about-grid figure img{height:300px;max-height:none}.outside-grid img{height:235px}.contact-grid{padding:60px 0;align-items:flex-start;flex-direction:column}.subhero{padding:61px 0}.case-screens figure:nth-child(2) img{max-height:350px;width:auto;max-width:100%}.phone-shot img{max-height:430px}.video-box{margin-top:40px}.article{padding:60px 0 80px}.footer{align-items:flex-start;justify-content:center;flex-direction:column;padding:24px 0}.footer div{gap:13px}}
@media(max-width:500px){nav a[href$="blog/index.html"],nav a[href$="#kontakt"]{display:none}}
@media(max-width:400px){.feature-points div{grid-template-columns:1fr;gap:0}.steps{grid-template-columns:1fr}.screen-top span{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}