:root{--navy:#232F5A;--deep:#15203F;--ink:#1C2333;--mute:#5B6478;--line:#D9DEE8}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 "IBM Plex Sans",system-ui,sans-serif;color:var(--ink);background:#fff}
h1,h2{font-family:"Bricolage Grotesque","IBM Plex Sans",sans-serif;font-weight:600;letter-spacing:-.01em;margin:0}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}header{background:var(--deep);color:#fff}nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.mark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-family:"Bricolage Grotesque";font-weight:600;font-size:22px}.mark svg{width:38px;height:38px}
nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0}nav ul a{color:#fff;text-decoration:none;opacity:.85}
.page{padding:56px 0 80px}.page h1{font-size:clamp(32px,4vw,44px);line-height:1.1;margin-bottom:10px}.sub{color:var(--mute);margin:0 0 36px}.page h2{font-size:22px;margin:36px 0 10px}.page a{color:var(--navy)}
footer{background:var(--deep);color:#C9D1E3;padding:40px 0;font-size:14px}footer .wrap{max-width:1080px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{color:#fff;text-decoration:none;margin-left:18px}