:root{--night:#0C1718;--on-night:#E9EFEE;--on-night-2:#B9C8C6;--on-night-3:#97AAA8;--rim:rgba(233,239,238,.14);--allow:#86CDAE;
  --sans:"Geist",ui-sans-serif,system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;--gutter:clamp(16px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--night);color:var(--on-night-2);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--on-night)}
a:hover{color:var(--allow)}
.wrap{max-width:760px;margin:0 auto;padding:0 var(--gutter)}
header{padding:28px 0;border-bottom:1px solid var(--rim)}
.mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:16px;color:var(--on-night)}
.mark svg{width:20px;height:20px}
main{padding:56px 0 72px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-night-3)}
h1{color:var(--on-night);font-weight:500;font-size:clamp(32px,5vw,44px);letter-spacing:-.02em;line-height:1.1;margin:12px 0 8px}
h2{color:var(--on-night);font-weight:500;font-size:20px;letter-spacing:-.01em;margin:40px 0 10px}
p,ul{margin:0 0 14px}
ul{padding-left:20px}
li{margin-bottom:6px}
strong{color:var(--on-night);font-weight:500}
footer{border-top:1px solid var(--rim);padding:32px 0;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
footer a{text-decoration:none;color:var(--on-night-2)}
footer a:hover{color:var(--on-night)}