:root{
  --primary:#0a2a43;
  --secondary:#146c94;
  --accent:#19a974;
  --light:#f5f7fa;
  --white:#ffffff;
  --dark:#16212b;
  --muted:#667085;
  --border:#d9e2ec;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--dark);line-height:1.6}
a{text-decoration:none}
.site-header{background:var(--primary);color:white;position:sticky;top:0;z-index:10;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 6%;border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.logo{color:white;font-size:28px;font-weight:800;letter-spacing:.5px}
.brand span,.language-switch{font-size:14px;opacity:.9}
.navbar{display:flex;gap:22px;flex-wrap:wrap;padding:12px 6%}
.navbar a{color:white;font-size:15px;font-weight:600}
.navbar a:hover{color:#9ff0c8}
.hero{min-height:520px;background:linear-gradient(120deg,rgba(10,42,67,.92),rgba(20,108,148,.86)),url('../images/hero-bg.jpg');background-size:cover;background-position:center;display:flex;align-items:center;padding:70px 6%;color:white}
.hero-content{max-width:900px}
.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#9ff0c8;font-weight:700}
.hero h1{font-size:56px;line-height:1.05;margin:10px 0}
.hero p{font-size:20px;max-width:760px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:13px 20px;border-radius:10px;font-weight:700;cursor:pointer;border:0}
.primary{background:var(--accent);color:white}
.secondary{background:white;color:var(--primary)}
.outline{border:1px solid white;color:white;background:transparent}
.btn:hover{transform:translateY(-1px);filter:brightness(.96)}
.section-heading{text-align:center;max-width:900px;margin:0 auto 28px}
section{padding:60px 6%}
.slider-section{background:white}
.marquee-slider{width:100%;overflow:hidden;border-radius:20px;border:1px solid var(--border);background:#eef4f8;padding:16px}
.slide-track{display:flex;gap:18px;width:max-content;animation:scrollRightToLeft 35s linear infinite}
.slide-track:hover{animation-play-state:paused}
.slide-track img{width:320px;height:210px;object-fit:cover;border-radius:16px;background:#dce8f0;border:1px solid #c9d8e3}
@keyframes scrollRightToLeft{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.search-panel{background:#eef6f9;text-align:center}
.search-row{display:flex;gap:10px;max-width:850px;margin:18px auto;justify-content:center}
.search-row input,.search-row select{width:100%;padding:14px;border:1px solid var(--border);border-radius:10px;font-size:16px}
.search-row button{padding:14px 24px;border:0;background:var(--primary);color:white;border-radius:10px;font-weight:700}
.cards-section,.workflow,.content{background:white}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 8px 22px rgba(0,0,0,.05)}
.card h3{color:var(--primary);margin-top:0}
.sectors{background:#f8fbfd}
.sector-list{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.sector-list span{background:white;border:1px solid var(--border);padding:12px 16px;border-radius:999px;font-weight:700;color:var(--primary)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps div{background:#eef6f9;border-radius:18px;padding:24px;border:1px solid var(--border)}
.steps strong{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:var(--accent);color:white}
.steps.vertical{grid-template-columns:1fr}
.social-section{text-align:center;background:white}
.social-cards,.footer-social{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.social-cards a,.footer-social a{background:var(--primary);color:white;padding:12px 16px;border-radius:999px;font-weight:700}
.social-cards a:hover,.footer-social a:hover{background:var(--accent)}
.page-hero{background:linear-gradient(120deg,var(--primary),var(--secondary));color:white;text-align:center;padding:72px 6%}
.page-hero h1{font-size:44px;margin:0 0 12px}
.content{max-width:1180px;margin:0 auto}
.content h2{color:var(--primary)}
table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}
th{background:var(--primary);color:white;text-align:left}
th,td{padding:14px;border-bottom:1px solid var(--border)}
.form-box form{display:grid;gap:12px;max-width:760px;margin:auto;background:#f8fbfd;padding:26px;border-radius:18px;border:1px solid var(--border)}
label{font-weight:700;color:var(--primary)}
input,textarea,select{padding:13px;border:1px solid var(--border);border-radius:10px;font-size:16px;font-family:inherit}
.site-footer{background:var(--primary);color:white;padding:45px 6% 18px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 2fr;gap:25px}
.site-footer a{display:block;color:white;margin:7px 0}
.copyright{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);font-size:14px}
@media(max-width:900px){
  .hero h1{font-size:40px}
  .card-grid,.steps,.footer-grid{grid-template-columns:1fr}
  .search-row{flex-direction:column}
  .slide-track img{width:260px;height:170px}
}