:root{--lime:#c8ff22;--black:#111;--cream:#f6f5ef;--muted:#686868}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:82px;display:flex;align-items:center;gap:38px;padding:0 5vw;border-bottom:1px solid #ddd;background:#fff;position:sticky;top:0;z-index:10}.logo{font-size:26px;font-weight:950;letter-spacing:-1.5px}.logo span{color:#82b900}nav{display:flex;gap:28px;margin-left:auto;font-weight:700;font-size:14px}.phone{background:var(--black);color:#fff;padding:13px 18px;border-radius:10px;font-weight:800}.hero{min-height:650px;display:grid;grid-template-columns:45% 55%;align-items:center;padding:60px 5vw;gap:50px}.eyebrow,small{font-size:12px;font-weight:900;letter-spacing:1.5px}.hero h1{font-size:clamp(64px,8vw,124px);line-height:.82;letter-spacing:-7px;margin:25px 0}.hero h1 span{background:var(--lime);padding:0 .08em}.hero p{font-size:21px;line-height:1.5;max-width:590px;color:#444}.btn{display:inline-block;margin-top:20px;background:var(--black);color:white;padding:17px 24px;border-radius:12px;font-weight:850}.heroimg{height:550px;overflow:hidden;border-radius:24px}.heroimg img{width:100%;height:100%;object-fit:cover}.services{background:#111;color:#fff;padding:95px 5vw}.sectionhead{max-width:800px;margin-bottom:42px}.sectionhead small,.how small,.contact small{color:#99d000}.sectionhead h2,.how h2,.contact h2{font-size:clamp(40px,5vw,70px);letter-spacing:-3px;margin:12px 0}.sectionhead p{color:#bbb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;color:#111;border-radius:20px;overflow:hidden;transition:.2s;display:block}.card:hover{transform:translateY(-5px)}.pic{height:250px;background-image:url('uslugi-wozilla.png');background-size:300% 100%;background-repeat:no-repeat}.p1{background-position:0 50%}.p2{background-position:50% 50%}.p3{background-position:100% 50%}.content{padding:26px}.content span{font-size:11px;font-weight:900}.content h3{font-size:29px;margin:12px 0;letter-spacing:-1px}.content p{color:#555;line-height:1.5;min-height:92px}.content b{display:block;background:var(--lime);padding:14px;border-radius:10px;margin-top:20px}.how{padding:100px 5vw}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.steps>div{background:#fff;border:1px solid #ddd;border-radius:18px;padding:28px}.steps i{font-style:normal;font-weight:950;font-size:35px;color:#8ab800}.steps h3{font-size:21px}.steps p{color:#666;line-height:1.5}.contact{margin:0 5vw 70px;background:var(--lime);padding:55px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{margin-bottom:10px}.contact p{font-size:18px}.contactlinks{display:flex;flex-direction:column;gap:10px}.contactlinks a{background:#111;color:#fff;padding:17px 22px;border-radius:12px;font-weight:850;white-space:nowrap}footer{background:#111;color:#fff;padding:35px 5vw;display:flex;align-items:center;gap:30px}footer p:nth-child(2){margin-left:auto;color:#aaa}@media(max-width:900px){header nav{display:none}.phone{font-size:12px;margin-left:auto}.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{letter-spacing:-4px}.heroimg{height:340px}.cards,.steps{grid-template-columns:1fr}.content p{min-height:0}.contact{flex-direction:column;align-items:flex-start}.contactlinks{width:100%}.contactlinks a{text-align:center}footer{flex-direction:column;align-items:flex-start}footer p:nth-child(2){margin-left:0}.pic{height:290px}}@media(max-width:520px){header{padding:0 18px;height:70px}.logo{font-size:21px}.phone{padding:10px}.hero{padding:35px 18px 55px;gap:28px}.hero h1{font-size:62px;letter-spacing:-4px}.hero p{font-size:17px}.heroimg{height:260px;border-radius:16px}.services,.how{padding:65px 18px}.sectionhead h2,.how h2,.contact h2{letter-spacing:-2px}.contact{margin:0 18px 45px;padding:30px 22px}.pic{height:230px}}

/* v2 */
.logo{display:flex;align-items:center;line-height:0}.logo img{display:block;width:150px;height:46px;object-fit:contain;object-position:left center}footer .logo img{filter:none}.heroimg{height:520px}.heroimg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pic{height:250px;background-image:url('uslugi-wozilla.png');background-size:300% 100%;background-repeat:no-repeat}.p1{background-position:left center}.p2{background-position:center center}.p3{background-position:right center}@media(max-width:900px){.heroimg{height:360px}.pic{height:300px;background-size:300% 100%}}@media(max-width:520px){.logo img{width:125px;height:38px}.heroimg{height:280px}.pic{height:235px}}

/* v3 — poprawki kadrowania i typografii */
.hero{grid-template-columns:minmax(0,44%) minmax(0,56%);overflow:hidden}
.hero>div:first-child{min-width:0;position:relative;z-index:2}
.hero h1{font-size:clamp(58px,7.2vw,104px);line-height:.92;letter-spacing:-5px;margin:22px 0 18px}
.hero h1 span{display:inline-block;line-height:1;padding:.02em .08em .07em}
.heroimg{min-width:0;width:100%;height:520px}
.heroimg img{object-fit:cover;object-position:center center}
.pic{height:250px;background:none!important;overflow:hidden}
.pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.card:first-child .pic img{object-position:center 48%}
.card:nth-child(2) .pic img{object-position:center 45%}
.card:nth-child(3) .pic img{object-position:center 50%}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:clamp(58px,7vw,86px);letter-spacing:-4px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;overflow:visible}.hero h1{font-size:clamp(58px,12vw,88px);line-height:.94}.heroimg{height:390px}.pic{height:300px}}
@media(max-width:520px){.hero h1{font-size:58px;line-height:.96;letter-spacing:-3px}.heroimg{height:270px}.pic{height:235px}}


/* v5 — pełne kadry i bez nakładania tekstu */
.hero{overflow:visible;align-items:center}
.hero h1{line-height:1!important;margin:22px 0 24px!important}
.hero h1 span{display:table!important;margin-top:10px;line-height:1!important;padding:.02em .08em .08em!important}
.hero p{position:relative;z-index:3;margin-top:0}
.heroimg{height:auto!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible!important;border-radius:0!important;align-items:center}
.heroimg img{display:block;width:100%!important;height:auto!important;aspect-ratio:617/840;object-fit:contain!important;object-position:center!important;background:#eee}
.heroimg img:first-child{border-radius:22px 0 0 22px}
.heroimg img:last-child{border-radius:0 22px 22px 0}
.card .pic{height:280px!important;background:#eee!important}
.card .pic img{width:100%;height:100%;object-fit:cover!important}
.card:first-child .pic img{object-position:center top!important}
.card:nth-child(2) .pic img{object-position:center 35%!important}
.card:nth-child(3) .pic img{object-position:center 42%!important}
@media(max-width:1100px){.hero h1{line-height:1.02!important}.heroimg{gap:4px}}
@media(max-width:900px){.heroimg{max-width:760px;margin:0 auto;width:100%}.card .pic{height:360px!important}.card:first-child .pic img{object-position:center 18%!important}}
@media(max-width:520px){.hero h1{font-size:54px!important;line-height:1.03!important;letter-spacing:-3px!important}.hero h1 span{margin-top:7px}.heroimg{gap:3px}.heroimg img:first-child{border-radius:14px 0 0 14px}.heroimg img:last-child{border-radius:0 14px 14px 0}.card .pic{height:270px!important}.card:first-child .pic img{object-position:center 15%!important}}
