/* WOJTECH — samodzielna strona, bez bibliotek i zewnętrznych zasobów. */
:root{--ink:#111f2a;--navy:#162733;--lime:#d5f76a;--paper:#fff;--muted:#58636a;--line:#dce2e5;--soft:#f3f5f6;--width:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #5c83e8;outline-offset:6px}::selection{color:var(--ink);background:var(--lime)}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:10px;left:10px;transform:translateY(-180%);background:var(--lime);padding:12px;z-index:10}.skip-link:focus{transform:none}.header{background:var(--ink);color:#fff}.header-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff25}.brand{display:flex;align-items:center;gap:13px;font-size:1.8125rem;font-weight:800;letter-spacing:1.2px;line-height:1.1}.brand svg{width:37px;height:34px;fill:none;stroke:var(--lime);stroke-width:3.7;stroke-linejoin:round}.brand-caption{display:block;font-size:0.75rem;letter-spacing:2.7px;font-weight:400;margin-top:8px;color:#bdc7cd}.header nav{display:flex;align-items:center;gap:34px;font-size:0.875rem}.header nav>a{padding-block:12px}.header nav>a:hover{color:var(--lime)}.nav-contact{border:1px solid #ffffff4a;padding:11px 19px!important}.nav-contact span{margin-left:22px;color:var(--lime)}
.hero{background:var(--ink);color:#fff}.hero-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;padding-block:83px 73px;align-items:center}.eyebrow{font-size:0.75rem;font-weight:700;letter-spacing:1.7px;margin:0 0 25px;display:flex;align-items:center;gap:12px}.hero .eyebrow{color:#cbd4d9}.short-line{height:2px;width:24px;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.4vw,65px);line-height:1.1;font-weight:750;letter-spacing:-2.6px;margin-bottom:25px}h1>span{color:var(--lime)}.hero-lead{font-size:1.125rem;line-height:1.75;max-width:470px;color:#c0cbd2;margin-bottom:32px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:55px;padding:15px 22px;font-size:0.875rem;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e3ff99}.button span{font-size:1.3125rem;line-height:1}.text-link{font-size:0.875rem;border-bottom:1px solid #ffffff55;padding-block:9px}.text-link span{margin-left:8px;color:var(--lime)}.text-link:hover{color:var(--lime)}.hero-note{font-size:0.8125rem;color:#94a4af;margin:27px 0 0}.audience{border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:25px 29px;font-size:0.875rem;color:#bcc9d1}.audience ul{list-style:none;display:flex;gap:30px;margin:0;padding:0;color:#f1f5f7}.audience li::before{content:'+';color:var(--lime);margin-right:12px}
.system-diagram{height:470px;position:relative;background-image:radial-gradient(#83959f2e 1px,transparent 1px);background-size:19px 19px;border:1px solid #ffffff1f;border-radius:2px}.diagram-heading{display:flex;justify-content:space-between;font-size:0.75rem;letter-spacing:1.1px;color:#b9c7cf;position:absolute;inset:19px 20px auto;gap:12px}.connections{position:absolute;inset:35px 0 15px;width:100%;height:calc(100% - 50px);fill:var(--lime);stroke:#c7e66d6b;stroke-width:1}.system-node{position:absolute;display:flex;flex-direction:column;width:34%;background:#172a36;border:1px solid #63747e75;padding:13px 14px;box-shadow:0 10px 30px #00000012}.system-node strong{font-size:0.875rem;font-weight:500;color:#f1f5f7}.system-node>span:last-child{font-size:0.75rem;color:#9bafb9}.node-icon{font-size:0.75rem;line-height:1;margin-bottom:10px;color:var(--lime);font-family:monospace}.node-alarm{left:6%;top:13%}.node-camera{right:6%;top:13%}.node-network{left:3%;top:43%}.node-access{right:3%;top:43%}.node-intercom{left:6%;top:72%}.node-power{right:6%;top:72%}.system-core{position:absolute;top:44%;left:50%;transform:translateX(-50%);background:var(--lime);color:var(--ink);width:30%;min-height:79px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 45px #d5f76a16;z-index:1}.system-core>span{font-size:1rem;font-weight:800;letter-spacing:.4px}.system-core small{font-size:0.75rem}.diagram-footer{position:absolute;bottom:10px;left:0;right:0;margin:0;text-align:center;letter-spacing:1px;font-size:0.75rem;color:#a1b2bd}.diagram-footer span{color:var(--lime);margin-inline:7px}
.section-pad{padding-block:94px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.section-heading .eyebrow{color:var(--muted);margin-bottom:18px}h2{font-size:clamp(32px,3.1vw,45px);line-height:1.16;font-weight:700;letter-spacing:-1.5px;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:1rem;margin:0;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:27px 25px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s;min-width:0}.service:hover{background:#f6f8f9}.service-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}.service-number{font-size:0.9375rem;color:#697880;font-family:monospace}.service-tag{font-size:0.75rem;letter-spacing:.65px;color:#66747b}.service h3{font-size:1.3125rem;line-height:1.25;letter-spacing:-.4px;margin-bottom:15px;min-height:53px}.service>p{font-size:0.875rem;line-height:1.75;color:var(--muted);margin-bottom:27px}.service details{margin-top:auto;font-size:0.875rem}.service summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding-block:12px 2px;border-top:1px solid var(--line);font-weight:600}.service summary::-webkit-details-marker{display:none}.service summary span{font-size:1.4375rem;font-weight:400;transition:transform .2s}.service details[open] summary span{transform:rotate(45deg)}.service details ul{padding-left:17px;color:var(--muted);font-size:0.875rem;margin-bottom:0}.service details li+li{margin-top:8px}.service-accent{background:#edf4e1}.service-accent:hover{background:#e5efd3}
.approach{background:var(--soft);border-top:1px solid var(--line)}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:115px}.approach-intro>p:not(.eyebrow){color:var(--muted);max-width:400px;margin:27px 0}.signature{display:flex;align-items:center;gap:15px;margin-top:35px}.monogram{background:var(--ink);color:var(--lime);width:48px;height:48px;display:grid;place-items:center;font-size:0.9375rem;letter-spacing:-1px}.signature strong{display:block;font-size:0.9375rem}.signature div>span{font-size:0.75rem;letter-spacing:1.7px;color:var(--muted)}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:27px;padding-block:25px;border-top:1px solid #ced7db}.steps li:first-child{padding-top:20px}.steps li:last-child{padding-bottom:0}.step-number{font-family:monospace;font-size:0.875rem;color:#61716b;padding-top:2px}.steps h3{font-size:1.25rem;margin:0 0 8px;letter-spacing:-.4px}.steps p{color:var(--muted);font-size:0.9375rem;line-height:1.75;margin:0}
.contact{background:var(--lime)}.contact-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}.contact h2{font-size:clamp(36px,3.7vw,53px)}.contact .eyebrow{margin-bottom:23px}.contact h2+p{margin:24px 0 0;color:#354822;font-size:1rem}.contact-details{border-left:1px solid #111f2a3d;padding-left:45px}.contact-name{font-size:1.4375rem;font-weight:700;line-height:1.4;margin-bottom:25px}.contact-name span{display:block;font-size:0.75rem;letter-spacing:2px;font-weight:400;margin-top:4px}.contact-pending{font-size:1.0625rem}.contact-hint{font-size:0.875rem;max-width:330px;color:#354822;margin:26px 0 0}.contact-details a{display:block;width:fit-content;overflow-wrap:anywhere}.contact-phone{font-size:clamp(24px,2.5vw,35px);font-weight:700;line-height:1.4;letter-spacing:-.8px}.contact-email{font-size:1.125rem;border-bottom:1px solid #111f2a6b;margin-top:10px}.contact-area{font-size:0.875rem;margin-top:24px}.footer{background:var(--ink);color:#b6c2ca;padding-block:35px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:0.75rem}.footer-brand{font-size:1.1875rem;font-weight:800;letter-spacing:1px;color:#fff}.footer-brand span{display:block;font-size:0.75rem;letter-spacing:.3px;font-weight:400;color:#a4b3be}.footer p{margin:0}.footer-inner>a:last-child{font-size:0.875rem}.footer-inner>a:last-child span{color:var(--lime);margin-left:16px}
@media(min-width:1450px){.hero-layout{gap:75px;padding-block:95px 85px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-layout{gap:30px}.hero-actions{gap:17px}.hero-layout{padding-block:65px}.system-diagram{height:440px}.service-grid{grid-template-columns:repeat(2,1fr)}.service{padding:28px}.service h3{min-height:0}.service-tag{font-size:0.75rem}.service>p{font-size:1rem}.service-top{margin-bottom:23px}.approach-layout{gap:65px}.contact-layout{gap:55px}.audience ul{gap:18px}.audience{font-size:0.75rem}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:92px;gap:20px}.brand{font-size:1.4375rem;gap:10px}.brand-caption{font-size:0.75rem;letter-spacing:2px}.brand svg{width:30px}.header nav{gap:15px;font-size:0.8125rem}.header nav>a:nth-child(2){display:none}.nav-contact{padding:9px 12px!important}.nav-contact span{margin-left:8px}.hero-layout{grid-template-columns:1fr;gap:45px;padding-block:49px 40px}h1{font-size:3.5rem;letter-spacing:-2px}.hero-lead{max-width:550px;font-size:1.0625rem}.eyebrow{font-size:0.75rem;letter-spacing:1.3px}.hero-note{margin-top:22px}.system-diagram{height:420px;max-width:550px;width:100%;margin:auto}.diagram-heading{font-size:0.75rem}.system-node{padding:12px 14px}.system-node strong{font-size:0.9375rem}.system-node>span:last-child{font-size:0.75rem}.system-core>span{font-size:1.0625rem}.audience{display:block;padding-block:23px}.audience>span{font-size:0.8125rem}.audience ul{flex-wrap:wrap;gap:10px 20px;margin-top:13px;font-size:0.8125rem}.section-pad{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.section-heading>p br{display:none}.service{padding:22px}.service h3{font-size:1.3125rem}.service-tag{font-size:0.75rem}.service-top{gap:6px}.service>p{font-size:0.9375rem}.approach-layout{grid-template-columns:1fr;gap:37px}.approach-intro h2 br:nth-child(2){display:none}.approach-intro>p:not(.eyebrow){max-width:540px}.contact-layout{grid-template-columns:1fr;gap:33px}.contact-details{border-left:0;border-top:1px solid #111f2a3d;padding:27px 0 0}.contact h2{font-size:2.625rem}.contact-name{font-size:1.25rem}.footer-inner{flex-wrap:wrap;gap:20px}.footer p{order:3;flex-basis:100%}.footer-inner>a:last-child{margin-left:auto}}
@media(max-width:430px){h1{font-size:2.875rem}.header nav>a:first-child{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-actions .button{width:100%}.hero-lead{font-size:1rem}.service-grid{grid-template-columns:1fr}.service{padding:26px}.service>p{font-size:1rem}.service h3{font-size:1.5rem}.service-top{margin-bottom:20px}.service-tag{font-size:0.75rem}.system-diagram{height:395px}.system-node{padding:10px}.system-node strong{font-size:0.8125rem}.system-node>span:last-child{font-size:0.75rem}.system-core{min-height:75px;width:31%}.system-core>span{font-size:0.875rem}.system-core small{font-size:0.75rem}.diagram-heading{font-size:0.75rem;inset:17px 13px auto}.diagram-footer{font-size:0.75rem;letter-spacing:.5px}.contact h2{font-size:2.3125rem}.desktop-break{display:none}}
.connections path{fill:none}.service>p{font-size:1rem}.service-tag{letter-spacing:0}.service-top{align-items:start}.service-tag{text-align:right}.node-network,.node-access{width:30%}.diagram-heading>span:last-child{display:none}.diagram-heading{font-size:.75rem;letter-spacing:.6px}.diagram-footer{letter-spacing:0;font-size:.75rem}.system-core small{font-size:.75rem}.system-node>span:last-child{font-size:.75rem}.brand-caption{font-size:.75rem;letter-spacing:1px}
@media(max-width:760px){.system-diagram{display:grid;grid-template-columns:1fr 1fr;gap:14px;height:auto;padding:20px}.diagram-heading{position:static;grid-column:1/-1;margin-bottom:8px}.connections{display:none}.system-node{position:static;width:auto;min-width:0;padding:14px}.system-node strong{font-size:.9375rem}.system-core{position:static;transform:none;grid-column:1/-1;grid-row:3;width:auto;min-height:75px}.system-core>span{font-size:1.125rem}.system-core small{font-size:.75rem}.diagram-footer{position:static;grid-column:1/-1;margin-top:8px;font-size:.75rem}.hero .eyebrow{flex-wrap:wrap;letter-spacing:.5px}.hero .short-line{display:none}.header nav{font-size:.875rem}.brand-caption{font-size:.75rem;letter-spacing:0}.contact-details{min-width:0}}
@media(max-width:360px){.brand{font-size:1.25rem}.brand svg{width:24px}.nav-contact{padding:9px!important}.nav-contact span{margin-left:2px}.system-diagram{padding:14px;gap:10px}.system-node{padding:10px}.system-node strong{font-size:.875rem}}
.company-details{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid #ffffff25;margin-top:26px;padding-top:22px;font-size:.875rem}.company-details span{display:block}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}