/* Shared, page-native components for the LP and its comparison gallery. */
:root{--vx-blue:#007caf;--vx-ink:#08263a;--vx-body:#435d6d;--vx-light:#eef7fb;--vx-width:1272px;--vx-pad:max(24px,calc((100% - var(--vx-width))/2))}
.vx-native-hero{padding:0!important;margin:0!important}.vx-native-hero::before,.vx-native-process::before{display:none!important}.vx-native-hero[hidden]{display:none!important}
.vx-hero,.vx-process,.vx-model,.vx-service,.vx-producer{font-family:Inter,system-ui,sans-serif;line-height:1.6;color:var(--vx-ink);box-sizing:border-box}
.vx-hero *, .vx-process *, .vx-model *, .vx-service *, .vx-producer *{box-sizing:border-box}
.vx-hero h1,.vx-hero h2,.vx-producer h2,.vx-process h2,.vx-model h2{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.035em;line-height:1.15;margin:0;color:var(--vx-ink)}
.vx-kicker{display:block;color:var(--vx-blue);font:700 12px/1.5 Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin-bottom:16px}
.vx-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--vx-light)}
.vx-hero-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:490px;max-width:1536px;margin:auto}
.vx-hero-copy{padding:52px 48px 52px max(24px,calc((100vw - 1272px)/2));position:relative;z-index:1}
.vx-hero h1,.vx-hero h2{font-size:clamp(32px,3.2vw,48px);font-weight:800;max-width:620px;margin-bottom:20px}
.vx-hero h1 span,.vx-hero h2 span{color:var(--vx-blue)}
.vx-hero-copy>p{font-size:17px;line-height:1.65;color:var(--vx-body);max-width:49ch;margin:0}
.vx-hero-copy>.vx-hero-subheading{font:700 20px/1.35 Manrope,system-ui,sans-serif;color:var(--vx-blue);max-width:none;margin:-8px 0 16px!important}
.vx-hero-cta{margin-top:26px;min-height:48px}
#hero-wariant-a .vx-hero-benefits{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-width:49ch;color:var(--vx-body);font-size:17px;line-height:1.65}
#hero-wariant-a .vx-hero-benefits li{position:relative;padding-left:26px}
#hero-wariant-a .vx-hero-benefits li::before{content:"✓";position:absolute;left:0;top:0;color:var(--vx-blue);font-weight:700}
@media(max-width:767px){#hero-wariant-a .vx-hero-benefits{font-size:16px;line-height:1.6}}
.vx-hero-top>figure{height:490px;min-width:0;margin:0;align-self:stretch}
.vx-hero-top>figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:78% center}
.vx-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--vx-blue);color:#fff!important;border-radius:999px;padding:14px 26px;font:750 15px/1.3 Manrope,sans-serif;text-decoration:none!important;margin-top:26px;min-height:48px}
.vx-cta:hover{background:#00678f}.vx-cta:active{transform:translateY(1px)}
.vx-proof{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1320px;margin:auto;padding:28px 24px 40px}
.vx-proof-item{border-radius:18px;background:linear-gradient(160deg,#0e2c52,#0a2038);color:#fff;padding:22px 24px;min-width:0;min-height:198px}
.vx-proof-item:nth-child(even){background:linear-gradient(160deg,#73b531,#5d9724)}
.vx-native-hero .vx-proof-item{position:relative;overflow:hidden}
.vx-native-hero .vx-proof-item>.ubox-wm{position:absolute;top:-16px;right:-16px;z-index:0;display:block;width:152px;height:152px;color:#fff;opacity:.09;pointer-events:none}
.vx-native-hero .vx-proof-item>.ubox-wm svg{display:block;width:100%;height:100%}
.vx-native-hero .vx-proof-item>h3,.vx-native-hero .vx-proof-item>p{position:relative;z-index:1}
.vx-proof .vx-proof-item h3{font:600 1.05rem/1.25 Manrope,sans-serif;letter-spacing:0;color:#fff;margin:0 0 .5em}
@media(min-width:768px){.vx-native-hero .vx-proof .vx-proof-item h3{font-size:18px;letter-spacing:-.02em;text-align:left;white-space:nowrap}}
@media(min-width:1280px){.vx-native-hero .vx-proof{gap:12px;padding-left:16px;padding-right:16px}.vx-native-hero .vx-proof-item{padding-left:12px;padding-right:12px}}
.vx-proof .vx-proof-item p{font-size:.92rem;line-height:1.5;color:#fff;margin:0}
.vx-hero-b{background:#081b2a url('/assets/img/bg_mt_igloo.webp') center/cover no-repeat}
.vx-hero-b::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,16,26,.12),rgba(4,21,33,.42) 48%,rgba(4,21,33,.94)),linear-gradient(90deg,rgba(4,21,33,.02) 15%,rgba(4,21,33,.87) 63%)}
.vx-hero-b .vx-hero-top{display:flex;justify-content:flex-end;min-height:465px;max-width:1320px;padding:0 24px}
.vx-hero-b .vx-hero-copy{width:53%;padding:55px 0 34px 24px}
.vx-hero-b h2{color:#fff}.vx-hero-b h2 span,.vx-hero-b .vx-kicker{color:#8ed5f5}.vx-hero-b .vx-hero-copy>p{color:#e4eef5}
.vx-hero-b .vx-proof{padding-top:10px;padding-bottom:36px}
.vx-hero-b .vx-proof-item{background:linear-gradient(160deg,#0e2c52,#0a2038)}
.vx-hero-b .vx-proof-item:nth-child(even){background:linear-gradient(160deg,#73b531,#5d9724)}
.vx-producer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#edf6fa;padding:60px var(--vx-pad);gap:50px;align-items:center}
.vx-producer figure{margin:0;min-width:0;background:#dceef7;border-radius:20px;overflow:hidden}
.vx-producer figure img{display:block;width:100%;height:auto;object-fit:contain}
.vx-producer-copy{min-width:0}.vx-producer h2{font-size:clamp(28px,2.8vw,40px);max-width:none}
.vx-producer .vx-proof{padding:30px 0 0;grid-template-columns:1fr;gap:22px}
.vx-producer .vx-proof-item{background:none!important;padding:0;border-radius:0;min-height:0}
.vx-producer .vx-proof-item h3{color:var(--vx-ink);margin:0 0 5px;font-size:17px;font-weight:650}
.vx-producer .vx-proof-item p{color:var(--vx-body);font-size:15px}
.vx-service{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding:64px var(--vx-pad);align-items:center;background:#f5f9fc}
.vx-service-media{margin:0;min-width:0;background:#dceef7;border-radius:20px;overflow:hidden}
.vx-service-media img{display:block;width:100%;height:auto;object-fit:contain}
.vx-service-copy{min-width:0}.vx-service-copy h2,.vx-service-copy h3:not(.vx-service-steps h3){font-family:Manrope,sans-serif;max-width:none;font-size:clamp(28px,2.7vw,39px);line-height:1.18;letter-spacing:-.03em;margin:8px 0 18px}
.vx-service-copy>p,.vx-service-head>p{color:var(--vx-body);font-size:16px;line-height:1.65;margin:0}
.vx-service-head{margin:0!important}.vx-service-steps{display:grid;gap:0;margin-top:27px}
.vx-service-steps>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;padding:17px 0;border-bottom:1px solid #dce7ed}
.vx-service-steps>div:last-child{border-bottom:0;padding-bottom:0}
.vx-service-steps .num{display:grid;place-items:center;width:30px;height:30px;margin-top:1px;border-radius:50%;background:#dceff8;color:var(--vx-blue);font:700 11px/1 Manrope,sans-serif;font-variant-numeric:tabular-nums}
.vx-service-steps h3,.vx-service-steps h4{font:700 17px/1.35 Manrope,sans-serif!important;margin:0 0 5px!important;color:var(--vx-ink)}
.vx-service-steps p{font-size:15px!important;line-height:1.65;color:var(--vx-body);margin:0}
.vx-service .ser-close{max-width:62ch;margin:22px 0 0;padding:15px 18px;border-left:3px solid var(--vx-blue);border-radius:0 12px 12px 0;background:#e2f0f7;color:var(--vx-ink);font-size:14px;line-height:1.6}
.vx-service .ser-close strong{font-weight:650}
.vx-service-note{margin:24px 0 0;padding:18px 22px;background:#e2f0f7;border-radius:12px}
.vx-service-note>span{display:inline;color:var(--vx-blue);font:700 25px Manrope,sans-serif}
.vx-service-note h3{display:inline;font-size:17px!important;margin-left:8px!important;letter-spacing:0!important}.vx-service-note p{font-size:14px;margin:6px 0 0;color:var(--vx-body)}
#serwis-zdalny{padding:0}
/* Stronger photo headline, followed by two distinct but related content panels. */
.kom-a .kom-main{height:470px;min-height:0}.kom-a .kom-main img{min-height:0;height:100%;object-fit:cover}
.kom-a .kom-main figcaption{max-width:700px;bottom:54px}
.kom-a .kom-main h3{font-size:clamp(30px,3vw,44px);line-height:1.14;max-width:22ch}
.kom-a .kom-main::after{background:linear-gradient(90deg,rgba(5,30,48,.86),rgba(5,30,48,.06))}
.kom-a .kom-below{gap:0;padding:0;grid-template-columns:1fr 1fr;background:#eef7fb}
.kom-a .kom-below>div{padding:40px 44px!important;border:0!important}
.kom-a .kom-below>div+div{background:#dcedf6}
.kom-a .kom-below h4{font-size:23px;line-height:1.25;margin:10px 0 12px}.kom-a .kom-below p{max-width:54ch;font-size:16px;line-height:1.65}
.kom-a>.wrap{width:100%;max-width:none;padding:0}
.kom-b .kom-row:first-child{border-top:0}.kom-b .kom-rows{margin-top:28px}
/* Timeline derived from the existing installation page. */
.vx-process{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:80px;padding:60px var(--vx-pad);align-items:start;background:#f8fbfd}
.vx-process h2{font-size:clamp(28px,2.6vw,38px);margin-bottom:32px}
.vx-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
.vx-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:20px;position:relative;padding-bottom:27px}
.vx-steps li:last-child{padding-bottom:0}
.vx-steps li:not(:last-child)::before{content:'';position:absolute;left:22px;top:50px;bottom:5px;width:2px;background:#cce4f0}
.vx-step-num{width:46px;height:46px;background:#0087c3;color:#fff;border-radius:50%;display:grid;place-items:center;font:750 17px Manrope,sans-serif}
.vx-steps h4{font:750 18px/1.35 Manrope,sans-serif;color:var(--vx-ink);margin:2px 0 7px}
.vx-steps p{font-size:16px;line-height:1.65;color:var(--vx-body);margin:0}
.vx-phase+.vx-phase{margin-top:28px}.vx-phase>h3{font:750 13px/1.4 Manrope,sans-serif;color:var(--vx-blue);letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px}
.vx-process-aside{position:sticky;top:100px;margin:0;background:#e3f1f8;border-radius:20px;overflow:hidden}
.vx-process-aside>img{width:100%;height:340px;display:block;object-fit:cover;object-position:75% center}
.vx-facts{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}
.vx-facts strong{font:750 20px/1.3 Manrope,sans-serif;color:var(--vx-blue);display:block}.vx-facts span{font-size:14px;color:var(--vx-body);display:block;margin-top:5px}
.vx-native-process>.wrap:first-child{padding-top:55px}.vx-native-process{padding-bottom:45px}
.mt-model-section{padding:0!important}
.mt-model-section::before{display:none!important}
.vx-model{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:75px;padding:64px var(--vx-pad);align-items:center;background:#e8f5fc}
.vx-model h2{font-size:clamp(28px,2.5vw,38px);margin-bottom:14px}
.vx-model-copy>p{color:var(--vx-body);font-size:16px;max-width:58ch;margin:0 0 25px}
.vx-model>figure{min-width:0;margin:0;align-self:center}.vx-model>figure img{width:100%;max-height:560px;object-fit:contain;display:block}
.vx-model .model-item{display:grid;grid-template-columns:1fr 28px;gap:20px;text-decoration:none;color:var(--vx-ink);border-bottom:1px solid #bddce9;padding:21px 0}
.vx-model .model-item:last-child{border:0}.vx-model .model-meta{display:grid;gap:6px}.vx-model .model-meta strong{font:750 21px/1.3 Manrope,sans-serif;color:var(--vx-ink)}
.vx-model .model-meta>span{font-size:16px;color:var(--vx-blue);font-weight:650}.vx-model .model-meta small{font-size:14px;color:var(--vx-body);line-height:1.6}
.vx-model .model-arrow{align-self:center;font-size:23px;color:var(--vx-blue)}.vx-model .model-note{font-size:14px;margin:25px 0 0;line-height:1.65;padding:0}
/* Main landing page warranty: one readable number per item. */
#gwarancja .gtl{position:static;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:40px 0 30px}
#gwarancja .gtl-node{position:static;transform:none;width:auto;height:auto;display:block;padding:25px 8px;text-align:left}
#gwarancja .gtl-node .gtl-txt{position:static;transform:none;width:auto;max-width:none;text-align:left;margin:0}
#gwarancja .gtl-txt h3{font-size:32px;line-height:1.2;margin:0 0 15px}
#gwarancja .gtl-txt p{font-size:16px;line-height:1.65}
#gwarancja .mt-guarantee-link{margin-top:20px}
/* Capabilities retain mobile disclosure behavior with clearer desktop grouping. */
#mozliwosci .mt-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(min-width:768px) and (max-width:980px){#mozliwosci .mt-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#mozliwosci .mt-more-card{border:0;box-shadow:none;border-radius:16px;background:#e3f0f8;padding:8px 8px 12px}
#mozliwosci .mt-more-card:nth-child(2),#mozliwosci .mt-more-card:nth-child(3){background:#fff}
#mozliwosci .mt-more-card summary{min-height:0;padding:23px 25px 12px}
#mozliwosci .mt-more-card h3{font-size:22px;line-height:1.3;max-width:30ch}
#mozliwosci .mt-more-card summary::after{display:none}
#mozliwosci .mt-more-content{padding:0 25px 24px}
#mozliwosci .mt-more-content p{font-size:16px;max-width:54ch}
@media(min-width:768px) and (max-width:1279px){.vx-native-hero .vx-proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){
 .vx-proof{grid-template-columns:1fr 1fr}.vx-hero-top{min-height:420px}.vx-hero-top>figure{height:420px}
 .vx-hero-copy{padding:36px 28px}.vx-hero h2{font-size:35px}.vx-producer,.vx-service,.vx-process,.vx-model{gap:35px}
 .vx-producer{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);padding-right:40px}.vx-model .model-meta small{max-width:30ch}
}
@media(max-width:767px){
 .vx-hero-top{display:flex;flex-direction:column;min-height:0}.vx-hero-copy{padding:34px 24px 28px;width:100%}
 .vx-hero h1,.vx-hero h2{font-size:33px;max-width:none;line-height:1.13}.vx-hero-copy>p{font-size:16px;line-height:1.6}
 .vx-hero-top>figure{height:auto;aspect-ratio:1200/630;width:100%}.vx-hero-top>figure img{object-fit:contain}
 .vx-proof{grid-template-columns:1fr;gap:12px;padding:20px 24px 30px}
 .vx-proof-item{padding:14px 16px;min-height:0;border-radius:14px}
 .vx-proof .vx-proof-item h3{font-size:.95rem}.vx-proof .vx-proof-item p{font-size:.82rem}
 .vx-hero-b{background-position:30% top;background-size:auto 720px;background-color:#081b2a}
 .vx-hero-b::before{background:linear-gradient(180deg,rgba(4,21,33,.08),rgba(4,21,33,.87) 360px,#081b2a 710px)}
 .vx-hero-b .vx-hero-top{min-height:500px;padding:0;justify-content:flex-end}
 .vx-hero-b .vx-hero-copy{width:100%;padding:170px 24px 26px}.vx-hero-b .vx-proof{padding-top:10px}
 .vx-producer,.vx-service{grid-template-columns:1fr;padding:32px 24px 40px;gap:28px}
 .vx-producer figure,.vx-service-media{max-width:450px;width:100%;margin:auto}
 .vx-producer figure img,.vx-service-media img{max-height:350px;object-fit:contain}
 .vx-producer h2{font-size:30px}.vx-producer .vx-proof{gap:25px;padding-top:25px}
 .vx-producer .vx-proof-item{padding:0}
 .vx-producer .vx-proof-item p{font-size:15px}.vx-producer .vx-proof-item h3{font-size:16px}
 .vx-service-copy h2,.vx-service-copy h3:not(.vx-service-steps h3){font-size:29px}
 .vx-service-steps>div{grid-template-columns:30px 1fr;gap:12px}.vx-service-steps p{font-size:15px!important}
 .kom-a .kom-main{height:365px;min-height:0}.kom-a .kom-main figcaption{left:24px;right:24px;bottom:28px}
 .kom-a .kom-main h3{font-size:30px}.kom-a .kom-main::after{background:linear-gradient(180deg,rgba(5,30,48,.1),rgba(5,30,48,.92))}
 .kom-a .kom-below{grid-template-columns:1fr;gap:0}.kom-a .kom-below>div{padding:29px 24px!important}.kom-a .kom-below h4{font-size:23px}
 .kom-b .kom-copy{padding:32px 24px 0}.kom-b .kom-row{display:block}.kom-b .kom-row span{font-size:22px;margin-bottom:7px;display:block}
 .kom-b .kom-row h4{font-size:18px}.kom-b .kom-product img{max-height:275px}
 .vx-process{grid-template-columns:1fr;gap:0;padding:36px 24px 42px}.vx-process-aside{display:none}
 .vx-process h2{font-size:29px;margin-bottom:28px}.vx-steps li{grid-template-columns:38px 1fr;gap:14px;padding-bottom:25px}
 .vx-step-num{width:38px;height:38px;font-size:15px}.vx-steps li:not(:last-child)::before{left:18px;top:42px}
 .vx-steps h4{font-size:18px;margin-top:1px}.vx-steps p{font-size:15px;line-height:1.65}
 .vx-phase+.vx-phase{margin-top:27px}.vx-native-process>.wrap:first-child{padding-top:32px}
 .vx-model{grid-template-columns:1fr;padding:35px 24px 40px;gap:26px}.vx-model>figure{order:-1;max-width:210px;margin:auto}
 .vx-model>figure img{height:230px}.vx-model h2{font-size:29px}.vx-model .model-meta small{max-width:none}
 .vx-model .model-meta strong{font-size:21px}.vx-model .model-item{padding:20px 0}
 #gwarancja .gtl{grid-template-columns:1fr;gap:0;margin-top:28px}
 #gwarancja .gtl-node{padding:20px 0}#gwarancja .gtl-txt h3{font-size:28px;margin-bottom:9px}#gwarancja .gtl-txt p{font-size:16px}
 #mozliwosci .mt-more-grid{grid-template-columns:1fr;gap:12px}#mozliwosci .mt-more-card{padding:0}
 #mozliwosci .mt-more-card summary{padding:22px 45px 22px 22px}#mozliwosci .mt-more-card h3{font-size:19px;line-height:1.35}
 #mozliwosci .mt-more-card summary::after{display:block;right:18px;top:50%}
 #mozliwosci .mt-more-content{padding:0 22px 24px}#mozliwosci .mt-more-content p{font-size:15px}
}

#mozliwosci .mt-more-card summary{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:center}
#mozliwosci .mt-more-symbol{display:grid;place-items:center;width:54px;height:54px;background:#cce7f4;color:#007caf;border-radius:12px}
#mozliwosci .mt-more-symbol svg{width:29px;height:29px}
#mozliwosci .mt-more-symbol-logo{background:#fff}
#mozliwosci .mt-more-symbol img{display:block;width:52px;height:52px;object-fit:contain}
@media(max-width:767px){#mozliwosci .mt-more-card summary{grid-template-columns:40px minmax(0,1fr);gap:12px;padding-left:18px}#mozliwosci .mt-more-symbol{width:40px;height:40px;border-radius:9px}#mozliwosci .mt-more-symbol img{width:40px;height:40px}#mozliwosci .mt-more-symbol svg{width:23px;height:23px}#mozliwosci .mt-more-card h3{font-size:17px}}

/* Gallery-only alternate compositions built from the same hero proof components. */
.vx-hero-c{background-position:65% center}
.vx-hero-c::before{background:linear-gradient(180deg,rgba(4,21,33,.2),rgba(4,21,33,.95) 78%),linear-gradient(90deg,rgba(4,21,33,.92),rgba(4,21,33,.2) 90%)}
.vx-hero-c .vx-hero-top{justify-content:flex-start}
.vx-hero-c .vx-hero-copy{padding-left:0;padding-right:24px}
.vx-hero-d .vx-proof{margin-top:-38px;z-index:2}
@media(max-width:767px){.vx-hero-c .vx-hero-copy{padding:170px 24px 26px}.vx-hero-d .vx-proof{margin-top:0}}
@media(max-width:360px){.site-top-inner{gap:10px}.site-top-inner .logo{width:100px}.site-top-inner .top-link{font-size:.68rem}}

/* A quiet numbered service path gives the four support points clear hierarchy. */
#serwis-zdalny .vx-service-steps{margin-top:23px}
#serwis-zdalny .vx-service-steps>div{grid-template-columns:34px minmax(0,1fr);gap:13px}
#serwis-zdalny .vx-service .ser-close{font-size:14px}
#hero-wariant-a .vx-proof-item:last-child h3{min-width:0;white-space:normal;overflow-wrap:normal;text-wrap:balance;font-size:clamp(15px,1.25vw,17px);line-height:1.25}
@media(max-width:767px){
 .vx-native-hero .vx-hero-copy{padding-left:20px;padding-right:20px}
 .vx-native-hero .vx-proof{padding-left:20px;padding-right:20px}
 .vx-service,.vx-producer,.vx-process,.vx-model{padding-left:20px;padding-right:20px}
 #serwis-zdalny .vx-service-steps{margin-top:17px}
 #serwis-zdalny .vx-service-steps>div{grid-template-columns:30px minmax(0,1fr);gap:11px;padding:14px 0}
 #serwis-zdalny .vx-service-steps>div:last-child{padding-bottom:0}
 #serwis-zdalny .vx-service-steps .num{width:27px;height:27px;font-size:10px}
 #serwis-zdalny .vx-service-steps h3{font-size:16px!important;line-height:1.35!important;margin-bottom:4px!important}
 #serwis-zdalny .vx-service-steps p{font-size:14px!important;line-height:1.58}
 #serwis-zdalny .vx-service .ser-close{margin-top:18px;padding:13px 15px;font-size:13px}
 .kom-a .kom-main figcaption{left:20px;right:20px}
 .kom-a .kom-below>div{padding-left:20px!important;padding-right:20px!important}
 .kom-b .kom-copy{padding-left:20px;padding-right:20px}
}

/* Consistent mobile gutters and vertical rhythm across the landing page. */
@media(max-width:980px){
}
@media(max-width:767px){
 section{padding-top:44px;padding-bottom:44px}
 .wrap{padding-left:16px;padding-right:16px}
 .vx-native-hero .vx-hero-copy{padding-left:16px;padding-right:16px}
 .vx-native-hero .vx-proof{padding-left:16px;padding-right:16px}
 .vx-service,.vx-producer,.vx-process,.vx-model{padding-left:16px;padding-right:16px}
 .mt-service-promise,.mt-more-section,.mt-production-section{padding-top:44px;padding-bottom:44px}
 .mt-intro{padding-bottom:24px}
 .section-fin{padding-bottom:34px}
 .section-cert{padding-top:30px}
 #realizacje,.faq.pre-echo{padding-bottom:32px}
 #audyt-dol,#audyt-po-faq{padding-top:32px}
 .kom-a .kom-main figcaption{left:16px;right:16px}
 .kom-a .kom-below>div{padding-left:16px!important;padding-right:16px!important}
 .kom-b .kom-copy{padding-left:16px;padding-right:16px}
}
@media(max-width:560px){
}

/* Keep the first consultation compact on phones: no product video or poster. */
@media(max-width:767px){
 #audyt-dol .consult-visual{display:none}
}

/* Hero promises on the section background. */
#hero-wariant-a .vx-hero{background:#EDF5FA}
#hero-wariant-a .vx-proof{gap:0;isolation:isolate}
#hero-wariant-a .vx-proof::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#E5EEF3;z-index:-1;pointer-events:none}
#hero-wariant-a .vx-proof-item{
 background:transparent;
 border:0;
 border-radius:0;
 box-shadow:none;
 color:#102D46;
 padding:0 24px;
 min-height:0;
}
@media(min-width:768px){
 #hero-wariant-a .vx-proof-item:nth-child(even){border-left:1px solid #CCDCE6}
 #hero-wariant-a .vx-proof{row-gap:28px;padding-top:84px}
 #hero-wariant-a .vx-proof::before{top:44px}
}
@media(min-width:1280px){
 #hero-wariant-a .vx-proof-item+.vx-proof-item{border-left:1px solid #CCDCE6}
}
@media(max-width:767px){
 #hero-wariant-a .vx-proof{gap:24px}
 #hero-wariant-a .vx-proof-item{padding:0}
 #hero-wariant-a .vx-hero-top>figure img{object-fit:cover;object-position:center}
}
#hero-wariant-a .vx-proof-item>.ubox-wm{display:none}
#hero-wariant-a .vx-proof .vx-proof-item h3{
 color:#102D46;
 font:600 18px/1.3 Manrope,system-ui,sans-serif;
 letter-spacing:0;
 margin:0 0 8px;
 text-align:left;
 text-wrap:balance;
 white-space:normal;
}
#hero-wariant-a .vx-proof .vx-proof-item p{
 color:#465E6D;
 font-size:16px;
 font-weight:400;
 line-height:1.5;
 margin:0;
}
#hero-wariant-a .vx-proof-item strong{font-weight:700;color:inherit}
@media(min-width:768px){
 #hero-wariant-a .vx-hero-copy{padding-left:max(24px,calc((100vw - 1272px)/2))}
}
@media(min-width:1536px){
 #hero-wariant-a .vx-hero-copy{padding-left:132px}
}

/* Mobile header and hero spacing for the main LP. */
@media(max-width:980px){
}
@media(max-width:560px){
}
#hero-wariant-a .vx-mobile-title-break{display:none}
@media(max-width:767px){
 .consult .card-form{width:calc(100% + 32px);max-width:none;margin-left:-16px;margin-right:-16px;border-radius:var(--radius);padding-left:16px;padding-right:16px}
 .mt-intro .stats{grid-template-columns:minmax(0,1fr)}
 .mt-intro .stat{grid-template-columns:minmax(0,1fr) 42px;grid-template-areas:"heading icon" "description description";align-items:center;column-gap:12px;row-gap:10px}
 .mt-intro .stat-heading{display:block;font:700 18px/1.35 var(--font-d);color:var(--blue)}
 .mt-intro .stat .lbl,.mt-intro .stat .mt-stat-value{display:inline;font:inherit;color:inherit;margin:0;letter-spacing:0}
 .mt-intro .stat .mt-stat-value{white-space:nowrap}
 .mt-intro .stat .stat-icon{justify-self:end;align-self:center;width:42px;height:42px;margin:0}
 .mt-intro .stat .stat-icon img{width:42px;height:42px}
 .mt-intro .stat .stat-icon svg{width:34px;height:34px;margin:4px}
}
@media(max-width:767px){
 #hero-wariant-a .vx-hero-copy{padding-top:30px}
 #hero-wariant-a .vx-kicker{margin-bottom:8px}
 #hero-wariant-a h1{font-size:clamp(23px,8.8vw,33px);margin-bottom:10px}
 #hero-wariant-a .vx-mobile-title-break{display:inline}
 #hero-wariant-a .vx-hero-copy>.vx-hero-subheading{font-size:clamp(15px,5.5vw,19px);white-space:nowrap;margin:6px 0 22px!important}
 #hero-wariant-a .vx-desktop-extra-break{display:none}
}
#hero-wariant-a .vx-hero-description{color:#29485d}

/* Final LP navigation follows the selected hero A preview. */
@media(min-width:981px){}
@media(max-width:767px){
}

/* Consultation pricing: funding eligibility deserves its own readable note. */
.mt-early-price .mt-early-funding-note{font-size:15px;line-height:1.5;font-weight:600;color:#29485d;margin-top:12px;max-width:54ch}
@media(min-width:981px){
 .mt-early-price-label{flex-direction:row;align-items:baseline;gap:6px;flex-wrap:nowrap}
 .mt-early-price-label>span{white-space:nowrap}
 /* Shared grid rows align all four descriptions to the tallest heading. */
 .mt-intro .stat{grid-row:span 2;grid-template-rows:subgrid;align-items:start}
 .mt-intro .stat small{align-self:start}
}
#serwis-zdalny .vx-service-head>.eyebrow{color:var(--blue);font-family:var(--font-d);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
#serwis-zdalny .vx-service-steps>div{border-bottom:0}
/* Capabilities are static content, with consistent surfaces and no hidden text. */
#mozliwosci .mt-more-card{background:#fff}
#mozliwosci .mt-more-heading{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:center;padding:23px 25px 12px}
@media(max-width:767px){
 #mozliwosci .mt-more-heading{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:22px 18px 12px}
}
/* Quieter active section indicator in the mobile table of contents. */
@media(max-width:980px){
}

/* A dedicated funding consultation invitation. */
.section-fin .fin-support-note{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 32px;border:0;background:#e8f2f8;border-radius:16px;margin-top:28px}
.section-fin .fin-support-copy{max-width:65ch}
.section-fin .fin-support-note h3{font-size:21px;line-height:1.35;margin:0 0 8px}
.section-fin .fin-support-note p{font-size:16px;line-height:1.6;color:#435d6d}
.section-fin .fin-support-note>.btn{flex-shrink:0;white-space:nowrap}
.section-cert .cert:nth-child(odd){border-left:0}
.vx-model .mt-model-consult{margin-top:20px;justify-content:center}
/* Keep consultation actions slightly inset from the fields on every LP form. */
.consult .card-form form>button[type="submit"]{display:flex;width:calc(100% - 32px);max-width:460px;min-height:52px;margin:16px auto 0;padding:12px 18px;line-height:1.4}
@media(min-width:981px){}
@media(min-width:981px) and (max-width:1999px){
 .mt-production-section .mt-production-layout{max-width:none;width:100%;padding:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px)}
 .mt-production-media{height:clamp(360px,32vw,540px)}
 .mt-production-copy{max-width:640px;padding-right:max(24px,calc((100vw - 1320px)/2 + 24px))}
}
@media(min-width:2000px){.mt-production-media{height:auto;aspect-ratio:1}}
@media(max-width:767px){
 .section-fin .fin-support-note{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 20px}
 .section-fin .fin-support-note h3{font-size:20px}
 .section-fin .fin-support-note>.btn{font-size:15px;white-space:normal}
 .consult .card-form form>button[type="submit"]{font-size:14px}
}

/* Match the intro heading and align desktop service photography to the H2. */
#serwis-zdalny .vx-service-head>h2{font-size:clamp(1.55rem,3vw,2.3rem)}
@media(min-width:768px){#mozliwosci .mt-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:981px){
 #serwis-zdalny .vx-service{align-items:start}
 #serwis-zdalny .vx-service-head>.eyebrow{line-height:1.5}
 #serwis-zdalny .vx-service-media{align-self:start;margin-top:calc(1.23rem + 8px)}
}

/* Section rhythm and quieter consultation emphasis. */
@media(min-width:981px){.mt-intro{padding-bottom:80px}}
@media(max-width:767px){
 #gwarancja .gtl-title,#gwarancja .gtl-summary,#gwarancja .mt-guarantee-link{text-align:left}
 #gwarancja .gtl-summary{margin-left:0;margin-right:0}
}
#defrost .mt-defrost-proof-note{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.8fr);align-items:center;gap:32px;max-width:none;padding:28px 32px;border:0;border-radius:16px;background:#e4f0f7}
#defrost .mt-defrost-experience{display:grid;gap:4px}
#defrost .mt-defrost-experience strong{font:700 25px/1.3 var(--font-d);color:var(--blue-d)}
#defrost .mt-defrost-experience span{font-size:14px;line-height:1.5;color:#435d6d}
#defrost .mt-defrost-proof-note p{margin:0;font-size:16px;line-height:1.6;color:#29485d}
#aplikacja .pp-app-tx>.eyebrow{color:var(--blue)}
.section-fin .fin-support-note>.fin-consult-cta{background:#142c3c;color:#fff}
.section-fin .fin-support-note>.fin-consult-cta:hover{background:#091c29;color:#fff}
#certyfikaty{background:#edf5fa}
@media(max-width:767px){
 #defrost .mt-defrost-proof-note{grid-template-columns:1fr;gap:16px;padding:24px 20px}
 #defrost .mt-defrost-experience strong{font-size:23px}
}
/* Desktop navigation keeps its original height and a stable, slightly larger logo. */
@media(min-width:981px){
 .section-fin{padding-bottom:80px}
}
#defrost .mt-defrost-experience span{font:700 25px/1.3 var(--font-d);color:var(--blue-d)}
@media(max-width:767px){#defrost .mt-defrost-experience span{font-size:23px}}

/* Main-LP review: copy starts at the form top; eyebrow sits just above it. */
@media(min-width:981px){
 .mt-early-consult .split{align-items:start}
 .mt-early-copy{position:relative;align-self:start}
 .mt-early-copy>.eyebrow{position:absolute;bottom:100%;left:0;margin:0 0 12px}
 .mt-early-consult .card-form{align-self:start}
}
@media(max-width:767px){
 .mt-early-copy h2{font-size:clamp(1.55rem,3vw,2.3rem)}
 .mt-intro .mt-lead{font:400 16px/1.65 Inter,system-ui,sans-serif;color:#435d6d}
 .consult .card-form form>button[type="submit"]{font-size:15px}
}
@media(max-width:560px){}

/* Keep consultation phrases intact as the mobile heading wraps. */
@media(max-width:767px){
 #mt-early-title{max-width:none;font-size:min(1.55rem,calc((100vw - 32px)*.076))}
 #mt-early-title>span{display:inline-block;white-space:nowrap}
 .mt-early-copy>p:not(.eyebrow){font:400 16px/1.65 Inter,system-ui,sans-serif;color:#435d6d}
}
@media(max-width:420px){#mt-early-title>span{display:block}}

/* Warranty uses the same eyebrow typography as the other LP sections. */
.mt-guarantee-eyebrow{text-align:center;margin-left:auto;margin-right:auto}
@media(max-width:767px){.mt-guarantee-eyebrow{text-align:left}}

/* Prevent mobile input zoom and keep the inline success state within its form. */
form[data-lead] .form-done{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:980px){form[data-lead] .field input{font-size:16px}}