* {
  box-sizing: border-box;
}
html, body { margin:0; padding:0; font-family:'Barlow',sans-serif; color:var(--color-text); background:var(--color-bg); }
.container { width:min(1180px,92%); margin:0 auto; }
.site-header { position:sticky; top:0; z-index:50; background:var(--header-bg); border-bottom:1px solid var(--header-border); }
.header-wrap { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand img { width:220px; }
.main-nav { display:flex; gap:26px; }
.menu-toggle { display:none; }
.nav-link { text-decoration:none; color:var(--header-text); font-weight:500; padding:30px 2px; border-bottom:2px solid transparent; }
.nav-link.active,.nav-link:hover { color:var(--color-primary); border-color:var(--color-primary); }
.btn { display:inline-block; border:1px solid transparent; border-radius:var(--radius-md); padding:14px 28px; text-decoration:none; font-weight:700; transition:var(--transition); }
.btn-primary { background:var(--btn-primary-bg); color:var(--btn-primary-text); }
.btn-primary:hover { background:var(--btn-primary-bg-hover); }
.btn-ghost { border-color:#fff; color:#fff; }
.btn-ghost:hover { background:#fff; color:var(--color-text); }
.btn-outline { border-color:var(--btn-outline-border); color:var(--btn-outline-text); }
.btn-outline:hover { background:var(--btn-outline-hover-bg); color:var(--btn-outline-hover-text); }
.hero { min-height:560px; position:relative; display:flex; align-items:center; overflow:hidden; }
.hero-slides { position:absolute; inset:0; }
.hero-slide { position:absolute; inset:0; background-position:center; background-size:cover; opacity:0; transition:opacity .8s ease-in-out; }
.hero-slide.active { opacity:1; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,12,22,.86) 0%,rgba(5,12,22,.45) 46%,rgba(5,12,22,.15) 100%); }
.hero-content { position:relative; color:#fff; max-width:720px; }
.hero h1 { margin:0 0 14px; font-size:clamp(2.1rem,4vw,4rem); line-height:1.05; }
.hero p { margin:0; max-width:600px; font-size:1.18rem; line-height:1.45; }
.hero-actions { margin-top:34px; display:flex; gap:14px; }
.services,.projects,.contact { padding:72px 0; }
.service-grid,.project-grid,.benefits-grid,.footer-grid { display:grid; gap:18px; }
.service-grid { grid-template-columns:repeat(3,1fr); }
.service-card { background:var(--card-bg); border:1px solid var(--card-border); border-radius:var(--radius-lg); padding:28px; text-align:center; }
.service-icon { color:var(--color-primary); font-size:2.3rem; }
.service-icon.energy { color:var(--color-energy); }
.service-card h3 { font-size:2rem; margin:10px 0; }
.service-card p { margin:0 0 20px; color:var(--color-text-muted); line-height:1.5; }
.badge { display:inline-block; font-size:.78rem; font-weight:700; border-radius:999px; padding:7px 12px; }
.badge.industrial { background:var(--badge-industrial-bg); color:var(--badge-industrial-text); }
.badge.energy { background:var(--badge-energy-bg); color:var(--badge-energy-text); }
.benefits-grid { margin-top:30px; grid-template-columns:repeat(4,1fr); }
.benefits-grid article { text-align:center; border-right:1px solid var(--color-border); padding:12px 18px; }
.benefits-grid article:last-child { border-right:none; }
.projects { background:#fafafa; }
.projects h2,.contact h2 { font-size:3rem; margin:0; }
.section-subtitle { color:var(--color-text-muted); margin:8px 0 22px; }
.project-grid { grid-template-columns:repeat(4,1fr); }
.project-grid img { width:100%; height:220px; object-fit:cover; border-radius:var(--radius-md); }
.centered { text-align:center; margin-top:26px; }
.cta-band { background:linear-gradient(100deg,#091426 0%,#101f35 55%,#0a1626 100%); color:#fff; padding:44px 0; }
.cta-wrap { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.cta-wrap h3 { margin:0; font-size:2.2rem; }
.cta-wrap p { margin:8px 0 0; color:#c7d1df; }
.contact-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:26px; }
.contact-list { list-style:none; padding:0; margin:24px 0 0; }
.contact-list li { margin-bottom:12px; }
.row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
input,textarea { width:100%; border:1px solid var(--color-border); border-radius:var(--radius-sm); padding:14px; font-family:inherit; font-size:1rem; }
textarea { min-height:130px; margin:12px 0; resize:vertical; }
.site-footer { border-top:4px solid var(--color-primary); padding-top:34px; background:radial-gradient(circle at 20% 30%,#122645 0%,#0b1424 45%,#060b16 100%); color:#e5e7eb; }
.footer-grid { grid-template-columns:1.3fr 1fr 1fr 1.2fr; }
.footer-logo { width:190px; }
.site-footer a,.site-footer p { display:block; color:#cfd6de; text-decoration:none; margin:7px 0; }
.site-footer h5 { font-size:1.1rem; margin:0 0 10px; color:#fff; }
.copyright { border-top:1px solid rgba(255,255,255,.2); margin-top:26px; padding:18px 0; color:#9fb0c5; }
@media (max-width:980px){ .main-nav{display:none;} .service-grid,.benefits-grid,.project-grid,.contact-grid,.footer-grid{grid-template-columns:1fr 1fr;} .cta-wrap{flex-direction:column; align-items:flex-start;} }
@media (max-width:640px){ .hero{min-height:500px;} .hero-actions,.row{flex-direction:column; display:flex;} .service-grid,.benefits-grid,.project-grid,.contact-grid,.footer-grid{grid-template-columns:1fr;} .header-wrap{flex-wrap:wrap; justify-content:center; padding:12px 0;} .brand img{width:170px;} }