/* Podstrony usług (/strony-internetowe/, /aplikacje-mobilne/, /aplikacje-webowe/, /rozwoj-i-utrzymanie/ i wersje /en/). Tokeny i typografia ze styles.css. */
.svc-hero{padding:48px var(--gutter) 80px}
.svc-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted)}
.svc-crumbs a{border-bottom:1px solid transparent}.svc-crumbs a:hover{border-bottom-color:currentColor;color:var(--ink)}
.svc-hero h1{font-size:clamp(44px,6.4vw,108px);font-weight:500;line-height:1;letter-spacing:-.065em;max-width:16ch;margin:44px 0 30px;text-wrap:balance}
.svc-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:680px}
.svc-section{padding:var(--section) var(--gutter);border-top:1px solid var(--line)}
.svc-section h2{font-size:clamp(36px,4.4vw,68px)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 48px;margin-top:60px}
.svc-grid>div{border-top:1px solid var(--ink);padding-top:20px}
.svc-grid h3,.svc-work h3{font-size:22px;font-weight:500;letter-spacing:-.02em;margin-bottom:10px}
.svc-grid p,.svc-work p,.svc-answer p,.svc-contact>p{font-size:16px;line-height:1.65;color:var(--muted)}
.svc-process{grid-template-columns:repeat(4,1fr);margin-top:60px}.svc-process h3{margin:20px 0 10px}
.svc-note{margin-top:44px}
.svc-note a,.svc-link{display:inline-flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid currentColor;font-size:16px}
.svc-note svg,.svc-link svg,.svc-more-links svg{width:16px;height:16px;transition:transform var(--fast)}
.svc-note a:hover svg,.svc-link:hover svg,.svc-more-links a:hover svg{transform:translate(3px,-3px)}
.svc-works{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:60px}
.svc-work{position:relative;display:block;border-top:1px solid var(--ink);padding:24px 0 30px}
.svc-work>span{position:absolute;right:0;top:26px}.svc-work svg{width:22px;height:22px;transition:transform var(--fast)}
.svc-work:hover svg{transform:translate(3px,-3px)}.svc-work:hover h3{text-decoration:underline;text-underline-offset:5px}
.svc-faq{margin-top:48px;max-width:960px}
.svc-faq details{border-top:1px solid var(--line)}.svc-faq details:last-child{border-bottom:1px solid var(--line)}
.svc-faq summary h3{font-size:21px}
.svc-answer{padding:0 0 28px}.svc-answer p{max-width:760px}
.svc-contact{background:var(--contact-bg,#dcdcd5)}
.svc-contact h2{font-size:clamp(40px,6vw,96px);letter-spacing:-.06em;max-width:14ch;text-wrap:balance}
.svc-contact>p{margin-top:28px;max-width:560px}
.svc-more-links{display:flex;flex-wrap:wrap;gap:16px 40px;margin-top:36px}
.svc-more-links a{display:inline-flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid currentColor;font-size:20px;letter-spacing:-.02em}
@media(max-width:1100px){.svc-grid{grid-template-columns:1fr 1fr}.svc-process{grid-template-columns:1fr 1fr}}
@media(max-width:800px){
  .svc-hero{padding:32px var(--gutter) 56px}.svc-hero h1{margin:32px 0 22px}.svc-lead{font-size:17px}
  .svc-grid,.svc-works{grid-template-columns:1fr;gap:28px;margin-top:40px}
  .svc-process{grid-template-columns:1fr;gap:28px;margin-top:40px}.svc-process>div{display:block}
  .svc-faq summary h3{font-size:18px}.svc-more-links a{font-size:18px}
}
/* hero z rysunkiem trybu usługi (jak w ofercie na stronie głównej) */
.svc-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.svc-hero-copy h1{margin-top:44px}
.svc-drawing{height:460px}
/* FAQ jak oferta: numer, akordeon 480 ms */
.svc-faq details{overflow:hidden}.svc-faq details.is-animating{overflow:hidden}
.svc-faq .service-body{padding:0 35px 30px}
/* wejście elementów przy przewijaniu */
.js:not(.motion-off) .svc-rv{opacity:0;transform:translateY(18px);transition:opacity .45s var(--ease),transform .55s var(--ease);transition-delay:calc(min(var(--i,0),4) * 50ms)}
.js:not(.motion-off) .svc-rv.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .svc-rv{opacity:1!important;transform:none!important}}
@media(max-width:800px){.svc-hero-grid{grid-template-columns:1fr;gap:28px}.svc-drawing{height:320px;max-width:540px;width:100%;justify-self:center}.svc-hero-copy h1{margin-top:32px}.svc-faq .service-body{padding:0 10px 26px 0}}