body{background:#fff;color:#242329;font-family:"DM Sans",Arial,sans-serif;margin:0}
*{box-sizing:border-box}
a{color:#6757f6}
.info-top{height:72px;border-bottom:1px solid #ecebf0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,52px)}
.info-top a{font-weight:700;text-decoration:none}
.info-top .brand{font-size:18px;line-height:1.15;color:#242329;display:inline-flex;align-items:center;gap:10px}
.info-top .brand img{display:block;width:34px;height:34px}
.info-top nav{display:flex;gap:24px}
.info-wrap{width:min(850px,calc(100% - 40px));margin:64px auto 100px}
.info-wrap h1{font-size:clamp(36px,5vw,54px);letter-spacing:-.04em;margin:0 0 18px}
.info-wrap h2{font-size:24px;margin:44px 0 14px}
.info-wrap p,.info-wrap li{font-size:17px;line-height:1.75;color:#5b5963}
.info-wrap ul{padding-left:24px}
.info-wrap .info-attribution{margin-top:42px;color:#77727e;font-size:13px}
.info-note{border:1px solid #e7e3ff;background:#f7f6ff;border-radius:16px;padding:18px 22px}
.info-foot{background:#242329;color:#fff;padding:32px max(20px,calc((100% - 850px)/2))}
.info-foot nav{display:flex;flex-wrap:wrap;gap:20px}
.info-foot a{color:#d4d2dc;text-decoration:none}
@media(max-width:600px){.info-top{height:auto;min-height:65px;flex-wrap:wrap;gap:12px;padding:14px 20px}.info-top nav{gap:14px;flex-wrap:wrap}.info-wrap{margin:42px auto 75px}}
