:root{
  --graphite:#10171d;
  --steel:#1f2d38;
  --steel-light:#3b5468;
  --slate:#5c6f7d;
  --fog:#dfe4e8;
  --paper:#f6f7f8;
  --gold:#c9a24b;
  --gold-light:#e0be74;
  --white:#ffffff;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:Arial, Helvetica, sans-serif;
  color:var(--steel);
  background:var(--paper);
  line-height:1.6;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{max-width:1140px;margin:0 auto;padding:0 24px;}

header{
  background:var(--graphite);
  position:sticky;top:0;z-index:100;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.navwrap{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1140px;margin:0 auto;}
.navwrap img{height:42px;width:auto;}
nav ul{list-style:none;display:flex;gap:32px;}
nav a{color:var(--fog);font-size:14px;letter-spacing:0.5px;text-transform:uppercase;font-weight:600;}
nav a:hover, nav a.active{color:var(--gold-light);}
.hamburger{display:none;background:none;border:none;color:var(--fog);font-size:26px;cursor:pointer;}

.hero{
  background:linear-gradient(135deg, var(--graphite) 0%, var(--steel) 60%, var(--steel-light) 100%);
  color:var(--white);
  padding:100px 24px 90px;
  text-align:center;
}
.hero h1{font-family:Georgia,serif;font-size:44px;font-weight:600;margin-bottom:18px;}
.hero .gold{color:var(--gold-light);}
.hero p{max-width:640px;margin:0 auto 30px;color:var(--fog);font-size:17px;}
.btn{
  display:inline-block;background:var(--gold);color:var(--graphite);
  padding:13px 30px;font-weight:700;letter-spacing:0.5px;border-radius:2px;
  border:none;cursor:pointer;font-size:14px;text-transform:uppercase;
}
.btn:hover{background:var(--gold-light);}
.btn-outline{background:none;border:1px solid var(--fog);color:var(--fog);}
.btn-outline:hover{border-color:var(--gold-light);color:var(--gold-light);}

section{padding:70px 24px;}
.section-title{text-align:center;margin-bottom:48px;}
.section-title h2{font-family:Georgia,serif;font-size:32px;color:var(--steel);}
.section-title .rule{width:60px;height:3px;background:var(--gold);margin:14px auto 0;}
.section-title p{color:var(--slate);max-width:560px;margin:14px auto 0;}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.card{background:var(--white);border:1px solid #e2e6e9;border-radius:4px;padding:30px;box-shadow:0 2px 8px rgba(16,23,29,0.04);}
.card h3{font-family:Georgia,serif;color:var(--steel);margin-bottom:10px;font-size:20px;}
.card p{color:var(--slate);font-size:14.5px;}

.bg-graphite{background:var(--graphite);color:var(--fog);}
.bg-graphite .section-title h2{color:var(--white);}
.bg-graphite .section-title p{color:var(--slate);}

.category-tag{
  display:inline-block;background:var(--steel);color:var(--gold-light);
  font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;
  padding:4px 12px;border-radius:12px;margin-bottom:14px;
}
.product-card{border-left:3px solid var(--gold);}
.product-card h3{margin-bottom:4px;}
.product-card .spec{font-size:13px;color:var(--slate);margin-top:8px;}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.stats .num{font-family:Georgia,serif;font-size:36px;color:var(--gold-light);}
.stats .label{color:var(--fog);font-size:13px;letter-spacing:0.5px;text-transform:uppercase;margin-top:6px;}

form{display:grid;gap:16px;max-width:640px;margin:0 auto;}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
label{font-size:13px;font-weight:700;color:var(--steel);display:block;margin-bottom:6px;}
input,select,textarea{
  width:100%;padding:11px 12px;border:1px solid #ccd2d6;border-radius:3px;
  font-size:14px;font-family:inherit;background:var(--white);
}
textarea{min-height:110px;resize:vertical;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);}

.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;margin-bottom:50px;}
.contact-info h4{color:var(--gold);font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.contact-info p{color:var(--fog);font-size:14.5px;}

.cert-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px;}
.cert-badges span{
  background:var(--steel);color:var(--fog);font-size:12px;padding:8px 16px;
  border-radius:14px;border:1px solid rgba(255,255,255,0.1);
}

footer{background:var(--graphite);color:var(--slate);padding:40px 24px 24px;text-align:center;font-size:13px;}
footer img{height:30px;margin:0 auto 16px;}
footer .disclaimer{max-width:640px;margin:16px auto 0;font-size:11px;color:#4a5866;font-style:italic;}

@media(max-width:860px){
  .grid-3,.grid-2,.stats,.contact-info{grid-template-columns:1fr;}
  form .row{grid-template-columns:1fr;}
  nav{position:fixed;top:70px;left:0;right:0;background:var(--graphite);flex-direction:column;padding:20px;display:none;border-top:1px solid rgba(255,255,255,0.08);}
  nav.open{display:flex;}
  nav ul{flex-direction:column;gap:18px;}
  .hamburger{display:block;}
  .hero h1{font-size:32px;}
}