@charset "UTF-8";
@font-face{font-family:SyntezaSans;src:url('fonts/LiberationSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:SyntezaSans;src:url('fonts/LiberationSans-Bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{--teal:#006b70;--ink:#073f50;--blue:#6d91a1;--body:#455568;--soft:#f1f7fb;--container:1280px}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--body);font:16px/1.5 SyntezaSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:var(--teal);text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #be791c;outline-offset:5px}h1,h2,h3,p{margin-top:0}.wrap{width:88%;max-width:var(--container);margin-left:auto;margin-right:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;padding:14px;background:#fff;z-index:10}.icon{width:24px;height:24px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}
header{background:linear-gradient(110deg,#fff,#fbfdff)}.header-top{display:flex;align-items:center;gap:28px;min-height:105px}.logo-link{display:flex;align-items:center;width:290px;flex:none}.logo{width:100%;height:auto}.tagline{margin:0 0 0 auto;color:#628299;font-size:15px}.header-phone{display:flex;gap:12px;align-items:center;white-space:nowrap;text-decoration:none;font-size:28px;font-weight:700}.header-phone .icon{width:25px;height:25px}.nav-bar{background:linear-gradient(#edf4f8,#e4edf3);border-bottom:1px solid #cbdfe9}.desktop-nav{display:flex;align-items:stretch;justify-content:space-between;padding:12px 0;min-height:49px}.desktop-nav a{font-family:SyntezaSans,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.15px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#17475c;border-left:1px solid #fff;flex:1;padding:0 14px;white-space:nowrap}.desktop-nav a:first-child{border-left:0;padding-left:0}.desktop-nav a:nth-child(3){flex:1.8}.desktop-nav a:last-child{padding-right:0}.desktop-nav a:hover,.desktop-nav a[aria-current]{text-decoration:underline;text-underline-offset:10px}.mobile-nav{display:none}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-1.5px;line-height:1.06;color:var(--ink)}h1{font-size:clamp(38px,4.4vw,66px)}h2{font-size:44px}h3{font-size:23px;line-height:1.2;font-weight:700;color:var(--teal);margin-bottom:10px}.eyebrow{font-family:SyntezaSans,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;color:#24516a;display:flex;align-items:center;gap:24px;margin-bottom:23px}.eyebrow>span{height:1px;width:130px;background:#8eacbc;display:block}
.hero{background:#b9d9e8 url('grafiki/baner-ogrzewanie.webp') center center/cover no-repeat;position:relative}.hero-inner{min-height:clamp(440px,39.2vw,620px);display:flex;align-items:center;padding-bottom:34px}.hero-copy{width:53%;padding:42px 0 40px;position:relative}.hero h1{margin-bottom:23px}.hero-intro{font-size:clamp(18px,1.8vw,24px);line-height:1.35;color:var(--ink);margin-bottom:28px;max-width:600px}.actions{display:flex;flex-wrap:wrap;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 28px;background:linear-gradient(120deg,#087b7c,#005a64);border:1px solid transparent;border-radius:5px;text-decoration:none;color:#fff;font-family:SyntezaSans,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.3;transition:background .2s,box-shadow .2s}.button:hover{box-shadow:0 5px 17px #114b5f24;background:#005b63}.button span{font-size:23px;line-height:1}.outline{background:#f8fcffb8;border-color:#528da0;color:var(--ink)}.outline:hover{background:#fff}.brand-word{margin:25px 0 0}.brand-word img{width:210px;max-height:65px;object-fit:contain;object-position:left center}
.service-offer{background:linear-gradient(180deg,#f7fbfe 0%,#edf5fa 100%);display:flow-root;padding-bottom:35px}.service-call{position:relative;z-index:2;margin-top:-52px;border-radius:13px;background:#fff;box-shadow:0 10px 30px #789eaf18;display:grid;grid-template-columns:76px minmax(0,1fr) auto auto;align-items:center;gap:22px;padding:30px 36px;min-height:126px}.call-icon{width:76px;height:76px;display:grid;place-items:center;background:#dce9f1;color:var(--teal);border-radius:50%}.call-icon .icon{width:34px;height:34px}.service-call h2{font-family:SyntezaSans,Arial,sans-serif;font-size:29px;font-weight:700;letter-spacing:-.6px;line-height:1.15;margin:0 0 8px}.service-call p{margin:0;font-size:15px;color:#60829b}.call-number{display:flex;gap:13px;align-items:center;font-size:33px;font-weight:700;line-height:1.1;white-space:nowrap;text-decoration:none;border-left:1px solid #d2e1ea;padding:12px 8px 12px 32px}.call-number .icon{width:31px;height:31px}.service-call>.button{white-space:nowrap;padding:17px 23px}.offer{padding-top:47px}.section-title{text-align:center}.section-title .eyebrow{justify-content:center;gap:16px;margin-bottom:12px}.section-title .eyebrow:before,.section-title .eyebrow:after{content:'';width:50px;height:1px;background:#aec8d8}.section-title h2{font-size:clamp(32px,3.4vw,48px);margin-bottom:13px;color:#122b4c;line-height:1.12}.section-title>p:last-child{font-size:19px;color:#64859b;margin-bottom:27px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{padding:10px;background:#fff;border-radius:9px;box-shadow:0 12px 28px #91b1c312;display:flex;flex-direction:column;min-width:0}.photo{overflow:hidden;border-radius:5px;background:#e5eff6;aspect-ratio:3/2}.photo img{display:block;width:100%;height:100%;object-fit:cover}.card-copy{padding:14px 10px 11px;display:flex;flex:1;flex-direction:column}.card-copy h3{font-size:22px;margin:0 0 10px}.card-copy p{font-size:16px;line-height:1.4;margin-bottom:17px}.card-copy a{font-size:15px;display:flex;align-items:center;gap:24px;text-decoration:none;margin-top:auto;font-weight:700}.card-copy a:hover{text-decoration:underline}.card-copy a span{font-size:23px;line-height:1}
.thermal{background:#6c99b0 url('grafiki/baner-termowizja.webp') center center/cover no-repeat;color:white}.thermal-inner{min-height:clamp(310px,24vw,380px);display:flex;align-items:center}.thermal-copy{width:52%;margin-left:43%;padding:35px 0}.thermal .eyebrow{color:#e4f2f8;font-size:11px;letter-spacing:5px;margin-bottom:18px}.thermal h2{font-size:clamp(36px,3.5vw,50px);color:white;margin:0 0 14px}.thermal p{font-size:19px;margin-bottom:24px}.thermal .button{font-size:15px}.footer-contact{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.15fr;align-items:center;gap:30px;padding:22px 0;min-height:110px}.footer-contact>a:first-child{display:block}.footer-contact img{width:245px}.footer-contact p,.footer-contact>a:not(:first-child){border-left:1px solid #cddde8;padding-left:30px;margin:0}.footer-contact p{font-size:15px;line-height:1.25}.footer-contact>a:not(:first-child){display:flex;align-items:center;gap:13px;font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap}.footer-contact .icon{color:#628da1}.footer-bottom{background:#6d95a9;color:white;padding:22px 0}.footer-bottom>.wrap{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-bottom p{font-size:11px;margin:0}.footer-bottom nav{display:flex;gap:25px}.footer-bottom a{color:white;text-decoration:none;text-transform:uppercase;font-size:11px}
.page-heading{background:linear-gradient(110deg,#edf7fc,#c6dfe9);padding:25px 0 42px}.breadcrumbs{font-size:13px;margin-bottom:30px}.page-heading .eyebrow{margin-bottom:16px}.page-heading h1{margin-bottom:0}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;padding:45px 0 65px}.prose{font-size:18px;min-height:320px}.prose h2{font-size:31px;margin-top:30px}.prose ul{padding-left:23px}.prose li{padding:9px 0;border-bottom:1px solid #dce8f0}.prose .product{width:240px;float:right;margin:0 0 25px 25px}.prose:after{content:'';display:block;clear:both}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery figure{margin:0;background:#edf5fa;padding:15px}.gallery img{max-height:260px;object-fit:contain;margin:auto}.gallery figcaption{font-size:13px;margin-top:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}aside{background:#e8f1f7;border-radius:12px;padding:28px;height:fit-content}aside .call-icon{margin-bottom:18px;background:white}aside h2{font-family:SyntezaSans,Arial,sans-serif;font-size:27px;font-weight:700;letter-spacing:-.5px}aside p{font-size:15px}.mail{display:block;margin-top:18px;font-size:15px}
@media(max-width:1250px){.header-top{min-height:95px}.logo-link{width:250px}.header-phone{font-size:25px}.tagline{font-size:13px}.desktop-nav a{font-size:11px;padding:0 10px}.service-call{grid-template-columns:60px minmax(0,1fr) auto auto;gap:16px;padding:27px 25px;min-height:112px}.call-icon{width:60px;height:60px}.service-call h2{font-size:24px}.service-call p{font-size:13px}.call-number{font-size:27px;padding-left:22px;gap:10px}.call-number .icon{width:25px;height:25px}.service-call>.button{font-size:13px;padding:15px 19px}.card-copy h3{font-size:19px}.card-copy p{font-size:14px}.card-copy a{font-size:13px}.footer-contact{gap:20px}.footer-contact p,.footer-contact>a:not(:first-child){padding-left:20px}.footer-contact>a:not(:first-child){font-size:16px}.footer-contact p{font-size:13px}}
@media(max-width:1000px){.wrap{width:92%}.hero-copy{width:55%}.hero h1{font-size:43px}.hero-intro{font-size:18px}.hero-inner{min-height:440px}.hero .button{padding:13px 18px;font-size:13px;gap:16px}.brand-word img{width:170px}.service-call{grid-template-columns:55px 1fr auto;gap:15px;padding:22px}.service-call>.button{grid-column:2 / 4;justify-self:start}.service-call h2{font-size:24px}.call-number{font-size:25px}.desktop-nav a{font-size:10px;padding:0 7px}.section-title h2{font-size:37px}.section-title>p:last-child{font-size:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card-copy h3{font-size:23px}.card-copy p{font-size:16px}.card-copy a{font-size:15px}.thermal-copy{margin-left:41%;width:59%}.thermal h2{font-size:39px}.thermal p{font-size:16px}.footer-contact{grid-template-columns:1fr 1fr;gap:22px}.footer-contact>a:nth-child(3){border-left:0;padding-left:0}.page-grid{grid-template-columns:minmax(0,1fr) 265px;gap:25px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header-top{min-height:82px;gap:12px}.logo-link{width:182px}.tagline{display:none}.header-phone{font-size:18px;margin-left:auto;gap:6px}.header-phone .icon{width:19px;height:19px}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-bottom:15px}.mobile-nav nav a{padding:11px 0;border-top:1px solid #cddfe8;font-size:14px;text-decoration:none}.hero{background:#d8ecf5 url('grafiki/baner-ogrzewanie.webp') right bottom/auto 290px no-repeat}.hero-inner{min-height:620px;padding-bottom:285px;align-items:flex-start}.hero-copy{width:100%;padding:30px 0 0}.hero h1{font-size:clamp(33px,8.8vw,52px);line-height:1.08;margin-bottom:17px;letter-spacing:-1.2px}.hero .eyebrow{font-size:9px;letter-spacing:3px;gap:15px;margin-bottom:20px}.eyebrow>span{width:65px}.hero-intro{font-size:17px;max-width:360px;margin-bottom:20px}.actions{gap:12px}.brand-word{margin-top:18px}.brand-word img{width:140px;height:42px}.service-call{margin-top:-30px;grid-template-columns:48px 1fr;padding:22px 18px;gap:16px 13px;min-height:0;border-radius:10px}.call-icon{width:48px;height:48px}.call-icon .icon{width:25px;height:25px}.service-call h2{font-size:22px}.service-call p{font-size:13px}.call-number{grid-column:1 / 3;justify-content:center;padding:15px 0 0;border-left:0;border-top:1px solid #e0eaf0;font-size:28px}.service-call>.button{grid-column:1 / 3;justify-self:stretch;font-size:15px}.service-offer{padding-bottom:28px}.offer{padding-top:33px}.section-title .eyebrow{font-size:9px;letter-spacing:3px;gap:12px}.section-title h2{font-size:32px;letter-spacing:-1px}.section-title>p:last-child{font-size:15px;line-height:1.5;margin-bottom:22px}.cards{grid-template-columns:1fr;gap:18px}.card{max-width:460px;width:100%;margin:auto;padding:10px}.card-copy{padding:15px 10px}.card-copy h3{font-size:24px}.card-copy p{font-size:16px}.thermal{background:#628ca6 url('grafiki/baner-termowizja.webp') left top/auto 235px no-repeat;padding-top:225px}.thermal-inner{min-height:0}.thermal-copy{margin:0;width:100%;padding:28px 0 35px}.thermal .eyebrow{font-size:9px;letter-spacing:3px}.thermal h2{font-size:39px}.thermal p{font-size:17px}.footer-contact{grid-template-columns:1fr;gap:20px;padding:25px 0}.footer-contact img{width:220px}.footer-contact p,.footer-contact>a:not(:first-child){border:0;padding-left:0}.footer-contact p{font-size:15px}.footer-contact>a:not(:first-child){font-size:17px}.footer-bottom>.wrap{display:block}.footer-bottom nav{margin-top:17px;gap:22px}.page-heading h1{font-size:37px;overflow-wrap:anywhere}.page-grid{grid-template-columns:1fr;padding:30px 0 45px;gap:30px}.prose{font-size:17px}.prose .product{float:none;margin:0 auto 25px}.gallery,.contact-grid{grid-template-columns:1fr}}
@media(max-width:370px){.logo-link{width:150px}.header-phone{font-size:16px}.header-phone .icon{display:none}.hero .button{font-size:12px;padding:12px 14px}.hero h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.footer-bottom nav{flex-wrap:wrap}