*{box-sizing:border-box}
html{font-size:14px;scroll-behavior:smooth}
body{margin:0;background:#f5f5f5;color:#28323f;font-family:Lato,Arial,sans-serif;line-height:1.65}
a{color:#ff6600;text-decoration:none}
a:hover{color:#ffa329}
.visually-hidden{position:absolute;left:-9999px}
.navbar{position:sticky;top:0;z-index:50;background:#000;color:#fff;min-height:90px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.wrap{width:88%;max-width:1200px;margin:0 auto}
.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:90px}
.brand img{width:200px;max-width:100%;display:block}
.menu{display:flex;align-items:center;gap:0}
.menu a,.dropbtn{display:block;color:#fff;text-transform:uppercase;letter-spacing:.071em;font-size:14px;padding:34px 14px 32px}
.menu a:hover,.menu .active{color:#939393}
.dropdown{position:relative}
.submenu{display:none;position:absolute;top:90px;left:0;background:#000;min-width:220px;padding:10px 0;box-shadow:0 12px 20px rgba(0,0,0,.25)}
.dropdown:hover .submenu{display:block}
.submenu a{padding:10px 18px;white-space:nowrap;text-transform:none}
.mobile-toggle{display:none;background:#ff6500;color:#fff;border:0;font-size:24px;border-radius:4px;padding:9px 13px}
.hero-band{background-size:cover;background-position:center;margin-bottom:10px;padding:45px 0 20px;color:#fff}
.hero-band .cols{display:grid;grid-template-columns:2fr 1fr;gap:34px;align-items:center}
.hero-band h2{font-size:32px;text-transform:uppercase;margin:0 0 18px;color:#fff}
.hero-band p{font-size:16px;color:#fff;margin:0 0 14px}
.hero-band img{max-width:100%;height:auto}
.btn{display:inline-block;color:#fff!important;border-radius:.25em;padding:9px 16px;margin-top:10px;text-transform:uppercase;font-weight:700}
.blue{background:#4062ed}.orange{background:#ff6500}.green{background:#9ccf31}.red{background:#ff0000}.darkbtn{background:#252525}
.page-title{padding:64px 0 34px;background:#fff;text-align:center}
.page-title h1{margin:0;color:#2c3e50;text-transform:uppercase;font-size:34px}
.content{background:#fff;padding:45px 0}
.content h2,.content h3{text-transform:uppercase;color:#2c3e50}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:24px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.card img{max-width:100%;height:auto}
.footer{background:#000;color:#fff;text-align:center;padding:28px 0}
.footer p{margin:6px 0;color:gray}
.social a{display:inline-block;color:#fff;margin:0 8px;font-weight:700}
.faq-item{border-bottom:1px solid #ddd;padding:18px 0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery div{min-height:180px;background:linear-gradient(135deg,#334,#111);border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}
pre.code{white-space:pre-wrap;background:#111;color:#eee;padding:18px;border-radius:8px;overflow:auto}
@media(max-width:900px){
 .menu{display:none;position:absolute;left:0;right:0;top:90px;background:#000;flex-direction:column;align-items:stretch}
 .menu.open{display:flex}
 .mobile-toggle{display:block}
 .dropdown:hover .submenu,.submenu{position:static;display:block;box-shadow:none;background:#111}
 .hero-band .cols,.grid,.gallery{grid-template-columns:1fr}
 .brand img{width:170px}
}