:root{--bg:#F4F6F7;--ink:#14181C;--ink2:#4E5D6A;--rule:#C9D0D5;--accent:#1F6F8B}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6}
a{color:inherit}
header{padding:18px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule)}
.logo{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:26px;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo i{display:inline-block;width:14px;height:14px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(31,111,139,.18)}
header nav a{text-decoration:none;font-weight:500;margin-left:22px;font-size:16px}
main{max-width:720px;margin:0 auto;padding:56px 5vw 80px}
h1{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:clamp(38px,6vw,60px);line-height:1;margin:0 0 6px}
.meta{color:var(--ink2);font-size:15px;margin:0 0 32px}
h2{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:26px;line-height:1.05;margin:32px 0 8px}
p{max-width:66ch;margin:0 0 14px}
footer{padding:28px 5vw;border-top:1px solid var(--rule);font-size:15px;color:var(--ink2)}
footer a{text-decoration:none}