*{box-sizing:border-box}html,body{margin:0;padding:0;background:#e9ecef;font-family:Arial,"Helvetica Neue",sans-serif;color:#111}.page{width:min(100%,1024px);margin:0 auto;background:#fff;overflow:hidden}.brand{height:76px;display:flex;align-items:center;padding:6px 44px}.brand img{width:220px;max-height:62px;object-fit:contain;object-position:left center}.headline{background:#dce8ed;padding:0px 24px;text-align:center;height:130px;display:flex;align-items:center;justify-content:center;}.headline h1{margin:0;color:#22556a;font-size:28px;line-height:1.13;font-weight:800}.hero{height:456px;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:-82px 46px 0;position:relative;z-index:2}.card{background:rgba(250,250,250,.95);padding:16px 18px 12px;min-height:345px;font-size:15px;line-height:1.28}.card h2{font-size:15px;margin:0 0 5px;font-weight:800}.card ul{margin:0;padding-left:19px}.card li{padding-left:3px;margin:2px 0}.monitoring{position:relative;padding-bottom:110px}.certs{position:absolute;left:58px;right:45px;bottom:-13px;height:120px;display:flex;align-items:flex-end;justify-content:center;gap:8px}.certs img{max-height:116px;max-width:31%;object-fit:contain;background:#fff}.rule{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 46px 22px}.rule span{height:12px;background:#285f72}.gallery{display:grid;grid-template-columns:1.25fr .75fr .75fr;height:237px;overflow:hidden}.gallery img{width:100%;height:100%;object-fit:cover}footer{height:78px;display:flex;align-items:center;position:relative}.website{background:#285f72;color:#fff;font-size:18px;font-weight:800;width:360px;padding:8px 24px;text-align:right}.qr{position:absolute;width:76px;height:76px;object-fit:contain;left:360px;bottom:0;background:#fff;padding:3px}@media(max-width:700px){.brand{height:auto;padding:8px 18px}.brand img{width:180px}.headline h1{font-size:clamp(18px,4vw,28px)}.hero{height:45vw;min-height:260px}.cards{grid-template-columns:1fr;margin:-30px 16px 0}.card{min-height:0}.monitoring{padding-bottom:125px}.rule{margin:0 16px 14px}.gallery{height:auto;grid-template-columns:1fr}.gallery img{height:auto;aspect-ratio:1.65;object-fit:cover}footer{height:72px}.website{width:75%;font-size:15px}.qr{width:70px;height:70px;left:auto;right:5%}}

.page-two{border-top:18px solid #e9ecef;background:#fff}
.systems-copy{padding:34px 46px 30px;font-size:15px;line-height:1.28}
.systems-copy h2{margin:0 0 5px;color:#111;font-size:15px;font-weight:800}
.systems-copy ul{margin:0;padding-left:22px}.systems-copy li{margin:4px 0}
.systems-copy .sublist{list-style-type:"–  ";margin-top:3px}
.systems-copy .service-title{margin-top:18px;margin-bottom:5px;font-size:15px}
.systems-copy p{margin:4px 0 0;font-weight:400}
.p2-topphotos{display:grid;grid-template-columns:1fr 1.18fr 1.32fr;height:350px;overflow:hidden}
.p2-topphotos img{width:100%;height:100%;object-fit:cover}
.hmi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:70px 25px 12px}
.hmi-strip img{width:100%;height:175px;object-fit:fill}
.ship-layout{display:grid;grid-template-columns:140px 1fr 140px;gap:12px;padding:0 25px;align-items:stretch}
.side-hmi{width:100%;height:290px;object-fit:fill}
.ship-drawing{border:1px solid #ccc;display:flex;align-items:center;justify-content:center;background:#fff;height:290px}
.ship-drawing img{width:94%;height:auto;object-fit:contain}
.hmi-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 25px 0}
.hmi-bottom img{width:100%;height:178px;object-fit:fill}
.p2-footer{height:112px;display:flex;justify-content:flex-end;align-items:flex-end;padding:0 25px 10px 25px}
.p2-qr{width:74px;height:74px;object-fit:contain;margin-right:10px}
.p2-site{background:#285f72;color:#fff;font-size:18px;font-weight:800;padding:10px 24px;min-width:300px}
@media(max-width:700px){
.systems-copy{padding:24px 18px}.p2-topphotos{height:auto;grid-template-columns:1fr}.p2-topphotos img{height:auto}
.hmi-strip{grid-template-columns:repeat(2,1fr);padding:25px 12px 10px}.hmi-strip img{height:auto}
.ship-layout{grid-template-columns:1fr;padding:0 12px}.side-hmi,.ship-drawing{height:auto}.ship-drawing img{width:100%}
.hmi-bottom{grid-template-columns:repeat(2,1fr);padding:10px 12px 0}.hmi-bottom img{height:auto}}

/* RU / EN language switcher */
.brand{justify-content:space-between}
.language-switcher{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:13px;font-weight:700}
.lang-btn{border:0;background:transparent;padding:5px 3px;display:flex;align-items:center;gap:5px;font:inherit;color:#6b6b6b;cursor:pointer;border-bottom:2px solid transparent}
.lang-btn img{width:24px;height:16px;object-fit:cover;border:1px solid #d0d0d0}
.lang-btn:hover{color:#22556a}.lang-btn.active{color:#22556a;border-bottom-color:#22556a}
.lang-separator{color:#bbb}
@media(max-width:700px){.language-switcher{font-size:12px;gap:4px}.lang-btn img{width:21px;height:14px}}