:root{
  --bg:#f7f8fb; --card:#ffffff;
  --accent1-start:#4e54c8; --accent1-end:#8f94fb;
  --accent-cta:#ff7a59;
  --text:#0f1720; --muted:#6b7280;
}
*{box-sizing:border-box} body{font-family:Inter, 'Segoe UI', Roboto, Arial, sans-serif;margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.header{background:var(--card);box-shadow:0 6px 18px rgba(16,24,40,0.06);padding:14px 6%;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:48px;width:auto}
.nav{display:flex;align-items:center;gap:18px}
.nav a{color:var(--text);text-decoration:none;font-weight:600;padding:8px 6px;border-radius:6px}
.lang-select{margin-left:12px;padding:6px;border-radius:8px;border:1px solid #e6e6ea;background:white}

.hero{padding:84px 6% 64px;text-align:left;background:linear-gradient(135deg,var(--accent1-start),var(--accent1-end));color:white}
.hero-inner{max-width:1100px;margin:0 auto}
.hero h1{font-size:40px;margin:0 0 16px;line-height:1.03;font-weight:800}
.hero p{font-size:18px;margin:0 0 24px;color:rgba(255,255,255,0.95)}
.btn-cta{background:var(--accent-cta);color:white;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700;display:inline-block}

.section{max-width:1100px;margin:40px auto;padding:0 6%}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 20px rgba(16,24,40,0.04)}

.footer{background:#fff;padding:28px 6%;text-align:center;border-top:1px solid #eee;font-size:0.95rem;color:var(--muted)}

/* responsive */
@media(max-width:900px){
  .grid-3{grid-template-columns:1fr; }
  .hero h1{font-size:28px}
  .nav a{display:none}
  .lang-select{margin-left:6px}
}