:root{
  --bg:#08080A; --border:rgba(255,255,255,.11); --border-soft:rgba(255,255,255,.06);
  --fg:#F4F5F7; --fg-muted:#C2C4CC; --fg-faint:#9a9ca6; --accent:#5AA9FF; --chrome:#eef0f4;
  --maxw:760px; --ease:cubic-bezier(.19,1,.22,1);
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:3px}
.skip{position:fixed;left:12px;top:-60px;z-index:20;background:var(--chrome);color:#0a0a0b;padding:10px 16px;border-radius:8px;
  font-family:"IBM Plex Mono",monospace;font-size:.8rem;font-weight:600;transition:top .2s var(--ease)}
.skip:focus{top:12px}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
@media(min-width:820px){.wrap{padding-inline:40px}}
header.nav{border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:rgba(8,8,10,.82);backdrop-filter:blur(14px);z-index:10}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:11px;color:var(--fg);text-decoration:none;
  font-family:"Bricolage Grotesque",sans-serif;font-weight:600}
.brand img{width:26px;height:26px}
.back{font-family:"IBM Plex Mono",monospace;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);text-decoration:none}
.back:hover{color:#fff}
main{padding-block:clamp(48px,8vw,90px)}
h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:2.7rem;line-height:1.02;letter-spacing:-.02em;margin:0 0 12px}
.updated{font-family:"IBM Plex Mono",monospace;font-size:.8rem;color:var(--fg-faint);margin:0 0 8px}
.lead{font-size:1.4rem;line-height:1.5;color:var(--fg);margin:22px 0 8px}
h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:1.8rem;letter-spacing:-.015em;
  margin:52px 0 14px;padding-top:28px;border-top:1px solid var(--border-soft)}
p{margin:0 0 16px;color:var(--fg-muted)}
ul{margin:0 0 16px;padding-left:22px;color:var(--fg-muted)}
li{margin-bottom:8px}
strong{color:var(--fg)}
a.mail{font-family:"IBM Plex Mono",monospace}
footer{border-top:1px solid var(--border-soft);padding-block:34px;margin-top:40px}
.foot{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.fcopy{font-family:"IBM Plex Mono",monospace;font-size:.8rem;color:var(--fg-faint);letter-spacing:.04em}