:root{--ink:#172234;--muted:#526074;--line:#dce3ec;--blue:#205bd7;--teal:#0a7467;--mint:#6fa7ff;--paper:#f3f6fa;--gold:#f2bf4f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;background:white}a{color:inherit}a:focus-visible{outline:3px solid #4088ff;outline-offset:5px}::selection{background:#f5d277;color:#172234}.wrap{max-width:1180px;margin:auto;padding:0 32px}.draft{background:#e9edf3;color:#526074;text-align:center;padding:5px 16px;font-size:12px}.skip{position:absolute;top:-80px;left:12px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}
header{background:#141414;color:white;border-bottom:3px solid var(--gold)}.nav{display:flex;flex-wrap:wrap;justify-content:center;padding-top:8px;padding-bottom:18px;gap:0}.brand{display:block;width:100%;max-width:860px;min-width:0}.brand-logo{display:block;width:100%;height:auto}nav{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #343434;padding-top:16px}nav a{text-decoration:none;font-size:14px;font-weight:650;padding:9px 18px;border-radius:7px;transition:background .2s,color .2s}nav a:hover{background:#2e3035;color:#f8d988}.nav-contact{background:var(--gold);color:#172234}nav .nav-contact:hover{background:#ffda80;color:#172234}
h1,h2,h3{line-height:1.2}h1{font-size:clamp(38px,4.6vw,62px);line-height:1.1;letter-spacing:-.045em;margin:0 0 26px;font-weight:780}h1 span{color:var(--blue)}h2{font-size:clamp(29px,3vw,39px);letter-spacing:-.035em;margin:0}h3{letter-spacing:-.02em}.eyebrow,.number{font-size:13px;letter-spacing:.12em;font-weight:750;text-transform:uppercase}.eyebrow{display:inline-block;color:#645021;background:#fff2d1;border:1px solid #f1dfa9;padding:6px 12px;border-radius:5px;margin:0 0 24px}.number{display:block;color:var(--teal);margin-bottom:16px}.hero{padding:66px 0 58px;background:linear-gradient(115deg,#fff 46%,#edf3fc 100%)}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.lead{font-size:18px;color:var(--muted);max-width:560px;margin:0 0 30px}.button{display:inline-block;background:var(--blue);color:white;border-radius:8px;padding:13px 23px;text-decoration:none;font-weight:650;box-shadow:0 5px 12px #205bd71c;transition:background .2s,transform .2s}.button:hover{background:#1649b3;transform:translateY(-2px)}.hero-note{margin:20px 0 0;color:var(--muted);font-size:14px}.service-index{display:grid;gap:17px}.index-item{display:block;text-decoration:none;padding:26px 28px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;box-shadow:0 10px 28px #17223409;transition:transform .2s,box-shadow .2s}.index-item+ .index-item{border-left-color:var(--blue)}.index-item:hover{transform:translateY(-3px);box-shadow:0 15px 30px #17223412}.index-top{display:flex;justify-content:space-between;align-items:center;color:#655021;font-size:13px;font-weight:750;letter-spacing:.12em}.index-item+ .index-item .index-top{color:var(--blue)}.index-item h2{font-size:25px;margin:12px 0 8px}.index-item p{font-size:15px;color:var(--muted);margin:0}.strip{background:#172234;color:#eef3fc;padding:21px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:550}.strip span{border-left:3px solid var(--gold);padding-left:14px}
.section{padding:80px 0}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-intro p{max-width:425px;color:var(--muted);margin:0}.section-opening{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-bottom:42px}.section-opening .section-intro{display:block;margin:0}.section-opening .section-intro p{margin-top:24px;max-width:100%}.section-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:14px;box-shadow:12px 12px 0 #f9e4ae}#bhp{background:#fafbfc}#bhp .number{color:#76520c}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{padding:27px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 16px #17223404;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #17223410}.service-symbol{width:44px;height:44px;display:grid;place-items:center;background:#fff1cd;color:#79520a;border:1px solid #f0d799;border-radius:10px;margin-bottom:22px}.service-symbol svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.card h3{font-size:20px;margin:0 0 14px}.card p{color:var(--muted);margin:0}.card ul{list-style:none;padding:0;margin:20px 0 0}.card li{padding:9px 0;border-top:1px solid var(--line);font-size:14px}.it{background:#142339;color:white}.it .number{color:#93bbff}.it .section-intro p{color:#c4d0e2}.it .section-photo{box-shadow:12px 12px 0 #284568}.it .card{background:#1c304b;border-color:#344962;box-shadow:none}.it .card:hover{background:#213956}.it .service-symbol{background:#28496f;border-color:#40618d;color:#b1d0ff}.it .card p{color:#c9d5e6}.it .card li{color:#e0e8f4;border-color:#3a4e68}
.outsourcing{border-bottom:1px solid var(--line)}.outsourcing-alt{background:#f3f6fa}.outsourcing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}.outsourcing-grid p{color:var(--muted);margin:18px 0}.outsourcing-grid .outsourcing-lead{font-size:21px;color:var(--ink);font-weight:650;line-height:1.45}.scope-note{border-left:3px solid #d8b255;padding-left:18px;font-size:14px}.scope-box{border:1px solid var(--line);padding:32px;border-radius:12px;background:white;box-shadow:0 10px 25px #17223406}.scope-box h3{font-size:21px;margin:0 0 18px}.scope-box ul{list-style:none;margin:0 0 24px;padding:0}.scope-box li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.scope-box li:first-child{padding-top:0}.text-link{color:var(--blue);font-weight:650;text-underline-offset:5px}#outsourcing-bhp .number{color:#76520c}#outsourcing-it .number{color:var(--blue)}
#cennik{background:linear-gradient(180deg,#fff,#f1f5fc)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.price-card{border:1px solid #e3d6b4;border-top:5px solid var(--gold);padding:36px;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;background:white;box-shadow:0 12px 32px #17223408}.price-card+ .price-card{border-color:#cad9f3;border-top-color:var(--blue)}.price-card .number{color:#79520a}.price-card+ .price-card .number{color:var(--blue)}.price-card h3{font-size:26px;margin:0}.price-card p{color:var(--muted);margin:15px 0}.price-card .price{font-size:52px;line-height:1.2;font-weight:780;letter-spacing:-.04em;color:var(--ink);margin:25px 0 10px}.price span,.price small{font-size:16px;font-weight:500;letter-spacing:0}.price-card .one-off{border-top:1px solid var(--line);padding-top:20px;margin-bottom:26px}.price-card .button{margin-top:auto}.price-card:first-child .button{background:#172234}.travel-note{color:var(--muted);font-size:14px;margin-top:24px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.about p{color:var(--muted);margin:0 0 18px}.region{font-size:24px;font-weight:650;letter-spacing:-.025em;color:var(--ink)!important}.contact{background:#17263d;color:white;border-top:4px solid var(--gold);padding:52px;border-radius:14px;margin-bottom:65px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.contact .number{color:#f5cd78}.contact p{color:#c4d0e2;margin:20px 0 0}.contact-details{display:grid;gap:16px;align-content:center}.contact-details div{padding:18px 22px;background:#233650;border:1px solid #3a4d68;border-radius:9px}.contact-details small{display:block;font-size:14px;color:#c4d0e2;margin-bottom:5px}.contact-details strong{font-size:18px;font-weight:600}footer{padding:25px 0;background:#f4f6fa;color:var(--muted);font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px}
@media(max-width:950px){.hero-grid{gap:30px;grid-template-columns:1.1fr 1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.section-opening{gap:32px}.outsourcing-grid{gap:30px}.about{gap:35px}nav{gap:5px}nav a{padding:9px 13px}.contact{padding:35px;gap:30px}}
@media(max-width:650px){.wrap{padding:0 22px}.nav{padding-top:8px;padding-bottom:15px}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:12px}nav a{text-align:center;padding:9px 4px;font-size:14px;line-height:1.45}.hero{padding:40px 0}.hero-grid,.cards,.section-opening,.outsourcing-grid,.pricing-grid,.about,.contact{grid-template-columns:1fr}.hero-grid{gap:30px}.lead{font-size:17px}.index-item{padding:23px}.strip .wrap{flex-direction:column;gap:14px}.section{padding:50px 0}.section-intro{display:block;margin-bottom:26px}.section-intro p{margin-top:18px}.section-opening{gap:28px;margin-bottom:32px}.section-photo,.it .section-photo{box-shadow:6px 6px 0 #c5d7ec}#bhp .section-photo{box-shadow:6px 6px 0 #f9e4ae}.card{padding:24px}.cards{gap:16px}.scope-box{padding:25px}.price-card{padding:27px}.price-card .price{font-size:43px}.about{gap:22px}.contact{padding:28px 24px;margin-bottom:40px;gap:28px}.contact-details div{padding:16px 18px}footer .wrap{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.bhp-saving{background:#fff5dc;border:1px solid #ead49d;border-left:4px solid var(--gold);border-radius:9px;padding:22px 24px;margin:24px 0}.bhp-saving strong{display:block;font-size:20px;line-height:1.4;color:#60440e}.outsourcing-grid .bhp-saving p{margin:12px 0 0;color:#554b36}.contact-details a{text-decoration:none;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline;text-underline-offset:4px}.contact-details a:focus-visible{outline-color:#f5cd78}
.biography{background:#f3f6fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.biography-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.biography-copy p{color:var(--muted);margin:0 0 20px}.biography-copy p:last-child{margin-bottom:0}
.experience-dates{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.experience-dates div{background:white;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:9px;padding:19px}
.experience-dates div+div{border-top-color:var(--gold)}
.experience-dates span{display:block;color:var(--muted);font-size:14px}
.experience-dates strong{display:block;font-size:25px;line-height:1.35;margin-top:6px;letter-spacing:-.025em}
@media(max-width:950px){.biography-grid{gap:32px}}
@media(max-width:650px){.biography-grid{grid-template-columns:1fr;gap:28px}.experience-dates{gap:12px}.experience-dates div{padding:16px}nav a:last-child{grid-column:2}}

/* Nawigacja pomiędzy podstronami. */
nav a[aria-current="page"]{background:#354057;color:white;box-shadow:inset 0 -3px #f2bf4f}
header .nav-contact[aria-current="page"]{background:#f2bf4f;color:#172234}
.page-heading{padding:42px 0 0}.page-heading .number{margin:0}
.page-home-link{display:inline-block;margin:24px 0;color:var(--blue);text-underline-offset:4px}
.standalone-contact{padding-top:60px}.standalone-contact .contact{margin-bottom:60px}
#o-mnie{border-bottom:0}
@media(max-width:650px){nav{grid-template-columns:repeat(2,minmax(0,1fr))}nav a:last-child{grid-column:auto}}

/* Baner marki: znak graficzny po lewej i nazwa PROTEKTIO po prawej. */
header{background:#141414}
.brand{display:grid;grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:24px;width:100%;max-width:1100px;min-width:0;padding:24px 20px 22px;text-align:left;text-decoration:none}
.brand-logo{display:block;content:url("mark.webp");grid-column:1;grid-row:1 / 3;width:132px;height:132px;object-fit:contain;flex:0 0 132px}
.brand::before{content:"PROTEKTIO";grid-column:2;grid-row:1;align-self:end;display:block;color:#fff;font-size:clamp(48px,6.5vw,82px);font-weight:800;line-height:.98;letter-spacing:.045em;white-space:nowrap}
.brand::after{content:"szkolenia BHP / serwis IT";grid-column:2;grid-row:2;align-self:start;display:block;margin-top:9px;color:#f2bf4f;font-size:clamp(15px,2vw,24px);font-weight:600;line-height:1.2;letter-spacing:.06em;white-space:nowrap}
@media(max-width:650px){.brand{grid-template-columns:76px minmax(0,1fr);column-gap:12px;padding:18px 12px 17px}.brand-logo{width:76px;height:76px;flex-basis:76px}.brand::before{font-size:clamp(32px,11.5vw,52px)}.brand::after{font-size:clamp(12px,3.5vw,17px);letter-spacing:.03em;margin-top:6px}}

/* Baner i menu pozostają widoczne podczas przewijania. */
html{scroll-padding-top:220px}
header{position:sticky;top:0;z-index:1000;box-shadow:0 5px 18px rgba(0,0,0,.24)}
@media(max-width:650px){html{scroll-padding-top:310px}}

/* Szybki kontakt pozostaje widoczny pod banerem na każdej podstronie. */
.quick-contact{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;width:100%;margin:-4px 0 12px;font-size:14px}
.quick-contact a{color:#f5cd78;text-decoration:none;padding:4px 7px;border-radius:6px}
.quick-contact a:hover{background:#2e3035;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.quick-contact{gap:6px 12px;font-size:13px;margin:-2px 0 10px}.quick-contact a{padding:3px 2px}}

/* Układ szczegółowej podstrony usługi. */
.detail-page{padding:64px 0 84px}
.detail-page .page-heading{padding:0;max-width:900px}
.detail-page .page-heading .number{margin-bottom:16px}
.detail-page h1{font-size:clamp(36px,5vw,58px);margin:0}
.detail-lead{font-size:21px;line-height:1.5;color:var(--muted);max-width:820px;margin:20px 0 0}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:52px;align-items:start;margin-top:46px}
.detail-copy h2{font-size:27px;margin:0 0 14px}
.detail-copy p{color:var(--muted);margin:0 0 20px}
.detail-copy ul{color:var(--muted);padding-left:1.2rem;margin:0 0 26px}
.detail-copy li{margin:9px 0}
.detail-aside{background:#f3f6fa;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:12px;padding:28px}
.detail-aside h3{margin:0 0 15px;font-size:21px}
.detail-aside p{color:var(--muted);margin:0 0 20px}
.detail-aside .button{display:inline-block}
.detail-back{display:inline-block;color:var(--blue);text-underline-offset:4px;margin-top:22px}
.card-link{display:block;color:inherit;text-decoration:none}
.card-link:focus-visible{outline:3px solid #4088ff;outline-offset:4px}
.card-link::after{content:"Szczegóły usługi ↗";display:block;margin-top:20px;color:var(--blue);font-weight:650}
.it .card-link::after{color:#b1d0ff}
@media(max-width:950px){.detail-grid{gap:30px}}
@media(max-width:650px){.detail-page{padding:45px 0 60px}.detail-lead{font-size:18px}.detail-grid{grid-template-columns:1fr;gap:28px;margin-top:34px}.detail-aside{padding:24px}}

/* Nowoczesne przyciski i kafelki usług. */
body{overflow-x:hidden}
.button,nav .nav-contact{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;letter-spacing:.01em;white-space:nowrap;transition:background-position .5s ease,transform .25s ease,box-shadow .25s ease,filter .25s ease}
.button{background:linear-gradient(110deg,#205bd7 0%,#4f88f2 48%,#174bb8 100%);background-size:220% 100%;background-position:0 0;box-shadow:0 12px 26px rgba(32,91,215,.22),inset 0 1px rgba(255,255,255,.25)}
.button:hover{background-position:100% 0;transform:translateY(-3px);box-shadow:0 17px 32px rgba(32,91,215,.31);filter:saturate(1.08)}
.button:active{transform:translateY(-1px) scale(.99)}
nav .nav-contact{background:linear-gradient(110deg,#e2aa32 0%,#ffe08a 48%,#d58f16 100%);background-size:220% 100%;background-position:0 0;color:#172234;box-shadow:0 8px 19px rgba(227,170,50,.24),inset 0 1px rgba(255,255,255,.4)}
nav .nav-contact:hover{background-position:100% 0;color:#172234;transform:translateY(-2px);box-shadow:0 13px 26px rgba(227,170,50,.35);filter:saturate(1.08)}
.service-index .index-item{position:relative;overflow:hidden;border-radius:22px;padding:30px 30px 28px;box-shadow:0 14px 32px rgba(23,34,52,.08);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.service-index .index-item::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f2bf4f,#ffe49a)}
.service-index .index-item:nth-child(2)::before{background:linear-gradient(90deg,#205bd7,#8db5ff)}
.service-index .index-item:hover{transform:translateY(-7px);box-shadow:0 21px 40px rgba(23,34,52,.14)}
.index-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:20px;border-radius:16px;background:#fff4d5;border:1px solid #efd18b;color:#8a6414;font-size:23px;box-shadow:0 7px 16px rgba(121,82,10,.12)}
.index-item:nth-child(2) .index-icon{background:#e8f0ff;border-color:#b6cdf6;color:#205bd7;box-shadow:0 7px 16px rgba(32,91,215,.12)}
.cards .card{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 10px 26px rgba(23,34,52,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.cards .card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f2bf4f,#ffe49a);opacity:.95}
.it .cards .card::before{background:linear-gradient(90deg,#4f88f2,#a6c7ff)}
.cards .card:hover{transform:translateY(-8px);box-shadow:0 20px 38px rgba(23,34,52,.15)}
.it .cards .card:hover{box-shadow:0 20px 38px rgba(0,0,0,.24)}
.service-symbol{width:56px;height:56px;border-radius:17px;margin-bottom:20px;box-shadow:0 8px 16px rgba(121,82,10,.11)}
.service-symbol i{font-size:24px;line-height:1}
.it .service-symbol{box-shadow:0 8px 16px rgba(12,34,66,.25)}
.card-link::after{transition:transform .25s ease,color .25s ease}
.card-link:hover::after{transform:translateX(4px)}

/* AOS: jeśli skrypt nie załaduje się lub użytkownik ogranicza ruch, treść pozostaje widoczna. */
html:not(.aos-enabled) [data-aos]{opacity:1!important;transform:none!important;pointer-events:auto!important}
html.aos-enabled [data-aos]{will-change:opacity,transform}

/* Heading rhythm: direct subsections use H2 while detail cards remain H3. */
.card h2,.card h3{font-size:20px;margin:0 0 14px}
.scope-box h2,.scope-box h3{font-size:21px;margin:0 0 18px}
.price-card h2,.price-card h3{font-size:26px;margin:0}