:root{
  --primary: #002B5B;
  --secondary: #00A8E8;
  --bg: #F5F7FA;
  --body-text: #2C2C2C;
  --headings: #0A3D62;
  --cta: #F4A261;
  --hover: #1E90FF;
  --max-width: 1100px;
  --radius: 12px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
  color:var(--body-text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}
a{color:var(--hover);text-decoration:none}
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}
.header{
  background: linear-gradient(90deg, rgba(0,43,91,0.95), rgba(10,61,98,0.95));
  color:white;
  position:sticky;
  top:0;
  z-index:40;
  box-shadow:0 6px 18px rgba(2,6,23,0.12);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:12px;font-family:"Montserrat",sans-serif;font-weight:700;letter-spacing:0.4px}
.logo img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:white;padding:4px}
.logo .title{font-size:16px}
.logo .subtitle{font-size:12px;color:rgba(255,255,255,0.85);margin-top:2px;font-weight:600}
nav{display:flex;gap:18px;align-items:center}
nav a{color:rgba(255,255,255,0.92);font-weight:600}
.cta-btn{background:var(--cta);color:var(--primary);padding:10px 16px;border-radius:8px;font-weight:600;border:none;cursor:pointer}
.cta-btn:hover{filter:brightness(0.95);transform:translateY(-1px)}
.mobile-toggle{display:none;background:transparent;border:0;color:white;font-size:22px}

/* Hero */
.hero{padding:72px 0 56px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.02));}
.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:center}
.eyebrow{display:inline-block;background:rgba(0,168,232,0.12);color:var(--secondary);padding:6px 10px;border-radius:999px;font-weight:600;margin-bottom:18px}
h1{font-family:"Montserrat",sans-serif;color:var(--headings);font-size:36px;margin:0 0 16px;line-height:1.05}
.lead{margin:0 0 24px;color:var(--body-text);font-size:18px;max-width:60ch}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
.card{background:white;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,0.06);border:1px solid rgba(10,61,98,0.04);display:flex;gap:12px;align-items:flex-start}
.icon{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,var(--secondary),var(--primary));display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-family:"Montserrat";flex-shrink:0}

/* Right column */
.lead-card{background:white;padding:26px;border-radius:14px;box-shadow:0 12px 30px rgba(2,6,23,0.08);border-left:6px solid var(--secondary)}
.lead-card h3{margin:0 0 8px;font-family:"Montserrat";color:var(--headings)}
.stats{display:flex;gap:12px;margin-top:10px}
.stat{flex:1;padding:12px;background:linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.01));border-radius:10px;text-align:center}
.stat b{display:block;font-size:20px;color:var(--primary)}

/* Sections */
section{padding:72px 0}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service{background:white;padding:20px;border-radius:12px;border:1px solid rgba(2,6,23,0.04);transition:transform .22s ease,box-shadow .22s ease}
.service:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(2,6,23,0.07)}
.service h4{margin:0 0 8px;font-family:"Montserrat";color:var(--headings)}

.partners{display:flex;gap:18px;flex-wrap:wrap;align-items:center;background:linear-gradient(90deg, rgba(0,0,0,0.02), rgba(255,255,255,0));padding:18px;border-radius:10px}
.partner{flex:0 0 140px;height:56px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(2,6,23,0.04);font-weight:700;color:var(--primary)}

/* About and contact */
.about-grid{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
.contact-card{background:var(--primary);color:white;padding:20px;border-radius:12px}
.contact-card input,.contact-card textarea{width:100%;padding:10px;border-radius:8px;border:none;margin-bottom:10px}

footer{padding:28px 0 60px;color:rgba(10,61,98,0.9)}
.foot-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}

/* Responsive */
@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr 360px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:800px){
  nav{display:none}
  .mobile-toggle{display:inline-block}
  .hero-grid{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .services-grid{grid-template-columns:1fr}
  .partners{justify-content:center}
  .logo img{width:40px;height:40px}
}
@media (max-width:480px){
  h1{font-size:26px}
  .lead{font-size:15px}
  .lead-card{padding:18px}
  .container{padding:0 14px}
}