*{box-sizing:border-box;margin:0;padding:0}
:root{--a:hsl(205 60% 42%);--a-d:hsl(205 60% 34%);--a-l:hsl(205 55% 96%);--tx:#1d2125;--dm:#59616a;--ln:#e6e8eb}
body{font-family:Georgia,'Times New Roman',serif;line-height:1.65;color:var(--tx);background:#fff}
a{color:var(--a-d)}
img,svg{max-width:100%;display:block}
.w{max-width:1040px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--ln);background:#fff;position:sticky;top:0;z-index:5}
header .w{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:14px 20px}
.logo{font-weight:700;font-size:19px;color:var(--tx);text-decoration:none;display:flex;gap:10px;align-items:center}
.logo svg{width:28px;height:28px}
nav{display:flex;flex-wrap:wrap;gap:4px 20px}
nav a{text-decoration:none;color:var(--dm);font-size:15px}
nav a:hover,nav a[aria-current]{color:var(--a-d)}
.hero{padding:64px 0;background:var(--a-l)}
.hero .w{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin-bottom:16px}
.hero p{font-size:18px;color:var(--dm);margin-bottom:28px}
.btn{display:inline-block;padding:12px 22px;border-radius:8px;background:var(--a);color:#fff;text-decoration:none;font-weight:600}
.btn:hover{background:var(--a-d)}
.stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:32px}
.stats b{display:block;font-size:24px}
.stats span{color:var(--dm);font-size:14px}
section{padding:56px 0}
section+section{border-top:1px solid var(--ln)}
h1.pt{font-size:32px;margin-bottom:24px}
h2{font-size:24px;margin-bottom:22px}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.c{border:1px solid var(--ln);border-radius:12px;padding:22px;background:#fff}
.c h3{font-size:17px;margin-bottom:6px}
.c p,.m{color:var(--dm)}
.pr{margin-top:12px;font-weight:600;color:var(--a-d)}
.prose{max-width:680px}
.prose p{margin-bottom:16px}
.meta{color:var(--dm);font-size:14px;margin-bottom:20px}
.post{padding:18px 0;border-bottom:1px solid var(--ln)}
.post h3{font-size:19px}
.post h3 a{text-decoration:none;color:var(--tx)}
details{border-bottom:1px solid var(--ln);padding:14px 0}
summary{cursor:pointer;font-weight:600}
details p{margin-top:8px;color:var(--dm)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px}
dt{color:var(--dm)}
table{border-collapse:collapse;width:100%}
td,th{padding:12px 8px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top}
td:last-child,th:last-child{text-align:right;white-space:nowrap}
footer{background:#f6f7f8;padding:40px 0 24px;color:var(--dm);font-size:14px;margin-top:24px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;margin-bottom:28px}
footer h4{color:var(--tx);font-size:14px;margin-bottom:10px}
footer a{color:var(--dm);text-decoration:none;display:block;margin-bottom:6px}
footer a:hover{color:var(--a-d)}
@media(max-width:720px){.hero .w,footer .cols{grid-template-columns:1fr}.hero svg{max-width:280px}}