:root{
  --ink:#eef1f7;
  --ink-soft:#a7b0c2;
  --paper:#0a0c11;
  --paper-raised:#12151d;
  --copper:#3e7bfa;
  --copper-strong:#75a1ff;
  --slate:#7d8598;
  --line:#232734;
  --line-strong:#333a4a;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Public Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  line-height:1.65;
}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.topbar{border-bottom:1px solid var(--line);padding:20px 0;position:sticky;top:0;z-index:40;background:var(--paper)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.topbar nav{display:flex;gap:20px;align-items:center}
.topbar nav a{color:var(--ink-soft);font-size:13.5px;font-weight:600;text-decoration:none}
.topbar nav a:hover{color:var(--ink);text-decoration:none}
.topbar .cta{background:var(--copper);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:13.5px}
.topbar .cta:hover{background:var(--copper-strong);text-decoration:none}
.brand-word{display:block;height:22px;width:auto}
.brand-word text{fill:var(--ink)}
.brand-word tspan{fill:var(--copper)}
main{padding:56px 0 80px}
h1{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(28px,4vw,38px);margin:0 0 8px}
.updated{color:var(--slate);font-size:13.5px;margin:0 0 40px}
h2{font-family:'Public Sans',sans-serif;font-weight:800;font-size:18px;margin:36px 0 12px}
p,li{color:var(--ink-soft);font-size:15px}
a{color:var(--copper-strong)}
.notice{
  background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:12px;
  padding:16px 20px;font-size:13.5px;color:var(--slate);margin-bottom:36px;
}
.notice strong{color:var(--ink-soft)}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--slate);font-size:12.5px}