:root{
  --navy:#071D2B;
  --navy-2:#0B3043;
  --green:#008B7D;
  --turquoise:#00AFAA;
  --ink:#102838;
  --muted:#637783;
  --line:#DCE4E8;
  --paper:#F5F8F9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
img{display:block;max-width:100%}
.header{
  height:82px;display:flex;align-items:center;gap:34px;padding:0 4.5vw;
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,228,232,.8)
}
.logo{display:grid;grid-template-columns:auto auto auto auto;align-items:center;text-decoration:none;color:var(--navy);font-weight:800;letter-spacing:.12em;font-size:26px;line-height:1}
.logo small{grid-column:1/5;text-align:center;font-size:7px;letter-spacing:.32em;margin-top:7px}
.e{display:flex;flex-direction:column;gap:3px;width:21px;margin:0 3px}
.e b{height:5px;display:block;transform:skewX(-18deg);border-radius:1px}
.green b{background:var(--green)}.turquoise b{background:var(--turquoise)}
.header nav{margin-left:auto;display:flex;gap:27px}
.header nav a,.nav-cta{text-decoration:none;color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.nav-cta{border:1px solid var(--turquoise);padding:13px 18px;border-radius:3px}
.menu-button{display:none;background:none;border:0;padding:0;width:30px}
.menu-button span{display:block;height:2px;background:var(--navy);margin:6px 0}

.hero{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy)}
.hero-image{position:absolute;inset:0;background:url('assets/hero.jpg') 66% 50%/cover no-repeat;transform:scale(1.01)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,39,.96) 0%,rgba(5,25,39,.76) 45%,rgba(5,25,39,.18) 80%)}
.hero-inner{position:relative;z-index:2;width:min(1200px,91vw);margin:auto;color:#fff;padding:70px 0}
.overline,.section-label{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--turquoise)}
.hero h1{font-size:clamp(52px,6.3vw,88px);line-height:.95;letter-spacing:-.055em;margin:18px 0 26px;max-width:820px}
.hero h1 em{font-style:normal;color:var(--turquoise)}
.hero-copy{max-width:570px;font-size:17px;line-height:1.7;color:#D9E5EB}
.hero-actions{display:flex;gap:13px;margin-top:32px}
.btn{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.06em;border-radius:3px}
.btn-solid{background:var(--turquoise);color:#05212A}
.btn-ghost{border:1px solid rgba(255,255,255,.6);color:#fff}

.section{padding:105px 5vw;max-width:1360px;margin:auto}
.section h2,.manufacturing h2,.contact h2{font-size:clamp(38px,5vw,68px);line-height:1.03;letter-spacing:-.05em;margin:14px 0 0}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}
.intro-grid p,.section-head>p,.quality-top p{font-size:17px;line-height:1.75;color:var(--muted);max-width:560px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line)}
.metrics article{padding:30px 28px 10px 0;border-right:1px solid var(--line)}
.metrics article+article{padding-left:28px}
.metrics article:last-child{border-right:0}
.metrics span,.solution span{font-size:11px;font-weight:800;color:var(--turquoise)}
.metrics h3,.solution h3{font-size:16px;text-transform:uppercase;letter-spacing:.02em}
.metrics p,.solution p{font-size:14px;line-height:1.65;color:var(--muted)}

.solutions{background:var(--paper);max-width:none}
.solutions>.section-head,.solutions>.solution-grid{max-width:1225px;margin-left:auto;margin-right:auto}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px}
.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:50px}
.solution{position:relative;min-height:430px;overflow:hidden;background:var(--navy)}
.solution img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s ease}
.solution:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(4,24,37,.92) 100%)}
.solution div{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px;color:#fff}
.solution h3{font-size:21px;margin:8px 0}
.solution p{color:#D7E4EA;max-width:460px;margin-bottom:0}
.solution:hover img{transform:scale(1.035)}
.solution.wide{grid-column:1/3;min-height:390px}

.manufacturing{display:grid;grid-template-columns:55% 45%;background:var(--navy);color:#fff}
.manufacturing-image img{width:100%;height:100%;object-fit:cover}
.manufacturing-copy{padding:90px 6vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.section-label.light{color:#75E5DF}
.manufacturing-copy p{color:#C6D5DD;line-height:1.75;font-size:16px;max-width:560px}
.manufacturing-copy ul{padding-left:18px;color:#D9E4E9;line-height:1.9;font-size:14px;margin-bottom:30px}

.quality-top{display:flex;justify-content:space-between;align-items:end;gap:60px}
.quality-cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line)}
.quality-cards article{padding:30px 28px 0 0;border-right:1px solid var(--line)}
.quality-cards article+article{padding-left:28px}
.quality-cards article:last-child{border-right:0}
.quality-cards strong{text-transform:uppercase;font-size:14px}
.quality-cards p{color:var(--muted);font-size:14px;line-height:1.65}

.contact{padding:90px 6vw;background:linear-gradient(120deg,#062336,#08465B);color:#fff;display:flex;align-items:end;justify-content:space-between;gap:50px}
.contact h2{max-width:820px}
.contact-link{color:#fff;text-decoration:none;font-size:18px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:8px;white-space:nowrap}
.contact-link span{color:var(--turquoise)}

footer{padding:28px 5vw;background:#041620;color:#AFC0C9;display:flex;justify-content:space-between;align-items:center;font-size:12px}
footer div{font-weight:800;letter-spacing:.2em;color:#fff}

@media(max-width:900px){
  .header{height:70px;padding:0 20px}.logo{font-size:22px}.logo small{font-size:6px}
  .e{width:18px}.e b{height:4px}
  .menu-button{display:block;margin-left:auto}.nav-cta{display:none}
  .header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:24px;background:#fff;flex-direction:column;box-shadow:0 20px 30px rgba(0,0,0,.08)}
  .header nav.open{display:flex}
  .hero{min-height:610px;align-items:flex-end}
  .hero-image{background-position:64% center}
  .hero-shade{background:linear-gradient(180deg,rgba(5,25,39,.20) 0%,rgba(5,25,39,.72) 48%,rgba(5,25,39,.97) 100%)}
  .hero-inner{padding:120px 0 45px}
  .hero h1{font-size:clamp(44px,12vw,64px)}
  .intro-grid,.quality-top{grid-template-columns:1fr;display:grid;gap:25px}
  .metrics,.quality-cards{grid-template-columns:1fr 1fr}
  .solution-grid{grid-template-columns:1fr}.solution.wide{grid-column:auto}
  .manufacturing{grid-template-columns:1fr}.manufacturing-image{height:360px}
  .section-head,.contact{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .section{padding:75px 22px}
  .hero{min-height:590px}
  .hero-inner{width:calc(100% - 40px);padding:105px 0 32px}
  .hero h1{font-size:43px;margin-top:14px}
  .hero-copy{font-size:16px;line-height:1.55}
  .hero-actions{flex-direction:column}.btn{width:100%;min-height:44px}
  .metrics,.quality-cards{grid-template-columns:1fr}
  .metrics article,.quality-cards article,.metrics article+article,.quality-cards article+article{padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}
  .solution{min-height:360px}.solution.wide{min-height:360px}
  .manufacturing-copy{padding:70px 22px}.manufacturing-image{height:280px}
  .contact{padding:70px 22px}
  footer{flex-direction:column;gap:12px}
}