@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Montserrat:wght@400;500;600&display=swap');
:root{--bg:#07131f;--bg2:#0b1c2b;--panel:#0d2030;--text:#f2f4f5;--muted:#adb7be;--bronze:#d58b47;--line:rgba(213,139,71,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}
.nav{height:74px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:8px 4vw;background:rgba(4,13,21,.78);backdrop-filter:blur(12px);border-bottom:1px solid rgba(213,139,71,.26)}
.brand img{width:180px;height:58px;object-fit:contain;object-position:left center;display:block}.nav nav{display:flex;gap:24px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.nav nav a:hover{color:var(--bronze)}.burger{display:none;background:none;border:0;color:white;font-size:28px}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:110px 7vw 70px;background:url('hero.png') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,18,.92) 0%,rgba(4,11,18,.73) 48%,rgba(4,11,18,.28) 100%)}.hero-content{position:relative;max-width:900px}.eyebrow,.kicker{color:var(--bronze);text-transform:uppercase;letter-spacing:.24em;font-size:13px;margin-bottom:18px}.hero h1{font-family:Montserrat,sans-serif;font-weight:500;letter-spacing:.09em;font-size:clamp(38px,6vw,82px);line-height:1.04;margin:0 0 20px}.hero-line{font-family:Montserrat,sans-serif;font-size:clamp(18px,2.1vw,31px);letter-spacing:.08em}.hero-line span{color:var(--bronze)}.hero p{max-width:700px;color:#d7dde1;font-size:18px;margin:25px 0 34px}.cta{display:inline-block;border:1px solid var(--bronze);padding:13px 24px;color:#fff;background:rgba(213,139,71,.08);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.cta:hover{background:var(--bronze);color:#07131f}
.section{padding:92px 7vw;border-top:1px solid rgba(255,255,255,.055)}.section h2{font-family:Montserrat,sans-serif;font-weight:400;font-size:clamp(29px,3.7vw,52px);line-height:1.18;margin:0 0 28px}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:stretch}.section-copy p{color:#c9d0d4;max-width:760px;font-size:17px}.section-copy b{color:var(--bronze);font-weight:500}.about-image{min-height:460px;background:linear-gradient(rgba(7,19,31,.15),rgba(7,19,31,.15)),url('about.png') center/cover;border:1px solid var(--line)}
.grid{display:grid;gap:16px}.six{grid-template-columns:repeat(3,1fr)}.cards article{min-height:190px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(19,42,59,.9),rgba(7,18,28,.95));position:relative}.cards article:before{content:"";position:absolute;left:0;top:0;width:3px;height:48px;background:var(--bronze)}.cards h3{font-family:Montserrat,sans-serif;text-transform:uppercase;font-weight:500;font-size:18px;margin:0 0 18px}.cards p{color:var(--muted);font-size:14px;margin:0}.industry article{min-height:120px;display:flex;align-items:flex-end}
.dark-band{background:#06111a}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps div{border-top:1px solid var(--line);padding:20px 10px 8px;display:flex;gap:16px;align-items:flex-start}.steps b{font-size:28px;color:var(--bronze);font-weight:400}.steps span{font-size:14px;text-transform:uppercase;letter-spacing:.05em}
.equipment{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.equipment-photo{min-height:480px;border:1px solid var(--line);background:url('equipment-bg.png') center/cover no-repeat;filter:brightness(.78) saturate(.82)}.equipment-list{display:grid;gap:0;border-top:1px solid var(--line)}.equipment-list span{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.03em}
.projects{background:radial-gradient(circle at 50% 50%,#102c40 0,#07131f 62%)}.countries{display:flex;flex-wrap:wrap;gap:10px}.countries span{padding:10px 16px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:13px;text-transform:uppercase;letter-spacing:.07em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:32px}.stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stack article{min-height:150px;border:1px solid rgba(72,116,146,.65);background:#0a1b29;padding:20px;position:relative}.stack.bronze article{border-color:var(--line);background:#15181b}.stack b{font-size:27px;color:var(--bronze);font-weight:400;float:left;margin-right:14px}.stack h3{font-size:14px;text-transform:uppercase;margin:2px 0 12px;min-height:34px}.stack p{color:var(--muted);font-size:13px;margin:0;clear:both}

footer{padding:24px 7vw;color:#7e8a92;border-top:1px solid rgba(255,255,255,.06);font-size:12px}
@media(max-width:980px){.six{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.about,.equipment,.split{grid-template-columns:1fr}.about-image{min-height:340px}.equipment-photo{min-height:480px;border:1px solid var(--line);background:url('equipment-bg.png') center/cover no-repeat;filter:brightness(.78) saturate(.82)}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:#081722;padding:22px 7vw;flex-direction:column}.nav nav.open{display:flex}.burger{display:block}.hero{background-position:62% center}}
@media(max-width:620px){.brand img{width:145px;height:48px}.section{padding:70px 6vw}.six,.steps,.stack,.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:40px}}


.contacts{
  min-height:680px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(5,15,24,.94) 0%,rgba(5,15,24,.86) 48%,rgba(5,15,24,.58) 100%),
    url('contact-bg.png') center/cover no-repeat;
}
.contact-panel{width:min(900px,100%)}
.contact-lead{max-width:720px;color:#cbd3d8;font-size:16px;margin:0 0 30px}
.contact-lead a{color:var(--bronze);border-bottom:1px solid rgba(213,139,71,.45)}
.contact-form{display:grid;gap:16px;max-width:860px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:grid;gap:8px}
.contact-form label span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--bronze)}
.contact-form input,.contact-form textarea{
  width:100%;
  border:1px solid var(--line);
  background:rgba(5,18,28,.84);
  color:#f4f6f7;
  padding:15px 16px;
  font:inherit;
  outline:none;
}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6f7d86}
.contact-form input:focus,.contact-form textarea:focus{border-color:#e0a15f;background:rgba(8,24,36,.95)}
.submit-btn{
  justify-self:start;
  border:1px solid var(--bronze);
  background:var(--bronze);
  color:#07131f;
  padding:14px 24px;
  font:600 12px Inter,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
  cursor:pointer;
}
.submit-btn:hover{filter:brightness(1.08)}
.hp{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}


/* References */
.references{
  background:
    linear-gradient(180deg,rgba(7,20,32,.98),rgba(7,20,32,.94));
}
.references-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:34px;
}
.references-head > div{max-width:820px}
.references-head p{color:var(--muted);max-width:760px;margin:12px 0 0}
.reference-download{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border:1px solid var(--bronze);
  color:#f5f7f8;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:11px;
  white-space:nowrap;
}
.reference-download:hover{background:rgba(213,139,71,.12)}
.reference-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.reference-grid article{
  border:1px solid var(--line);
  background:rgba(5,17,27,.72);
  padding:20px;
  min-height:170px;
}
.reference-grid h3{
  margin:14px 0 10px;
  font-size:18px;
  line-height:1.28;
  font-weight:600;
}
.reference-grid p{
  margin:0;
  color:#aeb8bf;
  font-size:13px;
  line-height:1.55;
}
.ref-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--bronze);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
@media(max-width:980px){
  .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .references-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .reference-grid{grid-template-columns:1fr}
  .reference-download{white-space:normal;text-align:center;width:100%}
}


/* ===== Polished equipment & reference layout ===== */
.equipment-showcase{background:#07131f}
.equipment-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}
.equipment-heading p{max-width:820px;color:var(--muted);margin:10px 0 0}
.equipment-board{position:relative;max-width:1320px;margin:0 auto;border:1px solid rgba(213,139,71,.5);background:#05111b;box-shadow:0 20px 60px rgba(0,0,0,.32);overflow:hidden}
.equipment-board img{width:100%;height:auto;display:block}
.equipment-zone{position:absolute;border:0;background:transparent;cursor:pointer;outline:none;box-shadow:inset 0 0 0 0 rgba(213,139,71,0);transition:background .18s ease,box-shadow .18s ease}
.equipment-zone:hover,.equipment-zone.active{background:rgba(213,139,71,.08);box-shadow:inset 0 0 0 3px rgba(225,145,70,.86),inset 0 0 45px rgba(213,139,71,.12)}
.equipment-detail{max-width:1320px;margin:16px auto 0;display:grid;grid-template-columns:1.15fr .8fr .95fr;gap:18px;border:1px solid rgba(213,139,71,.42);background:linear-gradient(145deg,rgba(10,28,42,.98),rgba(6,17,27,.98));padding:24px}
.equipment-detail-main{padding-right:18px;border-right:1px solid rgba(255,255,255,.08)}
.equipment-detail h3{font-family:Montserrat,sans-serif;font-size:26px;font-weight:500;margin:0 0 10px;line-height:1.2}
.equipment-detail p{margin:0;color:#bec9d0;font-size:14px}
.equipment-detail-col span{display:block;color:var(--bronze);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.panel-kicker{color:var(--bronze);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.equipment-tabs{max-width:1320px;margin:12px auto 0;display:flex;flex-wrap:wrap;gap:8px}
.equipment-tabs button{border:1px solid rgba(213,139,71,.34);background:rgba(255,255,255,.015);color:#cbd5db;padding:9px 12px;font:500 11px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
.equipment-tabs button:hover,.equipment-tabs button.active{border-color:var(--bronze);background:rgba(213,139,71,.13);color:white}

.project-reference{background:linear-gradient(180deg,#07131f,#081722)}
.reference-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:34px}
.reference-title-row>div{max-width:980px}
.reference-title-row p{color:var(--muted);max-width:920px;margin:12px 0 0}
.project-list{display:grid;gap:12px}
.project-row{display:grid;grid-template-columns:54px minmax(260px,.95fr) minmax(260px,1fr) minmax(300px,1.15fr);gap:18px;align-items:start;padding:22px;border:1px solid rgba(213,139,71,.34);background:linear-gradient(145deg,rgba(13,32,48,.88),rgba(6,17,27,.95));transition:border-color .2s ease,transform .2s ease,background .2s ease}
.project-row:hover{border-color:rgba(213,139,71,.8);transform:translateY(-1px);background:linear-gradient(145deg,rgba(16,38,56,.96),rgba(7,20,31,.98))}
.project-no{font-family:Montserrat,sans-serif;color:var(--bronze);font-size:24px;font-weight:400;line-height:1}
.project-core h3{font-family:Montserrat,sans-serif;font-size:19px;line-height:1.25;margin:5px 0 11px;font-weight:500}
.project-meta{color:#8fa0aa;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.project-tags{display:flex;flex-wrap:wrap;gap:6px}
.project-tags span{border:1px solid rgba(213,139,71,.28);padding:5px 8px;color:#c9d2d8;font-size:10px;line-height:1.3;background:rgba(213,139,71,.045)}
.project-text{padding-left:16px;border-left:1px solid rgba(255,255,255,.075)}
.project-text b{display:block;color:var(--bronze);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-weight:500}
.project-text p{margin:0;color:#b9c5cc;font-size:13px;line-height:1.55}
.reference-download{flex:0 0 auto}
@media(max-width:1180px){.project-row{grid-template-columns:48px 1fr 1fr}.project-row .project-text:last-child{grid-column:2/4}.equipment-detail{grid-template-columns:1fr 1fr}.equipment-detail-main{grid-column:1/3;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 16px}}
@media(max-width:800px){.reference-title-row{flex-direction:column;align-items:flex-start}.reference-download{width:100%;white-space:normal;text-align:center}.project-row{grid-template-columns:42px 1fr}.project-row .project-text,.project-row .project-text:last-child{grid-column:2/3;padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}.equipment-detail{grid-template-columns:1fr}.equipment-detail-main{grid-column:auto}.equipment-board{overflow-x:auto}.equipment-board img{min-width:840px}.equipment-zone{display:none}.equipment-tabs{display:grid;grid-template-columns:1fr 1fr}.equipment-detail{margin-top:12px}}
@media(max-width:520px){.equipment-tabs{grid-template-columns:1fr}.project-row{padding:17px;gap:12px}.project-core h3{font-size:17px}.project-text p{font-size:12px}}