:root{
  --bg:#0f1115; --panel:#12151c; --ink:#e7e9ee; --muted:#aab0bb; --accent:#97D700; --stroke:#242938;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;
     background:var(--bg); color:var(--ink); line-height:1.55;}
.container{max-width:1120px; margin:0 auto; padding:0 20px}
header{position:sticky; top:0; z-index:50; background:rgba(15,17,21,.85); backdrop-filter:saturate(1.2) blur(8px);
  border-bottom:1px solid var(--stroke);}
.nav{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.brand{display:flex; align-items:center; gap:12px}
.brand img{height:56px}
.brand .name{font-weight:800; letter-spacing:.2px; font-size:14px}
.nav a{color:var(--ink); text-decoration:none; margin-left:18px; font-size:14px}
.nav a.cta{background:var(--accent); color:#0b0d10; padding:8px 14px; border-radius:12px; font-weight:600}
.hero{padding:84px 0; background:radial-gradient(1200px 600px at 20% -10%,rgba(151,215,0,.15),transparent), radial-gradient(1000px 500px at 100% 0,rgba(151,215,0,.08),transparent);}
.hero-wrap{display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:center}
h1{font-size:40px; line-height:1.15; margin:0 0 14px}
h2{font-size:28px; margin:0 0 10px}
.lead{color:var(--muted); max-width:760px}
.btns{display:flex; gap:12px; margin-top:18px}
.btn{display:inline-block; padding:10px 16px; border-radius:12px; text-decoration:none; font-weight:600; font-size:14px}
.btn.primary{background:var(--accent); color:#0b0d10}
.btn.outline{border:1px solid var(--accent); color:var(--accent)}
.section{padding:56px 0; border-top:1px solid var(--stroke); background:var(--panel)}
.section.alt{background:#0f131a}
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; margin-top:18px}
.card{background:#0f131a; border:1px solid var(--stroke); border-radius:16px; padding:18px}
.card p{color:var(--muted); font-size:14px; margin:8px 0 0}
.sectors{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin-top:18px}
.sector{background:#0f131a; border:1px solid var(--stroke); border-radius:14px; padding:16px; text-align:center; color:#d6dae3; font-size:14px}
.gallery{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; margin-top:18px}
.gallery img{width:100%; height:220px; object-fit:cover; border-radius:14px; border:1px solid var(--stroke); box-shadow:0 8px 24px rgba(0,0,0,.25)}
.contact{display:grid; grid-template-columns:1.2fr .8fr; gap:20px}
.contact .panel{background:#0f131a; border:1px solid var(--stroke); border-radius:16px; padding:18px}
footer{padding:24px 0; border-top:1px solid var(--stroke); text-align:center; color:#9aa3af}
.small{font-size:12px; color:#9097a4}
@media (max-width:980px){ .hero-wrap{grid-template-columns:1fr} .brand img{height:50px} h1{font-size:32px} }