:root{
  --blue:#004f9f;
  --blue-dark:#003b7a;
  --charcoal:#222;
  --bg:#f5f5f5;
  --card:#fff;
  --text:#222;
}

/* --- GLOBAL --- */
html,body{
  margin:0;padding:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
}

/* --- HEADER --- */
header{
  background:#012a55; /* matches metallic logo color */
  color:#fff;
  text-align:center;
  padding:1rem;
  box-shadow:0 3px 10px rgba(0,0,0,.25);
}
header .brand{
  display:flex;align-items:center;justify-content:center;gap:16px;
}
header .brand img{height:120px;width:auto;}
header .brand h1{margin:0;font-size:1.8rem;}

/* --- NAVIGATION --- */
nav{
  background:#012a55; /* same dark steel-blue tone */
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}
nav a{
  color:#fff;text-decoration:none;padding:1rem 1.25rem;font-weight:600;
}
nav a:hover{background:var(--blue-dark);}

/* --- HERO --- */
.hero{
  position:relative;overflow:hidden;height:60vh;min-height:400px;background:#0e1a26;
}
.slides{
  position:relative;width:100%;height:100%;
}
.slide{
  position:absolute;inset:0;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#0e1a26;
  opacity:0;
  animation:fadeSlide 18s infinite;
  transition:opacity 1s ease;
}
/* fade animation timing for each slide */
.slide:nth-child(1){animation-delay:0s;}
.slide:nth-child(2){animation-delay:6s;}
.slide:nth-child(3){animation-delay:12s;}
@keyframes fadeSlide{
  0%,20%{opacity:1;}
  33.33%,100%{opacity:0;}
}
/* subtle fade edges */
.slide::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at center,
    rgba(14,26,38,0) 65%,
    rgba(14,26,38,0.9) 100%);
  z-index:2;
}
.slide .overlay{position:absolute;inset:0;background:rgba(0,0,0,0.3);}
.slide .text{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  color:#fff;text-align:center;z-index:3;
}
.slide .text h1{font-size:2rem;margin:.5rem 0;}
.slide .text p{font-size:1.1rem;margin:.25rem 0;}

/* --- CONTENT --- */
.container{max-width:1100px;margin:2rem auto;padding:0 1rem;}
.section{
  background:var(--card);padding:2rem;border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:2rem;
}
.section h2{color:var(--blue);}
.grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.25rem;
}
.card{
  background:#fafafa;border:1px solid #eee;border-radius:10px;
  padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.card h3{color:var(--blue);margin-top:.25rem;}

/* --- FOOTER --- */
footer{
  background:linear-gradient(135deg,var(--blue) 0%,var(--charcoal) 100%);
  color:#eaeaea;text-align:center;padding:1.5rem;
  font-size:.95rem;
}