:root{
  --ink:#0E1116; --ink-2:#12171E; --line:#252D38; --chalk:#E7E9EC; --mute:#A3ACB8; --dim:#69737F; --amber:#FF6B2C;
}
*{box-sizing:border-box}
body{margin:0; background:var(--ink); color:var(--chalk); font-family:"Be Vietnam Pro","Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased}
a{color:var(--amber)}
.wrap{width:min(860px,100%); margin-inline:auto; padding-inline:16px}
header{border-bottom:1px solid var(--line); background:var(--ink-2)}
header .wrap{display:flex; justify-content:space-between; align-items:center; gap:12px; padding-block:14px}
header a{color:var(--mute); text-decoration:none; font-size:14px}
.brand{display:flex; align-items:center; gap:10px; color:var(--chalk)!important}
.logo{width:34px; height:34px; display:block}
main{padding-block:40px 56px}
.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--dim); margin:0 0 10px}
h1{font-size:clamp(1.7rem,4vw,2.3rem); line-height:1.15; margin:0 0 18px; letter-spacing:-.02em}
h2{font-size:1.1rem; margin:30px 0 10px}
p,li{color:var(--mute)}
b{color:var(--chalk)}
ul{padding-left:20px}
li{margin-bottom:6px}
hr{border:none; border-top:1px solid var(--line); margin:48px 0}
footer{border-top:1px solid var(--line); padding-block:22px; color:var(--dim); font-size:13px}
footer a{color:var(--mute)}