*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif}

body{
  background:#050b17;
  color:#fff;
  background-image: radial-gradient(circle at 20% 30%, rgba(59,130,246,0.08), transparent 40%),
                    radial-gradient(circle at 80% 70%, rgba(59,130,246,0.06), transparent 40%);
}

.topbar{font-size:12px;display:flex;justify-content:space-between;padding:8px 60px;color:#9fb3d9}

.navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 60px;background:#071a33;border-bottom:1px solid rgba(255,255,255,0.05)}

.logo{font-weight:700;font-size:18px}

.logo span{color:#3b82f6}

.navbar nav a{
margin:0 14px;
color:#9fb3d9;
text-decoration:none;
font-size:14px;
}

.navbar nav a.active{color:#3b82f6}

.quote{
background:linear-gradient(135deg,#1d4ed8,#3b82f6);
padding:10px 18px;
border-radius:8px;
box-shadow:0 10px 20px rgba(59,130,246,0.3)
}

.hero{
padding:120px 60px;
background:radial-gradient(circle at right,#0b2a55,#050b17 60%);
position:relative;
}

.hero::after{
content:"";
position:absolute;
right:10%;
top:20%;
width:300px;
height:300px;
background:radial-gradient(circle,#3b82f6,transparent);
filter:blur(120px);
opacity:0.2;
}

.hero h1{font-size:56px;font-weight:800;letter-spacing:-1px}

.section{padding:100px 60px}

/* FORGING */

.forging{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center
}

.forging img{
width:100%;
border-radius:18px;
box-shadow:0 30px 80px rgba(0,0,0,0.7);
filter:brightness(0.8) contrast(1.1);
}

.forging h2{font-size:30px;margin-bottom:15px}

.forging p{
color:#9fb3d9;
line-height:1.8;
margin-bottom:12px
}

.mini-stats{display:flex;gap:20px;margin-top:30px}

.mini{
flex:1;
background:linear-gradient(145deg,#071a33,#050b17);
border:1px solid rgba(255,255,255,0.05);
padding:22px;
border-radius:14px;
backdrop-filter:blur(10px);
}

.mini h3{color:#3b82f6;font-size:24px}

.mini p{font-size:12px;color:#9fb3d9}

/* TIMELINE */

.timeline{position:relative;margin-top:100px}

.timeline::before{
content:"";
position:absolute;
left:50%;
top:0;
bottom:0;
width:2px;
background:linear-gradient(#3b82f6,transparent);
}

.item{
position:relative;
display:flex;
justify-content:space-between;
margin:80px 0
}

.box{
width:42%;
background:linear-gradient(145deg,#071a33,#050b17);
padding:24px;
border-radius:16px;
border:1px solid rgba(255,255,255,0.05);
backdrop-filter:blur(12px);
box-shadow:0 20px 40px rgba(0,0,0,0.5);
}

.box h4{color:#3b82f6;margin-bottom:6px}

.box p{color:#9fb3d9;font-size:14px}

.dot{
position:absolute;
left:50%;
transform:translateX(-50%);
width:14px;
height:14px;
background:#3b82f6;
border-radius:50%;
box-shadow:0 0 15px #3b82f6;
}

/* CERT */

.cert{
margin-top:120px;
background:linear-gradient(145deg,#071a33,#050b17);
padding:50px;
border-radius:20px;
border:1px solid rgba(255,255,255,0.05);
text-align:center;
backdrop-filter:blur(10px);
}

.pills{
margin-top:25px;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px
}

.pill{
padding:10px 18px;
border-radius:20px;
background:#0b2a55;
color:#9fb3d9;
border:1px solid rgba(255,255,255,0.08);
}

/* FOOTER */

.footer{
padding:70px 60px;
background:#050b17;
border-top:1px solid rgba(255,255,255,0.05)
}

.footer-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px
}

.footer p{
color:#9fb3d9;
font-size:14px
}

@media(max-width:900px){

.forging,
.footer-grid{
grid-template-columns:1fr
}

.item{
flex-direction:column;
align-items:center
}

.box{width:100%}

.timeline::before{left:10px}

.dot{left:10px}

}

/* ===== EXPORT PAGE ===== */

.hero{
padding:90px 60px;
background:radial-gradient(circle at right,#0b2a55,#050b17 60%);
}

.hero h1{
font-size:54px;
font-weight:800;
}

.section{
padding:60px;
display:grid;
grid-template-columns:2fr 1fr;
gap:40px;
}

.card{
background:linear-gradient(145deg,#071a33,#050b17);
border:1px solid rgba(255,255,255,0.05);
border-radius:16px;
padding:20px;
box-shadow:0 20px 40px rgba(0,0,0,0.5);
}

.product{
display:flex;
align-items:center;
gap:15px;
margin-top:15px;
}

.img{
width:70px;
height:70px;
background:#000;
border-radius:8px;
}

.qty{
margin-left:auto;
display:flex;
gap:10px;
align-items:center;
}

select{
background:#050b17;
border:1px solid rgba(255,255,255,0.1);
color:#fff;
padding:8px;
border-radius:6px;
}

.form input,
.form textarea{
width:100%;
margin:8px 0;
padding:12px;
background:#050b17;
border:1px solid rgba(255,255,255,0.08);
border-radius:8px;
color:#fff;
}

.row{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}

button{
width:100%;
padding:14px;
border:none;
border-radius:8px;
background:#3b82f6;
color:#fff;
font-weight:600;
margin-top:10px;
}

/* ===== COMPARE PAGE ===== */

.actions{
display:flex;
justify-content:space-between;
margin-bottom:15px;
color:#9fb3d9;
}

.btn{
border:1px solid rgba(255,255,255,0.2);
padding:8px 14px;
border-radius:6px;
margin-left:10px;
cursor:pointer;
}

.compare{
background:linear-gradient(145deg,#071a33,#050b17);
border:1px solid rgba(255,255,255,0.05);
border-radius:14px;
overflow:hidden;
}

.row{
display:grid;
grid-template-columns:200px repeat(4,1fr);
border-bottom:1px solid rgba(255,255,255,0.05);
}

.cell{
padding:18px;
font-size:14px;
}

.head{
background:rgba(255,255,255,0.02);
}

.prod{
text-align:center;
position:relative;
}

.remove{
position:absolute;
top:5px;
right:5px;
background:red;
width:18px;
height:18px;
border-radius:50%;
font-size:12px;
display:flex;
align-items:center;
justify-content:center;
}

.add{
border:1px dashed rgba(255,255,255,0.2);
border-radius:10px;
height:80px;
display:flex;
align-items:center;
justify-content:center;
color:#9fb3d9;
}

.view{
background:#3b82f6;
padding:10px;
border-radius:6px;
text-align:center;
}

/* ===== CONTACT PAGE ===== */

.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
}

.card{
background:linear-gradient(145deg,#071a33,#050b17);
border:1px solid rgba(255,255,255,0.05);
border-radius:18px;
padding:30px;
box-shadow:0 20px 40px rgba(0,0,0,0.6);
}

.info-row{
display:flex;
gap:15px;
margin:18px 0;
align-items:flex-start;
}

.icon{
width:40px;
height:40px;
background:#0b2a55;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
color:#3b82f6;
}

.map{
margin-top:25px;
height:160px;
border-radius:14px;
background:#050b17;
border:1px solid rgba(255,255,255,0.05);
display:flex;
align-items:center;
justify-content:center;
color:#9fb3d9;
}

.form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-top:15px;
}

.field{
display:flex;
flex-direction:column;
}

label{
font-size:12px;
margin-bottom:5px;
color:#9fb3d9;
}

input, textarea{
padding:12px;
background:#050b17;
border:1px solid rgba(255,255,255,0.08);
border-radius:8px;
color:#fff;
}

textarea{
grid-column:1/3;
height:120px;
}

button{
margin-top:15px;
width:100%;
padding:14px;
border:none;
border-radius:8px;
background:linear-gradient(135deg,#2563eb,#3b82f6);
color:#fff;
font-weight:600;
}

@media(max-width:900px){
.contact-grid{grid-template-columns:1fr}
}

/* ===== EXPORT PAGE ===== */

.stats{
display:flex;
gap:20px;
padding:20px 60px;
}

.stat-card{
flex:1;
background:#071a33;
border:1px solid rgba(255,255,255,0.05);
border-radius:14px;
padding:30px;
text-align:center;
}

.section{
padding:60px;
}

.network-box{
margin-top:20px;
background:#071a33;
padding:25px;
border-radius:14px;
border:1px solid rgba(255,255,255,0.05);
}

.pills{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.pill{
padding:8px 14px;
background:#0b2a55;
border-radius:20px;
font-size:13px;
color:#9fb3d9;
}

.grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:30px;
}

.card{
background:#071a33;
padding:20px;
border-radius:14px;
border:1px solid rgba(255,255,255,0.05);
}

.two-col{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

.list p{
margin:10px 0;
color:#9fb3d9;
}

.ship-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.ship{
background:#071a33;
padding:20px;
border-radius:12px;
}

.cta{
margin:60px;
padding:40px;
text-align:center;
border-radius:16px;
background:linear-gradient(135deg,#0b2a55,#071a33);
}

.btn{
padding:12px 20px;
border-radius:8px;
margin:5px;
border:none;
}

.primary{
background:#3b82f6;
color:white;
}

.secondary{
background:#0b2a55;
color:white;
}

@media(max-width:900px){

.grid,
.two-col,
.ship-grid,
.stats{
grid-template-columns:1fr;
display:grid;
}

}

/* ===== HOME PAGE ===== */

.hero{
position:relative;
padding:120px 60px;
background:radial-gradient(circle at 70% 30%,rgba(59,130,246,0.15),transparent 40%),
radial-gradient(circle at right,#0b2a55,#050b17 60%);
overflow:hidden;
}

.hero h1{
font-size:58px;
font-weight:800;
line-height:1.05;
}

.hero span{
color:#3b82f6;
}

.buttons{
margin-top:25px;
}

.btn{
padding:14px 22px;
border-radius:10px;
border:none;
margin-right:10px;
}

.primary{
background:linear-gradient(135deg,#3b82f6,#2563eb);
}

.secondary{
background:#071a33;
}

.stats{
display:flex;
justify-content:space-around;
padding:25px 60px;
border-top:1px solid rgba(255,255,255,0.05);
border-bottom:1px solid rgba(255,255,255,0.05);
}

.stat{
text-align:center;
}

.section{
padding:90px 60px;
}

.cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:40px;
}

.card{
background:#071a33;
border-radius:16px;
padding:30px;
border:1px solid rgba(255,255,255,0.06);
}

.industry-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:22px;
margin-top:40px;
}

.industry{
height:150px;
background:#071a33;
border-radius:16px;
display:flex;
align-items:flex-end;
padding:20px;
}

.export{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.export img{
width:100%;
border-radius:18px;
}

@media(max-width:900px){

.cards,
.industry-grid,
.export{
grid-template-columns:1fr;
}

}

/* ===== PRODUCTS PAGE ===== */

.container{
display:flex;
gap:30px;
padding:40px 60px;
}

.filter{
width:260px;
background:#071a33;
border:1px solid rgba(255,255,255,0.05);
padding:20px;
border-radius:14px;
}

.filter input{
width:100%;
padding:10px;
background:#050b17;
border:none;
border-radius:8px;
color:#fff;
margin-bottom:20px;
}

.products{
flex:1;
}

.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.card{
background:#071a33;
border:1px solid rgba(255,255,255,0.06);
border-radius:16px;
padding:14px;
position:relative;
}

.tag{
position:absolute;
top:10px;
left:10px;
background:#0b2a55;
padding:4px 8px;
border-radius:6px;
font-size:10px;
}

.card img{
width:100%;
border-radius:12px;
}

.meta{
font-size:13px;
color:#9fb3d9;
}

.actions{
margin-top:12px;
display:flex;
gap:8px;
}

.btn{
flex:1;
padding:8px;
border:none;
border-radius:8px;
background:#0b2a55;
color:white;
}

@media(max-width:1000px){

.container{
flex-direction:column;
}

.grid{
grid-template-columns:1fr;
}

}