:root{color-scheme:only light;--white:#FFF;--grey:#F5F5F7;--ink:#1D1D1F;--muted:#4F4F54;--blue:#0071E3;--hair:rgba(0,0,0,.08);
--font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{background:#FFF}
body{font-family:var(--font);color:var(--ink);background:#FFF;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
nav{position:sticky;top:0;height:52px;backdrop-filter:saturate(180%) blur(20px);background:rgba(255,255,255,.72);border-bottom:1px solid var(--hair);display:flex;align-items:center;z-index:10}
.nav-inner{max-width:1080px;margin:0 auto;width:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:17px;font-weight:600;color:var(--ink)}
.logo span{color:var(--blue)}
.logo img{vertical-align:-7px;margin-right:9px}
.back{font-size:14px}
main{max-width:720px;margin:0 auto;padding:90px 24px 120px}
h1{font-size:clamp(34px,5vw,52px);font-weight:700;letter-spacing:-.024em;line-height:1.08}
.eff{font-size:14px;color:var(--muted);margin:16px 0 56px}
h2{font-size:21px;font-weight:600;letter-spacing:-.015em;margin:44px 0 12px}
p,li{font-size:16px;line-height:1.7;color:#3A3A3E}
p{margin:0 0 14px}
ul{margin:0 0 14px 22px}
li{margin-bottom:6px}
.note{margin-top:56px;padding:18px 22px;border:1px solid var(--hair);border-radius:14px;background:var(--grey);font-size:13px;color:var(--muted);line-height:1.6}
footer{border-top:1px solid var(--hair);padding:26px 24px;font-size:14px;color:#3F3F44;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1080px;margin:0 auto}
footer a{color:#3F3F44;font-weight:500}
footer a:hover{color:var(--blue)}