:root{--ink:#10253e;--blue:#61b9ee;--blue-deep:#087dbd;--blue-soft:#e9f7ff;--sand:#f6eee3;--white:#fff;--line:rgba(16,37,62,.12);--shadow:0 24px 70px rgba(24,75,111,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif;background:#fff;font-size:16px;line-height:1.75}a{color:inherit}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:1.35rem;letter-spacing:-.04em}.brand img{width:42px;height:38px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a{text-decoration:none;font-size:.88rem;font-weight:600}.navlinks a:hover,.back:hover{color:var(--blue-deep)}.lang{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#fff;font:600 .78rem Montserrat;cursor:pointer}
.blog-hero{padding:100px 0 72px;background:linear-gradient(130deg,#fff 0 58%,var(--blue-soft) 58%)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800;color:var(--blue-deep);margin:0 0 16px}.blog-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:1;letter-spacing:-.065em;margin:0 0 24px}.blog-hero p{font-size:1.12rem;color:#496179;max-width:680px;margin:0}
.blog-list{padding:82px 0 110px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.post-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;text-decoration:none;transition:.2s;overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.post-copy{padding:28px 30px 32px}.meta{font-size:.78rem;color:#64778a;font-weight:600}.post-card h2{font-size:1.42rem;line-height:1.3;letter-spacing:-.025em;margin:12px 0}.post-card p{font-size:.93rem;color:#52677d;margin:0}.read{display:inline-block;margin-top:20px;font-size:.86rem;font-weight:800;color:var(--blue-deep)}
.article-hero{padding:72px 0 55px;background:var(--blue-soft)}.article-wrap{width:min(820px,calc(100% - 40px));margin:auto}.back{display:inline-block;margin-bottom:30px;text-decoration:none;font-size:.86rem;font-weight:700}.article-hero h1{font-size:clamp(2.45rem,6vw,4.8rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 24px}.article-image{width:min(1040px,calc(100% - 40px));margin:55px auto 0;display:block;max-height:600px;object-fit:cover}.article{padding:70px 0 110px}.article h2{font-size:1.75rem;line-height:1.3;margin:2.2em 0 .55em}.article h3{font-size:1.28rem;line-height:1.35;margin:2em 0 .5em}.article p{margin:0 0 1.25em;color:#334e68}.article ul,.article ol{padding-left:1.5em;margin:0 0 1.5em}.article li{margin:.55em 0}.article .closing{background:var(--sand);padding:28px;margin-top:42px}.not-found{text-align:center;padding:120px 20px}
footer{background:var(--ink);color:#fff;padding:28px 0;font-size:.78rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;opacity:.86}
@media(max-width:760px){.navlinks{gap:14px}.navlinks a{font-size:.78rem}.grid{grid-template-columns:1fr}.blog-hero{padding:72px 0 55px}.blog-list{padding:55px 0 80px}.article-hero{padding:55px 0 40px}}
@media(max-width:480px){.wrap,.article-wrap,.article-image{width:calc(100% - 28px)}nav{height:68px}.brand{font-size:1.15rem}.brand img{width:36px}.navlinks a:first-child{display:none}.post-copy{padding:23px 22px 27px}.article{padding:48px 0 80px}}