*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,sans-serif;color:#102a46;background:#f7f8fa}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}img{display:block;width:100%;object-fit:cover}.wrap{max-width:1240px;margin:auto;padding:0 36px}.top{background:#092b50;color:#cbd7e6;font-size:12px;padding:11px 0}.top .wrap{display:flex;justify-content:space-between}.top b{color:#f9c94b}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e2e7ed}.nav{display:flex;align-items:center;justify-content:space-between;height:86px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px}.brand img{width:62px;height:55px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;font-weight:500}nav{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#f7c447;color:#102a46;border:0;padding:17px 23px;font-weight:700;font-size:13px;cursor:pointer}.btn.dark{background:#102e50;color:white}.btn.line{background:transparent;color:white;border:1px solid #ffffff60}.menu{display:none}.hero{padding:0;background:#082745;color:white;position:relative;overflow:hidden}.hero-photo{width:57%;position:absolute;inset:0 0 0 43%;height:100%;filter:brightness(.77)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#082745 15%,#082745ed 36%,#08274520 83%)}.hero-content{position:relative;z-index:1;padding-top:92px;padding-bottom:90px;min-height:600px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:10px;color:#63758b}.eyebrow:before{content:'';width:28px;height:3px;background:#efbc3e}.hero .eyebrow{color:#f7ca5b}h1{font-size:62px;line-height:1.09;letter-spacing:-2.5px;max-width:650px;margin:25px 0}h1 em{font-style:normal;color:#f7c447}.hero p{max-width:490px;color:#d0dbe7;line-height:1.8;font-size:15px}.actions{display:flex;gap:13px;margin-top:30px}.hero-note{position:absolute;right:36px;bottom:35px;color:white;font-size:11px;letter-spacing:1px;border-left:3px solid #f7c447;padding:8px 15px}.strip{background:#f7c447}.strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-top:25px;padding-bottom:25px}.strip div div{padding-left:30px;border-left:1px solid #18355333;font-size:13px}.strip strong{display:block;font-size:17px;margin-bottom:5px}section{padding:85px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro-img{position:relative}.intro-img img{height:470px}.image-label{position:absolute;bottom:0;left:0;background:#102e50;color:white;padding:20px 28px;border-left:5px solid #f7c447;font-size:13px}h2{font-size:39px;line-height:1.2;letter-spacing:-1px;margin:18px 0 22px}p{line-height:1.8;font-size:14px;color:#68788b}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:25px 0;font-size:13px}.ticks span:before{content:'✓';color:#ab7b06;margin-right:9px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.section-head h2{margin-bottom:0}.section-head p{max-width:350px;margin:0}.services{background:#eef1f5}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{background:white;padding:30px;min-height:245px;border-bottom:3px solid transparent}.service:hover{border-color:#eebc40}.num{font-size:13px;color:#b38c28;letter-spacing:2px}.service h3{font-size:20px;margin-top:27px}.service p{margin-bottom:0}.products{background:#0b2c4d;color:white}.products p{color:#b9c9da}.product-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30;margin-top:40px}.product-list article{padding:28px 20px;border-right:1px solid #ffffff30}.product-list h3{font-size:18px}.product-list span{font-size:11px;color:#f7c447}.gallery-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filter{padding:10px 16px;border:1px solid #d8dfe7;background:transparent;color:#102e50;cursor:pointer;font-size:12px}.filter.active{background:#102e50;color:white;border-color:#102e50}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{padding:0;border:0;text-align:left;background:#fff;cursor:pointer;color:#102a46}.project img{height:300px;transition:filter .2s}.project:hover img{filter:brightness(.85)}.project div{padding:18px 20px}.project small{font-size:10px;color:#8a721e;letter-spacing:1.5px}.project h3{font-size:17px;margin:8px 0}.more{display:block;margin:30px auto 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.process article{border-top:2px solid #dfe4ea;padding-top:23px}.process b{color:#b48921;font-size:13px}.vision{background:#eaf0f5}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.vision ul{padding-left:20px;color:#68788b;font-size:14px;line-height:2}.draft{display:inline-block;font-size:10px;border:1px solid #cbd5df;padding:5px 8px;color:#6d7b8a}.contact{background:#102e50;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:#becddd}.contact-info{display:grid;gap:24px;margin-top:35px}.contact-info small{display:block;color:#f7c447;margin-bottom:7px;font-size:10px;letter-spacing:1.5px}.contact-info a{font-size:18px}.contact-info .address{font-size:14px;line-height:1.7;max-width:350px}.contact form{padding:30px;background:white;color:#102e50}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;margin-bottom:15px}input,select,textarea{display:block;width:100%;padding:12px;margin-top:8px;background:#f7f8fa;border:1px solid #dae1e8;border-radius:0}textarea{resize:vertical;min-height:100px}form .btn{width:100%}.form-note{font-size:11px!important;line-height:1.6;color:#718092!important}footer{padding:30px 0;background:#08233e;color:#bdcada;font-size:11px}footer .wrap{display:flex;justify-content:space-between;gap:20px}.float-wa{position:fixed;bottom:24px;right:24px;z-index:12;background:#f7c447;padding:14px 20px;box-shadow:0 8px 30px #0003;font-size:12px;font-weight:bold}dialog{padding:0;border:0;background:#071d30;max-width:92vw;max-height:94vh;color:white}dialog::backdrop{background:#001325e8}dialog img{max-height:78vh;object-fit:contain}dialog p{color:white;margin:15px 20px}dialog button{position:absolute;right:10px;top:10px;background:white;border:0;padding:10px 14px;cursor:pointer}.review{background:#fff7df;color:#80651d;padding:10px 20px;text-align:center;font-size:11px}@media(max-width:900px){nav{gap:14px}.nav .btn{display:none}h1{font-size:50px}.intro{gap:35px}.gallery img{height:250px}.contact-grid{gap:35px}}@media(max-width:700px){.wrap{padding:0 22px}.top .wrap span:first-child{display:none}.top .wrap{justify-content:center}.nav{height:74px}.brand{font-size:14px}.brand img{width:48px}.brand small{font-size:8px;letter-spacing:1px}.menu{display:block;background:none;border:1px solid #ccd4dd;padding:8px;font-size:18px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:start}nav.open{display:flex}.hero-photo{width:100%;inset:0;height:100%;opacity:.55}.hero:after{background:linear-gradient(90deg,#082745ed,#08274555)}.hero-content{padding-top:65px;padding-bottom:80px;min-height:560px}h1{font-size:43px;letter-spacing:-1.5px;max-width:420px}.hero-note{display:none}.hero p{font-size:14px}.actions{gap:9px}.btn{padding:15px 17px;font-size:12px}.strip .wrap{grid-template-columns:1fr;padding:12px 22px;gap:0}.strip div div{padding:13px 0;border-left:0;border-bottom:1px solid #18355322}.strip strong{font-size:15px;display:inline;margin-right:10px}.strip div div{font-size:11px}section{padding:58px 0}.intro,.vision-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.intro-img img{height:350px}h2{font-size:31px}.section-head{display:block}.section-head p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service{min-height:0;padding:26px}.service h3{margin-top:17px}.product-list{grid-template-columns:1fr 1fr}.product-list article{padding:20px 12px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.project img{height:215px}.project div{padding:14px 12px}.project h3{font-size:14px}.project small{font-size:8px}.process{grid-template-columns:1fr 1fr;gap:22px}.contact form{padding:22px}.form-row{grid-template-columns:1fr}footer .wrap{flex-direction:column}.float-wa{bottom:14px;right:14px;padding:13px 16px}.review{line-height:1.6}}
[hidden]{display:none!important}
