:root{
  --primary:#0b1f3a;
  --secondary:#1d3557;
  --accent:#2ec4b6;
  --light:#f8fafc;
  --text:#1e293b;
  --muted:#64748b;
  --border:#e2e8f0;
}

*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:Arial, Helvetica, sans-serif;
  color:var(--text);
  line-height:1.6;
  background:#fff;
}
.container{
  width:min(1200px,92%);
  margin:auto;
}
header{
  background:#fff;
  border-bottom:1px solid var(--border);
  position:sticky;
  top:0;
  z-index:1000;
}
.nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1rem 0;
}
.logo img{height:70px}
nav ul{
  display:flex;
  gap:1.5rem;
  list-style:none;
}
nav a{
  text-decoration:none;
  color:var(--primary);
  font-weight:600;
}
.hero{
  background:linear-gradient(rgba(11,31,58,.85),rgba(11,31,58,.9)),
  url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=1200&auto=format&fit=crop');
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:7rem 0;
}
.hero h1{
  font-size:3rem;
  line-height:1.1;
  margin-bottom:1rem;
}
.hero p{
  max-width:700px;
  margin-bottom:2rem;
  color:#dbeafe;
}
.btn{
  display:inline-block;
  background:var(--accent);
  color:#fff;
  padding:.9rem 1.4rem;
  border-radius:6px;
  text-decoration:none;
  font-weight:700;
}
.section{
  padding:5rem 0;
}
.section-title{
  margin-bottom:2rem;
}
.section-title h2{
  color:var(--primary);
  font-size:2rem;
}
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.5rem;
}
.card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:1.5rem;
  transition:.3s;
}
.card:hover{
  transform:translateY(-4px);
}
.card h3{
  color:var(--primary);
  margin-bottom:.7rem;
}
.stats{
  background:var(--primary);
  color:#fff;
}
.stat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:2rem;
  text-align:center;
}
.stat h3{
  font-size:2.5rem;
}
.partners img,
.clients img{
  max-height:70px;
  object-fit:contain;
  filter:grayscale(100%);
}
.logo-strip{
  display:flex;
  gap:2rem;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}
.footer{
  background:#081424;
  color:#cbd5e1;
  padding:3rem 0;
}
.footer a{
  color:#fff;
  text-decoration:none;
}
.contact-form{
  display:grid;
  gap:1rem;
}
.contact-form input,
.contact-form textarea{
  width:100%;
  padding:1rem;
  border:1px solid var(--border);
  border-radius:6px;
}
.hero-small{
  background:var(--primary);
  color:#fff;
  padding:4rem 0;
}
.team img{
  width:100%;
  border-radius:12px;
  height:300px;
  object-fit:cover;
}
.badge{
  display:inline-block;
  background:#e0f7f4;
  color:#0f766e;
  padding:.4rem .8rem;
  border-radius:999px;
  font-size:.85rem;
  margin-bottom:1rem;
}
@media(max-width:768px){
  .hero h1{font-size:2.2rem}
  nav ul{flex-wrap:wrap;gap:1rem}
}