body.subpage{background:#fff;color:#080808}
.subpage .header-logo{display:flex;align-items:center}
.sp-main{background:#fff}
.sp-wrap{max-width:1280px;margin:0 auto;padding:0 42px}
.sp-breadcrumb{font-size:12px;color:#777;padding:22px 0 16px}
.sp-breadcrumb a{color:inherit;text-decoration:none}
.sp-breadcrumb span{padding:0 9px;color:#aaa}
.sp-hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:355px;border-bottom:1px solid #eee;background:#fff}
.sp-hero-copy{padding:46px 58px 44px max(42px,calc((100vw - 1280px)/2));align-self:center}
.sp-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#374151;margin:0 0 8px}
.sp-hero h1{font:400 clamp(42px,4vw,58px)/1.08 Georgia,serif;margin:0;letter-spacing:-.015em}
.sp-rule{width:38px;border-top:1px solid #111;margin:24px 0}
.sp-hero-copy>p:last-child{max-width:570px;margin:0;color:#3f4b60;font-size:17px;line-height:1.55}
.sp-hero-photo{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:355px}
.sp-section{padding:58px 0}
.sp-section h2{font:400 33px/1.15 Georgia,serif;margin:0 0 28px}
.sp-two-col{display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:start}
.sp-checklist{list-style:none;margin:0;padding:0}
.sp-checklist li{display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start;margin:0 0 16px;color:#46536a;font-size:16px;line-height:1.45}
.sp-checklist li::before{content:"✓";width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f4f6f8;color:#111;font-weight:700}
.sp-sidebox{background:#f8f9fb;padding:34px 38px}
.sp-sidebox h3{font:400 26px/1.15 Georgia,serif;margin:0 0 22px}
.sp-sidebox .sp-small-rule{width:30px;border-top:1px solid #9aa3b1;margin:0 0 18px}
.sp-option{padding:15px 0;border-bottom:1px solid #dde1e6}
.sp-option:last-child{border-bottom:0}
.sp-option strong{display:block;font:400 18px Georgia,serif;margin-bottom:4px}
.sp-option span{font-size:13px;color:#596579}
.sp-audience{list-style:none;margin:0;padding:0}
.sp-audience li{padding:7px 0 7px 28px;position:relative;color:#46536a;line-height:1.4}
.sp-audience li::before{content:"✓";position:absolute;left:0;top:7px;color:#111;font-weight:700}
.sp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border-top:1px solid #e0e3e8;border-bottom:1px solid #e0e3e8}
.sp-feature{padding:28px 34px;min-height:150px}
.sp-feature+.sp-feature{border-left:1px solid #dfe3e8}
.sp-feature h3{font:400 20px/1.2 Georgia,serif;margin:0 0 15px}
.sp-feature p{margin:0;color:#596579;font-size:13px;line-height:1.5}
.sp-feature-icon{width:48px;height:48px;border:1px solid #9ba5b4;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;font-size:21px}
.sp-cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:#f7f8fa;border-left:4px solid #111;padding:25px 28px;margin-top:34px}
.sp-cta p{font:400 21px Georgia,serif;margin:0;color:#283548}
.sp-cta .btn{white-space:nowrap}
.sp-values{display:grid;grid-template-columns:repeat(5,1fr);padding:46px 0 60px;gap:0}
.sp-value{padding:0 24px;display:grid;grid-template-columns:32px 1fr;gap:12px}
.sp-value+.sp-value{border-left:1px solid #ddd}
.sp-value b{font-size:22px;font-weight:400}
.sp-value strong{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin-bottom:5px}
.sp-value span{font-size:12px;color:#596579;line-height:1.45}
.sp-remote{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:center;background:#f8f9fa;padding:18px 20px;margin-top:22px;max-width:720px}
.sp-remote-icon{font-size:25px;text-align:center}
.sp-remote p{margin:0;font-size:13px;line-height:1.45;color:#333}
.sp-cards-section{padding:42px 0 24px}
.sp-cards-section .sp-kicker{margin-bottom:8px}
.sp-cards-section h2{font:400 34px/1.15 Georgia,serif;margin:0 0 26px}
.sp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sp-card{border:1px solid #dedede;padding:25px 24px;min-height:205px}
.sp-card-icon{width:44px;height:44px;margin-bottom:14px;color:#111}
.sp-card-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sp-card h3{font:400 19px/1.2 Georgia,serif;margin:0 0 10px}
.sp-card p{margin:0;color:#555;font-size:13px;line-height:1.48}
.sp-benefit-band{background:#f7f7f7;margin-top:28px;padding:28px 0}
.sp-benefit-band .sp-kicker{margin-bottom:20px}
.sp-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.sp-benefit{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:0 26px}
.sp-benefit+.sp-benefit{border-left:1px solid #d9d9d9}
.sp-benefit-icon{width:46px;height:46px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center;font-size:21px}
.sp-benefit h3{font:400 18px Georgia,serif;margin:0 0 7px}
.sp-benefit p{font-size:12px;color:#666;line-height:1.45;margin:0}
.sp-contact-cta{position:relative;padding:48px 0 58px;overflow:hidden}
.sp-contact-cta:after{content:"AB";position:absolute;right:18px;bottom:-30px;font:400 180px Georgia,serif;color:#f2f2f2;z-index:0}
.sp-contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.sp-contact-cta h2{font:400 35px/1.15 Georgia,serif;margin:0 0 10px}
.sp-contact-cta p{margin:0;color:#666}
@media(max-width:900px){
 .sp-wrap{padding:0 24px}.sp-hero{grid-template-columns:1fr}.sp-hero-copy{padding:42px 24px}.sp-hero-photo{min-height:280px}.sp-two-col{grid-template-columns:1fr}.sp-features{grid-template-columns:1fr}.sp-feature+.sp-feature{border-left:0;border-top:1px solid #dfe3e8}.sp-values{grid-template-columns:1fr 1fr;gap:24px}.sp-value+.sp-value{border-left:0}.sp-cards{grid-template-columns:1fr 1fr}.sp-benefit-grid{grid-template-columns:1fr}.sp-benefit+.sp-benefit{border-left:0;border-top:1px solid #ddd;padding-top:22px;margin-top:22px}.sp-contact-grid{grid-template-columns:1fr}.sp-cta{grid-template-columns:1fr}
}
@media(max-width:600px){.sp-cards{grid-template-columns:1fr}.sp-values{grid-template-columns:1fr}.sp-card{min-height:auto}.sp-contact-cta:after{font-size:110px}.sp-hero h1{font-size:42px}.sp-section h2,.sp-cards-section h2{font-size:30px}}
/* Korekta rozmiaru i kadrowania zdjęć wyłącznie na wskazanych podstronach */
.sp-page-ksiegowosc .sp-hero,.sp-page-jednorazowe .sp-hero{grid-template-columns:1.15fr .85fr}
.sp-page-ksiegowosc .sp-hero-photo,.sp-page-jednorazowe .sp-hero-photo{background-size:contain;background-position:center;background-color:#fff;min-height:315px}
@media(max-width:900px){.sp-page-ksiegowosc .sp-hero,.sp-page-jednorazowe .sp-hero{grid-template-columns:1fr}.sp-page-ksiegowosc .sp-hero-photo,.sp-page-jednorazowe .sp-hero-photo{min-height:240px}}

/* Korekta górnych segmentów wyłącznie: Księgowość i Usługi jednorazowe */
.sp-page-ksiegowosc .sp-hero,
.sp-page-jednorazowe .sp-hero{
  grid-template-columns:1.28fr .72fr;
  min-height:290px;
}
.sp-page-ksiegowosc .sp-hero-copy,
.sp-page-jednorazowe .sp-hero-copy{
  padding-top:30px;
  padding-bottom:30px;
}
.sp-page-ksiegowosc .sp-hero h1,
.sp-page-jednorazowe .sp-hero h1{
  font-size:clamp(38px,3vw,48px);
}
.sp-page-ksiegowosc .sp-rule,
.sp-page-jednorazowe .sp-rule{
  margin:18px 0;
}
.sp-page-ksiegowosc .sp-hero-photo,
.sp-page-jednorazowe .sp-hero-photo{
  min-height:290px;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#fff;
}
@media(max-width:900px){
  .sp-page-ksiegowosc .sp-hero,
  .sp-page-jednorazowe .sp-hero{grid-template-columns:1fr;min-height:0}
  .sp-page-ksiegowosc .sp-hero-copy,
  .sp-page-jednorazowe .sp-hero-copy{padding-top:30px;padding-bottom:30px}
  .sp-page-ksiegowosc .sp-hero-photo,
  .sp-page-jednorazowe .sp-hero-photo{min-height:230px}
}

/* Zdjęcia podstron ładowane z zewnętrznego CSS — zgodne z CSP style-src 'self' */
.sp-hero-photo-ksiegowosc{background-image:url('subpage-ksiegowosc-hero.webp')}
.sp-hero-photo-kadry{background-image:url('subpage-kadry-hero.webp')}
.sp-hero-photo-jednorazowe{background-image:url('subpage-jednorazowe-hero.webp')}