:root{--co:#2230D0;--ink:#0A0F3C;--bru:#EDF0FF}
*{box-sizing:border-box;margin:0;padding:0}
body{font:400 1.0625rem/1.7 'Hanken Grotesk',system-ui,sans-serif;color:var(--ink);background:var(--bru)}
h1,h2{font-family:'Syne','Hanken Grotesk',system-ui,sans-serif;letter-spacing:-.02em;line-height:1.1}
a{color:var(--co)}
:focus-visible{outline:3px solid var(--co);outline-offset:3px}
.w{width:min(760px,100% - 48px);margin-inline:auto}
.top{border-bottom:1px solid rgba(10,15,60,.15);padding:22px 0}
.top .w{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.lg{display:inline-flex;align-items:center;gap:.6rem;font:800 1.4rem 'Syne',sans-serif;letter-spacing:-.03em;text-decoration:none;color:var(--ink)}
.lg svg{width:28px;height:28px}
.top nav a{margin-left:1.3rem;font-size:.95rem}
main{padding:clamp(40px,7vw,80px) 0}
h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:.5rem}
.up{opacity:.7;font-size:.95rem;margin-bottom:2rem}
h2{font-size:1.4rem;margin:2.2rem 0 .6rem}
p,ul{margin-bottom:1rem}
ul{padding-left:1.3rem}li{margin-bottom:.4rem}
.box{background:#fff;border-radius:10px;padding:1.2rem 1.4rem;margin-bottom:1rem}
.box p{margin:0}
footer{padding:28px 0 48px;border-top:1px solid rgba(10,15,60,.15);font-size:.92rem}
table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.95rem;background:#fff;border-radius:10px;overflow:hidden}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid #dde2f0;vertical-align:top}th{background:#dde2f0}