body{margin:0;font-family:Arial,sans-serif;color:#17304a}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{background:#06355d;color:white;padding:10px 0;font-size:14px}.nav{background:white;box-shadow:0 2px 9px #0002;position:sticky;top:0;z-index:9}.nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px}.logo{width:170px}.menu{display:flex;gap:24px;font-weight:bold}.menu a:hover,.menu a:focus{color:#ff5a0a}.phone,.btn{background:#ff5a0a;color:white;padding:14px 20px;border-radius:5px;font-weight:bold}.phone:hover,.btn:hover{background:#df4800}.hero{min-height:510px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#062f54e8,#062f5490 48%,transparent)}.hero .wrap{position:relative;color:white}.hero h1{font-size:58px;line-height:.95;margin:10px 0;text-transform:uppercase;max-width:700px}.hero h1 span{color:#ff5a0a}.hero p{font-size:20px;max-width:620px;line-height:1.5}.section{padding:64px 0}.light{background:#f4f7fa}.title{text-align:center;margin-bottom:30px}.title h2{font-size:38px;color:#06355d;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:white;box-shadow:0 8px 25px #06355d1c;border-radius:7px;overflow:hidden}.card img{width:100%;height:210px;object-fit:cover}.card div{padding:20px}.card h3{color:#06355d}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{background:#06355d;color:#fff;border-radius:6px;overflow:hidden;font-weight:bold}.project img{height:230px;width:100%;object-fit:cover}.project div{padding:14px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value{padding:24px;background:#fff;box-shadow:0 8px 25px #06355d1c}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}.box,form{background:white;padding:24px;box-shadow:0 8px 25px #06355d1c;margin-bottom:15px}label{display:block;font-weight:bold}input,select,textarea{width:100%;padding:12px;margin:7px 0 15px;box-sizing:border-box;border:1px solid #b9c6d1;border-radius:4px;font:inherit}textarea{min-height:130px;resize:vertical}.hp{position:absolute;left:-9999px}.form-success,.form-error{padding:14px;margin-bottom:16px;border-radius:4px;font-weight:bold}.form-success{background:#e8f7ee;color:#176b39}.form-error{background:#fff0ed;color:#9b2c1f}.footer{background:#032844;color:white;padding:35px 0}.footer .wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.notice{background:#fff3eb;border-left:4px solid #ff5a0a;padding:15px;margin-bottom:25px}.cta{background:#06355d;color:white;padding:35px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center}@media(max-width:850px){.nav .wrap{flex-wrap:wrap;padding-top:8px}.menu{display:flex;order:3;width:100%;overflow-x:auto;gap:18px;padding:12px 0;font-size:13px}.menu a{white-space:nowrap}.cards,.values{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.hero h1{font-size:42px}}@media(max-width:550px){.cards,.values,.gallery,.footer .wrap{grid-template-columns:1fr}.logo{width:130px}.phone{font-size:12px}.hero{min-height:560px}.hero:before{background:#062f54c9}.hero h1{font-size:38px}.cta .wrap{display:block}.cta .btn{display:inline-block;margin-top:12px}}
