:root {
  --fg:#16202a; --muted:#566370; --line:#dde5ec; --bg:#ffffff; --soft:#f3f8fc;
  --blue:#0494dd; --blue-dark:#0667a6; --green:#86c224; --green-dark:#4d7a10;
}
* { box-sizing:border-box; }
body { margin:0; font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--fg); background:var(--bg); }
a { color:var(--blue-dark); }
.wrap { max-width:1040px; margin:0 auto; padding:0 20px; }

/* Päis */
.top { border-bottom:1px solid var(--line); background:#fff; }
.top .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:58px; flex-wrap:wrap; }
.logo { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--fg); font-weight:700; letter-spacing:.01em; }
.logo img { width:46px; height:auto; }
.nav { display:flex; align-items:center; gap:22px; font-size:.95rem; }
.nav a { text-decoration:none; color:var(--fg); padding:6px 0; border-bottom:2px solid transparent; }
.nav a:hover { border-color:var(--green); }
.nav a[aria-current="page"] { border-color:var(--blue); font-weight:600; }
.lang { font-size:.85rem; color:var(--muted); }
.lang a { color:var(--muted); }
.lang strong { color:var(--fg); }

/* Bänner */
.hero { background:url("hero.jpg") center/cover no-repeat #e8f5fb; height:170px; }
.band { background:linear-gradient(90deg,var(--green) 0%,#e6f2d3 28%,#fff 50%,#e6f2d3 72%,var(--green) 100%); text-align:center; padding:8px 20px; }
.band p { margin:0; color:var(--green-dark); font-weight:800; letter-spacing:.06em; text-transform:uppercase; font-size:.95rem; }

/* Sisu */
section { padding:34px 0; }
section.soft { background:var(--soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
h1 { font-size:2.1rem; line-height:1.15; margin:0 0 10px; letter-spacing:-0.015em; }
h2 { font-size:1.4rem; margin:0 0 14px; letter-spacing:-0.01em; }
h3 { font-size:1.05rem; margin:0 0 4px; }
p { margin:0 0 10px; }
.lead { font-size:1.08rem; color:var(--muted); max-width:720px; }
.kicker { color:var(--blue-dark); font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:.8rem; margin:0 0 8px; }
.btns { display:flex; gap:12px; flex-wrap:wrap; margin-top:16px; }
.btn { display:inline-block; padding:9px 18px; border-radius:8px; text-decoration:none; font-weight:600; }
.btn.primary { background:var(--blue-dark); color:#fff; }
.btn.primary:hover { background:#05558a; }
.btn.ghost { border:1px solid var(--blue-dark); color:var(--blue-dark); }

.grid { display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.card { background:#fff; border:1px solid var(--line); border-top:4px solid var(--blue); border-radius:10px; padding:16px 18px; }
.card.green { border-top-color:var(--green); }
.card p { color:var(--muted); margin:0; }
.card .link { display:inline-block; margin-top:8px; font-weight:600; text-decoration:none; }
.card .link:hover { text-decoration:underline; }

.facts { display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
.fact { border-left:4px solid var(--green); padding:4px 0 4px 14px; }
.fact b { display:block; font-size:1.05rem; }
.fact span { color:var(--muted); font-size:.92rem; }

.vision { font-size:1.15rem; line-height:1.45; border-left:4px solid var(--blue); padding:6px 0 6px 20px; margin:0 0 8px; max-width:780px; }

dl { display:grid; grid-template-columns:max-content 1fr; gap:4px 24px; margin:0; }
dt { color:var(--muted); }
dd { margin:0; overflow-wrap:anywhere; }

/* Jalus */
footer { background:#0b2a40; color:#c9d8e4; font-size:.9rem; padding:24px 0 18px; }
footer a { color:#fff; }
footer .cols { display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
footer b { color:#fff; }
footer p { margin:0 0 3px; }
footer .copy { border-top:1px solid #1f4560; margin-top:16px; padding-top:12px; color:#8fa8bb; }

@media (max-width:640px) {
  .hero { height:120px; }
  h1 { font-size:1.8rem; }
  section { padding:26px 0; }
  .band p { font-size:.8rem; letter-spacing:.03em; }
  dl { grid-template-columns:1fr; gap:0; }
  dd { margin:0 0 6px; }
}