* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, Helvetica, sans-serif; }
body { background:#fff; color:#1a1a1a; }
.container { max-width:1200px; margin:auto; padding:0 20px; }

.header { background:#0E1A24; position:sticky; top:0; z-index:100; }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:70px; gap:16px; }
.logo { color:#fff; font-weight:700; letter-spacing:1px; white-space:nowrap; }

.nav { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.nav a { color:#fff; text-decoration:none; font-size:14px; opacity:.95; }
.nav a:hover { opacity:1; }

.lang-switch { display:flex; gap:6px; flex-wrap:wrap; }
.lang-switch button{
  background:#1b2530; color:#fff; border:1px solid #2e3a46;
  padding:6px 9px; border-radius:10px; cursor:pointer; font-weight:700; font-size:12px;
}
.lang-switch button:hover{ border-color:#6b7b8b; }
.lang-switch button.active{ background:#ffffff; color:#0E1A24; border-color:#ffffff; }

.btn { padding:10px 18px; border-radius:10px; text-decoration:none; display:inline-block; font-weight:700; }
.btn.small{ padding:8px 12px; border-radius:10px; }
.btn.primary { background:#1E90FF; color:#fff; }
.btn.primary:hover { filter:brightness(1.05); }
.btn.outline { border:2px solid #fff; color:#fff; background:transparent; }
.btn.outline:hover{ background:rgba(255,255,255,.08); }

.hero {
  background:url("hero.jpg") center/cover no-repeat;
  height:80vh; min-height:520px;
  position:relative; display:flex; align-items:center;
}
.hero-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.58); }
.hero-content{ position:relative; color:#fff; padding-top:10px; }

.hero-content h1{ font-size:44px; line-height:1.1; max-width:780px; }
.hero-content p{ margin:18px 0 22px; font-size:18px; max-width:720px; opacity:.95; }

.hero-buttons{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px; }

.badges{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.badge{
  border:1px solid rgba(255,255,255,.25);
  background:rgba(0,0,0,.25);
  color:#fff;
  padding:7px 10px;
  border-radius:999px;
  font-size:13px;
  backdrop-filter: blur(4px);
}

/* ===== MOVING TICKER ===== */
.ticker{
  position:absolute;
  left:0; right:0; bottom:0;
  background:rgba(14,26,36,.82);
  border-top:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  height:44px;
  display:flex;
  align-items:center;
}
.ticker-track{
  display:inline-flex;
  align-items:center;
  gap:14px;
  white-space:nowrap;
  padding-left:100%;
  animation: tickerMove 26s linear infinite;
}
.ticker-item{
  color:#fff;
  font-weight:800;
  letter-spacing:.6px;
  font-size:12px;
  opacity:.95;
}
.ticker-dot{ color:rgba(255,255,255,.5); }
.ticker-sep{ color:rgba(255,255,255,.25); margin:0 8px; }

@keyframes tickerMove{
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ===== SECTIONS ===== */
.section{ padding:80px 0; }
.section-light{ background:#f5f7fa; }
h2{ font-size:30px; margin-bottom:12px; }
.lead{ color:#3a3a3a; max-width:820px; margin-bottom:28px; }

/* ===== CARDS ===== */
.cards{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:18px;
}
.card{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  padding:22px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
}
.card h3{ margin-bottom:10px; font-size:18px; }
.card p{ color:#2f2f2f; line-height:1.55; }
.card ul{ padding-left:18px; color:#2f2f2f; line-height:1.7; }

/* ===== CONTACT ===== */
.contact-layout{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap:40px;
  align-items:start;
}
.contact-image img{
  width:100%;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  display:block;
}
.contact-card{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  padding:18px 18px;
  margin-bottom:16px;
}
.contact-card h3{ margin-bottom:10px; font-size:18px; }
.contact-card p{ margin:8px 0; line-height:1.55; }
.contact-link{ color:#0E1A24; font-weight:700; text-decoration:none; }
.contact-link:hover{ text-decoration:underline; }
.muted{ color:#5a5a5a; font-weight:500; margin-top:10px; }

/* ===== FOOTER ===== */
.footer{ background:#0E1A24; color:#fff; padding:26px 0; }
.footer-inner{ text-align:center; }

/* ===== FADE-IN ANIMATION ===== */
.animate{ opacity:0; transform: translateY(14px); transition: all .7s ease; }
.animate.in{ opacity:1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce){
  .ticker-track{ animation: none; padding-left:0; }
  .animate{ opacity:1; transform:none; transition:none; }
}

@media (max-width: 980px){
  .cards{ grid-template-columns: 1fr; }
  .contact-layout{ grid-template-columns: 1fr; }
  .hero{ min-height:560px; }
  .hero-content h1{ font-size:34px; }
  .ticker{ height:48px; }
}