:root{--ink:#202329;--muted:#515b66;--blue:#a63812;--hot:#ff773e;--light:#f1f3f5;--line:#d3d9de;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:18px;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--blue)}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}a,button,summary,input,textarea,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3{margin:0 0 22px;line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(38px,4.5vw,64px)}h2{font-size:clamp(30px,3.6vw,48px)}h3{font-size:26px}p{margin:0 0 24px}figure{margin:0}img{display:block;width:100%;max-width:100%;height:auto}figure img{object-fit:contain}button{color:inherit}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.space{padding-block:88px}.skip{position:fixed;top:-100px;left:16px;z-index:99;background:#fff;padding:16px}.skip:focus{top:16px}
.preview{font-size:13px;background:#e9edf0;color:#414b55;text-align:center;padding:7px 16px}.header{background:#f1f3f5;border-bottom:1px solid var(--line)}.navrow{display:flex;align-items:center;gap:30px;min-height:94px}.brand{font-size:31px;font-weight:900;letter-spacing:-1px;text-decoration:none;line-height:1}.brand span{font-size:10px;line-height:1.3;display:block;margin-top:10px;letter-spacing:1px}.navrow nav{display:flex;gap:26px;margin-left:auto;font-size:16px;font-weight:600}.navrow nav a{text-decoration:none;padding-block:13px}.navtel{font-weight:800;font-size:18px;white-space:nowrap;text-decoration:none}.menu{display:none;border:1px solid #adb7c1;border-radius:7px;background:#fff;padding:10px 14px;min-height:48px}
.eyebrow{font-size:13px;line-height:1.5;font-weight:800;letter-spacing:1.5px;color:var(--blue);margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 24px;min-height:56px;border:1px solid var(--hot);border-radius:6px;background:var(--hot);color:#202329;text-decoration:none;font-size:17px;font-weight:700;line-height:1.45;transition:background .2s,transform .2s}.button:hover{color:#202329;background:#ff8b5b;transform:translateY(-2px)}.button span{font-size:22px}.textlink{color:var(--blue);font-size:17px;font-weight:700;display:inline-block;padding-block:12px}.stage{background:var(--light)}.stage-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:54px;align-items:center;padding-block:58px 48px}.stage-copy{min-width:0}.stage h1{font-size:clamp(43px,4.7vw,68px);line-height:1.03;letter-spacing:-.055em;margin-bottom:28px}.stage h1 span{color:var(--blue)}.stage-lead{font-size:19px;color:#454f59;max-width:530px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.audience{font-size:15px;margin:22px 0 0;color:#515b66}.stage-object{min-width:0;position:relative}.stage-object figure{overflow:hidden;border-radius:16px;background:#dce1e5}.stage-object img{height:auto;aspect-ratio:1.12;object-fit:cover;object-position:44% center;animation:arrive .6s ease both}.photo-note{position:absolute;bottom:18px;left:18px;right:18px;background:#202329ed;color:#fff;padding:13px 16px;border-left:3px solid var(--hot);font-size:14px;letter-spacing:.03em}.stage-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ccd4db;font-size:15px;color:#49535e;padding-block:20px}
.sectionhead{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;margin-bottom:38px}.sectionhead>div{flex:1}.sectionhead h2{margin-bottom:0}.sectionhead>p{max-width:380px;padding-top:33px;color:var(--muted);font-size:18px}.service-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.service-matrix>a{display:flex;flex-direction:column;min-width:0;text-decoration:none;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s;background:#fff}.service-matrix>a:hover{color:var(--ink);border-color:#9ba6af;box-shadow:0 12px 30px #25374612}.service-thumb{position:relative;background:#f1f3f5;border-bottom:1px solid var(--line)}.service-thumb img{width:100%;height:215px;object-fit:contain;padding:16px}.service-thumb img[src*="serwis-kotlowni"]{object-fit:cover;padding:0}.ordinal{position:absolute;left:16px;top:16px;background:#fff;color:#34404a;display:grid;place-items:center;border:1px solid var(--line);font-size:14px;font-weight:700;width:38px;height:38px;border-radius:50%}.service-copy{padding:26px;display:flex;flex-direction:column;flex:1}.service-copy h3{font-size:25px;line-height:1.17}.service-copy p{font-size:17px;color:var(--muted);margin-bottom:25px}.service-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-weight:700;font-size:16px;color:var(--blue)}
.chapter-dark{background:#202329;color:#f5f7f9;padding:75px 0}.chapter-head{display:grid;grid-template-columns:.6fr 1.3fr 1fr;gap:32px}.chapter-head h2{font-size:43px}.chapter-head>p:last-child{font-size:18px;color:#c4ccd3}.chapter-dark .eyebrow,.workflow .eyebrow{color:#ffad8b}.system-split{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.system-object img{max-height:510px}.system-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #606971;margin-block:24px 32px}.system-buttons button{background:transparent;color:#d1d7dc;border:0;border-bottom:3px solid transparent;min-height:82px;font-size:16px;text-align:left;padding:10px 8px 18px}.system-buttons small{display:block;font-size:13px;margin-bottom:7px;color:#b7c1c9}.system-buttons button[aria-pressed=true]{color:#fff;border-bottom-color:var(--hot)}.system-buttons button[aria-pressed=true] small{color:#ffad8b}.chapter-dark :focus-visible{outline-color:#ffad8b}.part-content{min-height:200px;animation:arrive .22s ease}.part-content h3{font-size:30px}.part-content p{color:#cbd2d9;font-size:18px}
.detail-story{background:#f5f6f7;padding-block:70px}.detail-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.macro img{max-height:430px;object-fit:contain}.story-copy p:not(.eyebrow){color:var(--muted)}.object-scene{max-width:860px;margin:0 auto 40px}.object-scene img{height:auto;max-height:470px;object-fit:contain}.objects{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.objects details{border-top:1px solid var(--line);padding:24px 0}.objects summary{display:flex;gap:20px;align-items:baseline;list-style:none;font-size:23px;font-weight:700;line-height:1.3}.objects summary:after{content:"+";margin-left:auto;color:var(--blue)}.objects details[open] summary:after{content:"−"}.objects summary span{font-size:15px;color:var(--blue)}.objects p{font-size:17px;color:var(--muted);margin:20px 0 0;padding-left:39px}
.workflow{background:#202329;color:#fff;padding-block:72px}.process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px;margin:44px 0 0}.process li{border-top:2px solid #ff773e;padding-top:18px}.process li>span{color:#ffad8b;font-size:15px}.process h3{font-size:24px;margin-top:18px}.process p{color:#c4ccd3;font-size:17px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.automation-visual{max-width:460px}.automation-visual img{max-height:470px;object-fit:contain}.editorial p:not(.eyebrow){color:var(--muted)}.articles-section{border-top:1px solid var(--line)}.articlelist{margin-top:35px;border-top:1px solid var(--line)}.articlelist a{display:grid;grid-template-columns:40px 1fr 30px;gap:24px;align-items:center;text-decoration:none;border-bottom:1px solid var(--line);padding-block:26px}.articlelist span{font-size:16px;color:var(--blue)}.articlelist h3{font-size:26px;margin:0}.faq{max-width:960px;margin-top:32px}.faq details{border-top:1px solid var(--line);padding-block:22px}.faq summary{font-size:20px;font-weight:700}.faq p{color:var(--muted);margin:20px 0 0}
.contactband{background:var(--light);border-top:1px solid var(--line);padding-block:68px}.contactband>.wrap{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px}.contactband h2{font-size:43px}.phone{display:block;font-size:29px;font-weight:800;text-decoration:none;margin:18px 0 8px}.footer{background:#202329;color:#f5f7f9;padding-block:62px 30px;font-size:16px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer strong{font-size:17px}.footer p{color:#c1cad2;margin-top:17px}.footgrid>div:not(:first-child) a{display:block;margin-top:14px}.footer a:hover{color:#ffad8b}.fine{font-size:13px;border-top:1px solid #535f69;padding-top:24px;margin-top:36px!important}.footer :focus-visible{outline-color:#ffad8b}.mobilebar{display:none}
.intro{padding-block:60px 40px}.intro h1{max-width:1000px}.lead{font-size:21px;color:var(--muted);max-width:920px}.service-summary{background:var(--light);border-left:3px solid var(--hot);padding:27px 32px;margin-bottom:50px;border-radius:0 10px 10px 0}.service-summary ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 38px;list-style:none;padding:0;margin:0;font-size:18px}.service-summary li{padding-left:25px;position:relative}.service-summary li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}.service-summary .eyebrow{margin-bottom:16px}.detailgrid{display:grid;grid-template-columns:1.65fr 1fr;gap:70px;padding-bottom:65px;align-items:start}.prose{max-width:850px;font-size:18px;line-height:1.85}.prose section{margin-bottom:38px}.prose h2{font-size:29px;line-height:1.2}.prose p{color:#444f59}.detailgrid .prose{width:100%}.detailgrid aside figure{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--light)}.detailgrid aside img{max-height:400px;object-fit:contain}.asidebox{margin-top:26px;background:var(--light);padding:28px;border-left:3px solid var(--hot)}.asidebox h2{font-size:27px}.asidebox p{font-size:17px}.asidebox .button{width:100%}.related{padding-bottom:65px}.related h2{font-size:30px}.related>div{display:flex;flex-wrap:wrap;gap:16px 28px}.related a{color:var(--blue);font-size:17px}.building-illustration,.articlehero{max-width:980px}.building-illustration img{max-height:550px;object-fit:contain}.articlehero img{max-height:480px;object-fit:contain}.stories{display:grid;grid-template-columns:1fr 1fr;gap:55px 40px;padding-bottom:70px}.stories img{height:300px;object-fit:contain;background:var(--light);border-radius:10px}.stories h2{font-size:30px;margin-top:26px}.stories h2 a{text-decoration:none}.stories p{font-size:18px;color:var(--muted)}.sources{padding:28px;background:var(--light);border-radius:10px}.sources a{font-size:16px;overflow-wrap:anywhere}
.formgrid{display:grid;grid-template-columns:.7fr 1.5fr;gap:64px;align-items:start;padding-bottom:80px}.formgrid aside h2{font-size:36px}.formgrid aside>a{overflow-wrap:anywhere}.formgrid aside figure{margin-top:28px}.contact-address{margin:22px 0}.formnotice{background:var(--light);border-left:3px solid var(--hot);font-size:16px;padding:18px 22px;margin-bottom:30px}fieldset{border:0;margin:0 0 30px;padding:0;min-width:0}legend{font-size:24px;font-weight:800;line-height:1.3;margin-bottom:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.field{min-width:0;margin-bottom:18px}label{display:block;font-size:17px;font-weight:700;margin-bottom:9px}input,select,textarea{width:100%;min-width:0;padding:13px 14px;min-height:52px;border:1px solid #98a5b0;border-radius:6px;background:#fff;color:var(--ink);font-size:18px}textarea{resize:vertical}small,.hint{display:block;color:var(--muted);font-size:15px;line-height:1.6}.field small{margin-top:8px}.error{display:block;color:#a11936;font-size:16px;margin-top:6px}[aria-invalid=true]{border-color:#a11936;box-shadow:0 0 0 1px #a11936}.technical{border:1px solid var(--line);border-radius:9px;padding:24px;margin-bottom:32px;background:var(--light)}.technical summary{font-size:18px;font-weight:700}.technical[open] summary{margin-bottom:25px}.callnote{background:#fff0e8;border-left:3px solid var(--hot);padding:20px;font-size:16px;margin:22px 0}.camera-button{position:relative;overflow:hidden;border:1px solid #98a5b0;background:var(--light);padding:15px;border-radius:6px;text-align:center;margin-top:15px;cursor:pointer;min-height:52px}.camera-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.camera-button:focus-within{outline:3px solid var(--blue);outline-offset:4px}.camera-button:hover{background:#e5e9ec}#filelist{padding:0;list-style:none;font-size:16px}#filelist li{display:flex;gap:16px;justify-content:space-between;align-items:center;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding:14px 0}#filelist li span{min-width:0}#filelist button{min-height:44px;border:1px solid #98a5b0;border-radius:5px;background:#fff;padding:8px 14px;font-size:16px;flex-shrink:0}#description-count{margin:-8px 0 22px}#form-errors{color:#a11936;font-size:17px;margin-bottom:22px}.formresult{background:var(--light);padding:28px;border-top:3px solid var(--hot);margin-top:35px}.formresult h2{font-size:29px}.formresult pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.75 Arial,Helvetica,sans-serif}.formresult:focus{outline:3px solid var(--blue);outline-offset:4px}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.wrap{width:min(1360px,calc(100% - 120px))}.stage h1{font-size:72px}}
@media(max-width:1150px){.wrap{width:calc(100% - 48px)}.navtel{display:none}.navrow nav{gap:23px}.stage-grid{gap:34px}.stage h1{font-size:54px}.service-matrix{grid-template-columns:1fr 1fr}.detailgrid,.formgrid{gap:40px}.chapter-head{grid-template-columns:1fr 1.7fr}.chapter-head>p:last-child{grid-column:2}.system-split{gap:35px}.detail-story-grid{gap:40px}.contactband>.wrap{gap:35px}.footgrid{gap:30px}.process{gap:24px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.space{padding-block:58px}.navrow{position:relative;min-height:80px;justify-content:space-between}.brand{font-size:27px}.brand span{font-size:9px}.menu{display:block}.navrow nav{display:none;position:absolute;top:80px;left:-18px;right:-18px;background:#f1f3f5;z-index:20;padding:12px 22px;border-bottom:1px solid #adb7c1;box-shadow:0 15px 20px #20232914}.navrow nav.open{display:flex;flex-direction:column;gap:0}.navrow nav a{padding:13px 0}.stage-grid{grid-template-columns:1fr;padding-block:32px;gap:32px}.stage h1{font-size:clamp(43px,8vw,62px);line-height:1.06}.stage-lead{max-width:650px;font-size:18px}.stage-object img{aspect-ratio:1.5;max-height:470px;object-position:center}.stage-foot{font-size:14px;flex-wrap:wrap;gap:9px 25px}.audience{font-size:15px}.sectionhead{display:block}.sectionhead>p{padding-top:0;margin-top:25px;max-width:600px}.service-copy{padding:23px}.service-matrix{gap:20px}.service-thumb img{height:210px}.chapter-dark{padding-block:55px}.chapter-head{display:block}.chapter-head h2{font-size:38px}.chapter-head>p:last-child{max-width:600px}.system-split{grid-template-columns:1fr;gap:20px}.system-object{max-width:580px;margin:auto}.part-content{min-height:170px}.detail-story-grid,.editorial,.detailgrid,.formgrid,.contactband>.wrap{grid-template-columns:1fr;gap:32px}.detail-story{padding-block:50px}.macro{max-width:570px}.objects{grid-template-columns:1fr}.object-scene{margin-block:24px}.process{grid-template-columns:1fr 1fr;gap:32px}.workflow{padding-block:58px}.automation-visual{max-width:440px}.contactband{padding-block:52px}.contactband h2{font-size:38px}.footgrid{grid-template-columns:1fr;gap:32px}.footer{padding-bottom:110px}.mobilebar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.4fr;gap:12px;background:#fff;border-top:1px solid #bdc5cc;padding:10px 14px calc(10px + env(safe-area-inset-bottom));z-index:30;box-shadow:0 -4px 22px #20232913}.mobilebar a{display:grid;place-items:center;min-height:48px;border:1px solid var(--blue);border-radius:6px;text-decoration:none;color:var(--blue);font-weight:700;font-size:16px}.mobilebar a:last-child{background:var(--hot);color:var(--ink);border-color:var(--hot)}.intro{padding-block:35px}.intro h1{font-size:42px}.lead{font-size:19px}.detailgrid aside{display:grid;grid-template-columns:1fr 1fr;gap:22px}.asidebox{margin:0}.service-summary{padding:24px;margin-bottom:38px}.formgrid aside figure{display:none}.formgrid aside h2{font-size:31px}.formgrid aside{padding-bottom:20px;border-bottom:1px solid var(--line)}.formnotice{font-size:16px}.articlelist h3{font-size:24px}.articlelist a{grid-template-columns:30px 1fr 22px;gap:15px}.stories img{height:240px}.stories h2{font-size:26px}.object-scene img{max-height:380px}}
@media(max-width:530px){.wrap{width:calc(100% - 32px)}.preview{font-size:12px}.stage .eyebrow{font-size:12px;letter-spacing:1px}.stage h1{font-size:44px}.stage-lead{font-size:18px}.actions{gap:10px}.actions .button{width:100%}.stage-object img{aspect-ratio:1.4;object-position:38% center}.photo-note{position:static;border-left:0;border-top:3px solid var(--hot);font-size:14px;border-radius:0 0 12px 12px;text-align:center}.stage-object figure{border-radius:12px 12px 0 0}.stage-foot{display:grid;grid-template-columns:1fr;font-size:14px}.service-matrix{grid-template-columns:1fr}.service-thumb img{height:225px}.service-copy h3{font-size:27px}.service-summary ul,.fields,.stories,.detailgrid aside,.process{grid-template-columns:1fr}.system-buttons button{font-size:14px;padding-inline:4px}.system-buttons small{font-size:13px}.part-content h3{font-size:28px}.sectionhead h2,.chapter-head h2,.story-copy h2,.contactband h2{font-size:36px}.objects summary{font-size:22px;gap:15px}.objects p{padding-left:0}.process li{display:grid;grid-template-columns:30px 1fr;gap:0 16px}.process h3{margin-top:0}.process p{grid-column:2}.intro h1{font-size:37px;overflow-wrap:anywhere}.service-summary{padding:22px}.articlelist h3{font-size:22px}.contactband .button{width:100%}.technical{padding:19px}label{font-size:17px}legend{font-size:23px}.formresult{padding:22px}.formresult .button{width:100%}.formnotice{padding:15px}.brand span{max-width:200px;letter-spacing:.6px}}
@media(max-width:370px){.stage h1{font-size:40px}.intro h1{font-size:34px}.button{padding-inline:18px}.navrow nav{left:-16px;right:-16px}.system-buttons button{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
@media print{.header,.preview,.mobilebar,.footer,.contactband,.button{display:none}.wrap{width:100%}.space{padding-block:20px}.detailgrid,.formgrid{display:block}}
