:root{--navy:#0c2130;--ink:#142c39;--gold:#c5a367;--paper:#f5f4ee;--muted:#68757b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{height:95px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff18;gap:25px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-size:48px;line-height:1;color:var(--gold)}.brand strong{font-size:18px;display:block;line-height:1.6}.brand small{font-size:10px;letter-spacing:1.3px;color:#bdc8ce}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:20px}#language{background:none;color:#eee;border:0;cursor:pointer;font:12px Inter,sans-serif}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 27px;background:var(--gold);color:#11232d;font-weight:800;font-size:14px;border:1px solid var(--gold);cursor:pointer;transition:.2s}.button:hover{background:#dfbf84;transform:translateY(-2px)}.button.small{font-size:12px;padding:10px 18px}.hero{min-height:680px;height:calc(100svh - 95px);max-height:920px;position:relative;background:#142a35 url('assets/hero.png') center/cover;color:white;display:flex;align-items:center;padding:70px 8% 120px;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(5,20,30,.94),rgba(5,20,30,.5) 60%,rgba(5,20,30,.1))}.hero-copy{position:relative;max-width:660px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#dbbd87;display:flex;gap:9px;align-items:center;margin-bottom:22px}.eyebrow i{width:6px;height:6px;background:var(--gold);border-radius:50%}.eyebrow.dark{color:#917343}h1{font-size:clamp(40px,5vw,70px);line-height:1.45;letter-spacing:-1.5px;margin:0 0 22px;font-weight:800}h1 em{font-style:normal;color:#d8b779}.hero p{max-width:510px;font-size:16px;line-height:2;color:#d2dbe0;margin-bottom:30px}.text-link{font-size:13px;margin-inline-start:25px;border-bottom:1px solid #8a9298;padding-bottom:7px}.hero-bottom{position:absolute;bottom:27px;left:8%;right:8%;display:flex;justify-content:space-between;border-top:1px solid #ffffff42;padding-top:22px;font-size:10px;letter-spacing:1px;color:#d8dde0}.image-note{position:absolute;bottom:78px;left:20px;font-size:9px;opacity:.6}.wrap{max-width:1240px;margin:auto;padding:100px 60px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:80px}h2{font-size:clamp(29px,3vw,43px);line-height:1.6;margin:0 0 22px;font-weight:700;letter-spacing:-.6px}p{font-size:14px;line-height:2;color:var(--muted)}.intro p{max-width:700px;font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.tags span{border:1px solid #d7d9d4;padding:7px 13px;font-size:11px}.services{padding-top:25px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px}.section-top>p{max-width:340px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.visual-service{height:390px;position:relative;background-color:#102d3a;background-repeat:no-repeat;overflow:hidden;color:white}.visual-service:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061a28 0%,#061a2840 62%,#061a2840)}.sprinkler{background-image:url('assets/sprinklers.png');background-size:155%;background-position:50% 58%}.gas{background-image:url('assets/gas.png');background-size:190%;background-position:5% 45%}.visual-service>div{position:absolute;bottom:25px;left:30px;right:30px;z-index:1}.visual-service h3{font-size:22px;margin:0 0 8px}.visual-service p{color:#d2dce1;font-size:12px;margin:0}.service-no{position:absolute;top:22px;inset-inline-start:25px;z-index:1;color:#fff;font:12px Inter;background:#102734a1;padding:9px;border:1px solid #ffffff50}.service-row{display:grid;grid-template-columns:40px 1fr 1.2fr;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid #d5d8d4}.service-row b{font:12px Inter;color:#9d7e4f}.service-row h3{font-size:18px;margin:0}.service-row p{margin:0;font-size:12px}.smalltext{font-size:10px}.projects{background:var(--navy);color:#f3f4f0}.projects .section-top p{color:#a8b8c0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 35px}.filters button{border:1px solid #ffffff30;background:none;color:#b7c6ce;padding:8px 18px;font-size:12px;cursor:pointer}.filters button.active{background:var(--gold);border-color:var(--gold);color:#0a2030}.project-row{display:grid;grid-template-columns:70px 1.5fr 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #ffffff21;align-items:center}.project-year{font:13px Inter;color:#d4b477}.project-row h3{font-size:17px;margin:0 0 5px;font-weight:600}.project-row small{font-size:11px;color:#9aaeb9}.project-scope{font-size:12px;color:#cfdbdf;line-height:1.9}.project-note{font-size:10px;color:#8c9ea8;margin-top:25px}.approach{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.step{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid #d4d9d5}.step span{font:12px Inter;color:#a38551;padding-top:8px}.step h3{font-size:18px;margin:0}.step p{font-size:12px;margin:8px 0}.contact{background:#153242;color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px;margin-bottom:70px}.contact h2{font-size:40px}.contact p{color:#b8c8d1}.contact-person{font-size:12px}.phone{display:inline-block;color:#dfbd7a;font:30px Inter;letter-spacing:1px;margin-top:12px}form{display:flex;flex-direction:column;gap:10px;align-self:center}label{font-size:12px;color:#d2dde2}input,textarea,select{width:100%;border:1px solid #ffffff34;background:#ffffff08;color:white;padding:12px;font-size:14px;border-radius:0;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold)}select option{color:#173141;background:white}form .button{margin-top:12px}form small{font-size:10px;color:#aabdc7;line-height:1.9}footer.wrap{display:flex;justify-content:space-between;gap:20px;padding-top:0;padding-bottom:35px;font-size:10px;color:#75838a}footer span:first-child{font-family:Inter;letter-spacing:1px}.floating-wa{position:fixed;bottom:24px;inset-inline-end:24px;display:flex;align-items:center;gap:9px;background:#1c704c;color:white;border:1px solid #ffffff50;border-radius:30px;padding:12px 19px;z-index:8;box-shadow:0 6px 25px #0003;font-size:12px}html[dir=ltr] body{font-family:Inter,Cairo,sans-serif}html[dir=ltr] .hero-shade{background:linear-gradient(90deg,rgba(5,20,30,.94),rgba(5,20,30,.5) 60%,rgba(5,20,30,.1))}html[dir=ltr] h1{line-height:1.15}html[dir=ltr] h2{line-height:1.25}html[dir=ltr] .brand strong{font-size:13px}html[dir=ltr] .brand small{font-size:9px}@media(min-width:1500px){.hero{padding-inline:calc((100vw - 1150px)/2)}}@media(max-width:850px){header{height:80px;padding:0 22px}nav{display:none}.brand strong{font-size:14px}.brand small{font-size:9px}.brand-mark{font-size:35px}.header-actions{gap:12px}.header-actions .button{display:none}.hero{height:auto;min-height:650px;padding:75px 28px 120px}.hero p{font-size:14px}.hero-bottom{left:28px;right:28px;font-size:9px;gap:25px}.wrap{padding:65px 26px}.intro,.approach{grid-template-columns:1fr;gap:15px}.section-top{display:block;margin-bottom:30px}.section-top>p{max-width:none}.service-grid{gap:13px}.visual-service{height:320px}.visual-service>div{left:18px;right:18px;bottom:20px}.visual-service h3{font-size:18px}.service-row{grid-template-columns:25px 1fr;gap:15px}.service-row p{grid-column:2}.project-row{grid-template-columns:45px 1fr;gap:15px}.project-scope{grid-column:2}.contact{grid-template-columns:1fr;gap:35px;margin:0 18px 45px;padding:35px 25px}.contact h2{font-size:32px}footer.wrap{flex-wrap:wrap;gap:15px;padding-bottom:90px}.phone{font-size:28px}}@media(max-width:480px){h1{font-size:39px}.service-grid{grid-template-columns:1fr}.visual-service{height:330px}.hero-bottom span:last-child{max-width:140px}.text-link{display:inline-block;margin-top:22px}.filters button{font-size:10px;padding:7px 12px}.project-row h3{font-size:15px}}
.brand-mark{display:block;width:58px;height:58px;flex-shrink:0;font-size:0;background-image:url('assets/gas.png');background-size:190px auto;background-position:right -2px top -3px;border-radius:50%}
@media(max-width:850px){.brand-mark{width:45px;height:45px;background-size:148px auto;background-position:right -2px top -2px}}

.vehicles{padding-top:80px;padding-bottom:70px}.vehicle-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.vehicle-grid article{border:1px solid #dce2e5;border-radius:12px;overflow:hidden;background:#fff}.vehicle-grid img{width:100%;height:300px;object-fit:cover;display:block}.vehicle-grid h3,.vehicle-grid article p{margin:22px 24px}.vehicle-source{color:#6c5930;font-size:13px}@media(max-width:700px){.vehicle-grid{grid-template-columns:1fr}.vehicle-grid img{height:240px}}

.gas{background-image:url('assets/fm200.jpg');background-size:cover;background-position:center}.brand-mark{background-image:none;font-size:40px;display:flex;align-items:center;justify-content:center}.service-row{grid-template-columns:200px 30px 1fr 1.2fr;gap:22px;padding:25px 0}.service-photo{width:200px;height:155px;object-fit:contain;background:white;border-radius:8px}.gas:after{background:linear-gradient(0deg,#061a28 0%,#061a28d9 22%,#061a2800 75%)}@media(max-width:850px){.service-row{grid-template-columns:95px 1fr;gap:14px}.service-photo{width:95px;height:100px;grid-row:1 / span 3}.service-row b,.service-row h3,.service-row p{grid-column:2}.service-row b{align-self:end}.service-row p{align-self:start}.gas{background-size:contain;background-position:center top;background-color:white}}@media(max-width:480px){.service-row{grid-template-columns:1fr}.service-photo{width:100%;height:225px;grid-column:1;grid-row:auto}.service-row b,.service-row h3,.service-row p{grid-column:1}.service-row{gap:10px;padding:26px 0}.gas{height:390px}}