:root{
  --primary:#0f2f4a; --accent:#1f8a3a; --danger:#c52b2b; --bg:#ffffff;
  --text:#1c2833; --muted:#667786; --line:#e5e9ef; --max:1080px; --bg-soft:#f8fafc;
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:Georgia,"Times New Roman",serif;background:var(--bg);color:var(--text);line-height:1.72}
.container{max-width:var(--max);margin:0 auto;padding:0 22px}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
.topbar{border-bottom:1px solid var(--line);background:#fff}
.brandbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0}
.brand{display:flex;align-items:center;gap:18px}
.brand img{height:82px;width:auto}
.brand-text strong{display:block;font-size:29px;color:var(--primary);letter-spacing:.2px}
.brand-text span{display:block;margin-top:6px;font-size:14px;color:var(--muted);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.navwrap{background:var(--primary)}
.menu{display:flex;gap:6px;flex-wrap:wrap}
.menu a{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:14px 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.menu a:hover,.menu a.active{background:rgba(255,255,255,.12);text-decoration:none}
.tricolor{height:4px;background:linear-gradient(90deg,var(--accent),#ffffff,var(--danger))}
.hero{padding:78px 0 70px;background:linear-gradient(180deg,#f9fbfd 0%,#ffffff 100%);border-bottom:1px solid var(--line)}
.hero h1{font-size:38px;line-height:1.15;margin:0 0 18px;color:var(--primary)}
.hero p{max-width:760px;color:var(--muted);font-size:17px;margin:0 0 14px}
.section{padding:56px 0}
.section h2{color:var(--primary);font-size:27px;line-height:1.2;margin:0 0 18px}
.section h3{color:var(--primary);font-size:20px;margin:28px 0 10px}
.section p{margin:0 0 16px}
.grid{display:grid;gap:24px}
@media (min-width:900px){.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid var(--line);padding:26px;background:#fff}
.card h3{margin-top:0}
.soft{background:var(--bg-soft);border:1px solid var(--line);padding:24px}
ul,ol{padding-left:22px;margin:0 0 16px} li{margin:7px 0}
.kpis{display:grid;gap:14px}
.kpi{border-left:3px solid var(--primary);padding:10px 14px;background:#fbfcfe;border:1px solid var(--line)}
.note{margin-top:18px;padding:16px 18px;background:#f6faf7;border-left:4px solid var(--accent);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.footer{margin-top:60px;background:var(--primary);color:#fff;padding:40px 0}
.footer small{opacity:.88;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.table-like{border:1px solid var(--line);background:#fff}
.table-row{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--line)}
.table-row:first-child{border-top:0}
.table-row div{padding:14px 16px}
.table-row div:first-child{background:#fafbfd;color:var(--primary);font-weight:700}
@media (max-width:700px){.table-row{grid-template-columns:1fr}}