*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#222}.wrap{width:min(1180px,92%);margin:auto}.top{background:#151515;color:#ddd;padding:13px 0;font-size:13px}.top .wrap{display:flex;gap:30px}.top span:last-child{margin-left:auto}header{background:#fff;box-shadow:0 3px 18px #0001;position:sticky;top:0;z-index:9}.nav{height:82px;display:flex;align-items:center;gap:28px}.logo{font-size:30px;font-weight:900;color:#151515;text-decoration:none}.nav nav{display:flex;gap:30px;margin-left:auto}.nav nav a{font-weight:800;text-transform:uppercase;font-size:13px;color:#222;text-decoration:none}.nav nav a:hover{color:#f3a000}.btn{background:#f3a000;color:#111;padding:15px 22px;text-decoration:none;text-transform:uppercase;font-weight:900;display:inline-block}.hamb{display:none;margin-left:auto;border:0;background:none;font-size:28px}.hero{min-height:650px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#0c1115ed,#0c1115a8 52%,#0c111538),url('../images/hero.jpg') center/cover}.hero .copy{max-width:770px}.tag{color:#f3a000;text-transform:uppercase;font-weight:900;letter-spacing:1.4px}.hero h1{font-size:62px;line-height:1.03;text-transform:uppercase;margin:15px 0 22px}.hero p,.lead{line-height:1.8;color:#6d7379}.hero p{color:#eee;font-size:17px}.section{padding:88px 0}.title{font-size:44px;line-height:1.08;margin:10px 0 20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.grid2 img{width:100%;height:480px;object-fit:cover}.features{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.feature{border-left:4px solid #f3a000;padding:5px 18px}.dark{background:#12181c;color:#fff}.dark .lead{color:#c9ced1}.cards,.pricing,.services,.blogs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.card{background:#fff;color:#222}.card img{width:100%;height:230px;object-fit:cover}.pad{padding:25px}.price,.service,.post{border:1px solid #ddd;padding:30px}.price.hot{background:#12181c;color:#fff;border-top:6px solid #f3a000}.price strong{font-size:38px}.price li{margin:13px 0}.pagehero{padding:100px 0;color:#fff;background:linear-gradient(90deg,#10161bdd,#10161b77),url('../images/hero.jpg') center/cover}.pagehero h1{font-size:56px;text-transform:uppercase;margin:0}.num{font-size:45px;font-weight:900;color:#f3a000}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form textarea,.sub input{padding:15px;border:1px solid #ddd;width:100%}.form textarea{grid-column:1/-1;height:130px}.form button,.sub button{border:0;background:#f3a000;padding:15px;font-weight:900}footer{background:#11171b;color:#d7dcdf;padding:70px 0 25px}.foot{display:grid;grid-template-columns:1.2fr .8fr 1fr 1.2fr;gap:45px}.foot h3,.foot .logo{color:#fff}.foot a{display:block;color:#ccd1d4;text-decoration:none;margin:12px 0}.foot p{line-height:1.7}.sub{display:flex}.bottom{border-top:1px solid #3a4247;margin-top:40px;padding-top:25px;display:flex;justify-content:space-between;font-size:13px}
@media(max-width:800px){.top{display:none}.nav{height:70px}.nav nav,.nav>.btn{display:none}.hamb{display:block}.nav.open nav{display:flex;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:25px 5%;gap:20px}.hero{min-height:720px}.hero h1{font-size:42px}.title{font-size:34px}.grid2,.contact{grid-template-columns:1fr;gap:35px}.cards,.pricing,.services,.blogs{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.bottom{display:block;line-height:2}.pagehero h1{font-size:42px}.form{grid-template-columns:1fr}}