@font-face{font-family:"Sage";src:url(fonts/Sage-Grotesk.woff) format("woff");font-display:swap}
@font-face{font-family:"Avenir";src:url(fonts/Avenir-Book-01.woff) format("woff");font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#0b0420;color:#fff;font:17px/1.65 "Avenir",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#3BFFBC}
:focus-visible{outline:3px solid #3BFFBC;outline-offset:3px}
.wrap{width:min(780px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:12px;top:-60px;padding:12px 18px;border-radius:12px;background:#3BFFBC;color:#06150F;font-weight:700}
.skip:focus{top:12px}
header{border-bottom:1px solid rgba(255,255,255,.16);padding:18px 0}
header .wrap{display:flex;justify-content:space-between;align-items:center}
header img{height:30px;width:auto;display:block}
header .back{font-family:"Sage";text-transform:uppercase;font-size:13px;text-decoration:none}
main{padding:56px 0 72px}
h1{font-family:"Sage";text-transform:uppercase;font-size:clamp(36px,8vw,60px);line-height:.95}
.meta{opacity:.7;margin:12px 0 32px;font-size:15px}
h2{font-family:"Sage";text-transform:uppercase;font-size:20px;line-height:1.15;margin:40px 0 12px}
h3{font-size:17px;margin:20px 0 8px}
p,li{opacity:.9}
p+p{margin-top:12px}
ul{padding-left:22px;display:grid;gap:8px;margin-top:8px}
footer{border-top:1px solid rgba(255,255,255,.16);padding:28px 0;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;opacity:.8}
footer nav{display:flex;gap:18px}