@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,300;0,400;0,500;1,400&family=Inter:wght@300;400;500;600&family=IBM+Plex+Mono:wght@500&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{background:#F5F6F8;color:#16161D;font-family:'Inter',sans-serif;font-size:14px;line-height:1.7}
.serif{font-family:'Spectral',serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 48px}
nav{border-bottom:1px solid rgba(22,21,86,0.12)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:64px;padding:24px 0}
.brand svg{height:16px;width:auto;display:block}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{font-size:12px;letter-spacing:0.4px;color:#5A5A64;text-decoration:none}
.nav-links a.active,.nav-links a:hover{color:#161556}
.nav-cta{border:1px solid rgba(22,21,86,0.5);color:#161556;padding:7px 15px;font-size:10.5px;letter-spacing:0.4px;background:transparent;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap}
.intro{padding:72px 0 28px}
.intro-head{font-family:'Spectral',serif;font-size:44px;font-weight:300;line-height:1.15;color:#16161D;letter-spacing:-0.8px}
/* readable body column */
.page-body{max-width:720px;padding:8px 0 72px;font-size:16px;line-height:1.85;color:#2C2C36;font-weight:300}
.page-body p{margin-bottom:20px}
.page-body h2{font-family:'Spectral',serif;font-size:24px;font-weight:400;margin:36px 0 14px;color:#16161D;letter-spacing:-0.3px}
.page-body h3{font-family:'Spectral',serif;font-size:19px;font-weight:500;margin:28px 0 10px;color:#16161D}
.page-body ul,.page-body ol{margin:0 0 20px 22px}
.page-body li{margin-bottom:10px}
.page-body a{color:#161556;text-decoration:underline;text-underline-offset:2px}
.page-body strong{font-weight:500;color:#16161D}
footer{background:#F5F6F8}
.footer-in{padding:38px 0 30px}
.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid rgba(22,21,86,0.12)}
.footer-top .brand svg{height:15px}
.footer-nav{display:flex;gap:28px}
.footer-nav a{font-size:12px;letter-spacing:0.3px;color:#5A5A64;text-decoration:none}
.footer-nav a:hover{color:#161556}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px}
.footer-legal{font-size:11px;color:#9A9AA2;letter-spacing:0.3px}
.footer-meta{display:flex;gap:20px}
.footer-meta a{font-size:11px;color:#9A9AA2;text-decoration:none;letter-spacing:0.3px}
.footer-meta a:first-child{font-weight:600}
@media(max-width:760px){.nav-links{display:none}.intro-head{font-size:32px}}