/* Base */
:root{
  --bg:#0b1220;
  --card:#ffffff;
  --ink:#0f1724;
  --muted:#667085;
  --accent:#0b6efd;
  --accent-2:#06b6d4;
  --ring: rgba(11,110,253,.3);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--ink);
  font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial;
  background:#f6f8fb;
}
.container{max-width:1100px;margin:auto;padding:0 20px}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0 0 .5rem}
.lead{font-size:1.125rem;color:var(--muted)}
.small{font-size:.9rem;color:var(--muted)}
.btn{
  display:inline-block;padding:.8rem 1.1rem;border-radius:.6rem;border:1px solid #d0d7e3;
  background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.03);
}
.btn.primary{background:var(--accent);color:#fff;border-color:transparent}
.btn.ghost{background:transparent}
.btn:focus{outline:3px solid var(--ring)}

/* Header */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eef2f7;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700}
.brand-name{letter-spacing:.2px}
.brand .accent{color:var(--accent)}
.logomark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));}
nav a{margin:0 .6rem;color:#2b3545}
nav a.cta{padding:.5rem .8rem;border:1px solid #e1e7ef;border-radius:.5rem}
.lang-switch{display:flex;gap:.25rem}
.lang-switch button{border:1px solid #e1e7ef;background:#fff;padding:.35rem .55rem;border-radius:.4rem;cursor:pointer}
.lang-switch button.active{background:var(--ink);color:#fff}

/* Hero */
.hero{background:radial-gradient(1000px 500px at 10% -10%, rgba(11,110,253,.15), transparent), #f7fbff;
  border-bottom:1px solid #eef2f7;}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;padding:56px 20px}
.hero-copy h1{font-size:2rem}
.hero-card{min-height:260px;border-radius:16px;background:
  linear-gradient(135deg,rgba(11,110,253,.9),rgba(6,182,212,.9)),
  url('assets/hero-grid.svg');
  background-size:cover;box-shadow:0 6px 40px rgba(11,110,253,.25)}

/* Sections */
.section{padding:64px 0}
.section.alt{background:#fff}
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.info-card{background:#fbfdff;border:1px solid #e9eef6;border-radius:12px;padding:18px}
.checklist{padding-left:18px}
.checklist li{margin:.4rem 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.card{background:#fff;border:1px solid #e9eef6;border-radius:12px;padding:18px}
.team .person .avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px}

/* Contact form */
.contact-form{display:grid;gap:10px}
.contact-form input,.contact-form textarea{
  border:1px solid #dde4ef;border-radius:10px;padding:.7rem;background:#fff
}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid var(--ring);border-color:transparent}

/* Footer */
.site-footer{background:#fff;border-top:1px solid #eef2f7}
.footer-inner{display:flex;justify-content:space-between;align-items:center;min-height:64px}

/* Responsive */
@media (max-width: 920px){
  .hero-inner,.grid-2{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
}
@media (max-width: 600px){
  .cards{grid-template-columns:1fr}
}